@dnb/eufemia 10.2.0 → 10.3.0

package/components/accordion/AccordionStore.js

@@ -3,33 +3,26 @@ import { isTrue, warn } from '../../shared/component-helper';
 export class AccordionStore {
   constructor(id) {
     _defineProperty(this, "_instances", void 0);
-
     _defineProperty(this, "_id", void 0);
-
     this._id = id;
     this._instances = [];
   }
-
   onChange(_ref) {
     let {
       id
     } = _ref;
-
     this._instances.forEach(inst => {
       if (inst._id !== id) {
         inst.close();
       }
     });
   }
-
   addInstance(instance) {
     this._instances.push(instance);
   }
-
   removeInstance(instance) {
     this._instances = this._instances.filter(inst => inst !== instance);
   }
-
 }
 export class Store {
   constructor(_ref2) {
@@ -37,38 +30,28 @@ export class Store {
       id,
       group
     } = _ref2;
-
     _defineProperty(this, "id", void 0);
-
     _defineProperty(this, "group", void 0);
-
     this.id = id;
     this.group = group;
     return this;
   }
-
   storeId() {
     let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.id;
-
     if (this.group) {
       if (this.group[0] === '#') {
         return null;
       }
-
       id = this.group;
     }
-
     return `dnb-accordion-${id}`;
   }
-
   saveState(expanded) {
     let id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.id;
     let opts = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
     if (id) {
       try {
         const store = this.getData() || {};
-
         if (this.group) {
           if (expanded) {
             store.id = id;
@@ -78,9 +61,7 @@ export class Store {
         } else {
           store.expanded = expanded;
         }
-
         const storeId = this.storeId(id);
-
         if (storeId) {
           window.localStorage.setItem(storeId, JSON.stringify(store));
         }
@@ -89,11 +70,9 @@ export class Store {
       rememberWarning();
     }
   }
-
   getData() {
     let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.id;
     const storeId = this.storeId(id);
-
     if (storeId) {
       try {
         if (Object.prototype.hasOwnProperty.call(window.localStorage, storeId)) {
@@ -101,15 +80,12 @@ export class Store {
         }
       } catch (e) {}
     }
-
     return null;
   }
-
   getState() {
     let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.id;
     let state = null;
     const store = this.getData(id);
-
     if (store) {
       if (typeof store.id !== 'undefined') {
         state = id === store.id;
@@ -117,26 +93,22 @@ export class Store {
         state = isTrue(store.expanded);
       }
     }
-
     return state;
   }
-
   flush() {
     let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.id;
-
     if (id) {
       try {
         const storeId = this.storeId(id);
-
         if (storeId) {
           window.localStorage.setItem(storeId, null);
         }
       } catch (e) {}
     }
   }
-
 }
 export function rememberWarning() {
   let type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'accordion';
   warn(`Missing "id" prop the ${type}! "remember_state" is enabled.`);
-}
+}
+//# sourceMappingURL=AccordionStore.js.map

package/components/accordion/AccordionStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionStore.js","names":["isTrue","warn","AccordionStore","constructor","id","_defineProperty","_id","_instances","onChange","_ref","forEach","inst","close","addInstance","instance","push","removeInstance","filter","Store","_ref2","group","storeId","arguments","length","undefined","saveState","expanded","opts","store","getData","force","window","localStorage","setItem","JSON","stringify","e","rememberWarning","Object","prototype","hasOwnProperty","call","parse","getItem","getState","state","flush","type"],"sources":["../../../../src/components/accordion/AccordionStore.ts"],"sourcesContent":["import { isTrue, warn } from '../../shared/component-helper'\n\ntype AccordionStoreInstance = {\n  _id: string\n  close: () => void\n}\nexport class AccordionStore {\n  _instances: Array<AccordionStoreInstance>\n  _id: string\n  constructor(id: string) {\n    this._id = id\n    this._instances = []\n  }\n  onChange({ id }: { id: string }) {\n    this._instances.forEach((inst) => {\n      if (inst._id !== id) {\n        inst.close()\n      }\n    })\n  }\n  addInstance(instance: AccordionStoreInstance) {\n    this._instances.push(instance)\n  }\n  removeInstance(instance) {\n    this._instances = this._instances.filter((inst) => inst !== instance)\n  }\n}\n\nexport type StoreDataReturn = {\n  id: string\n  expanded: boolean\n}\nexport type StoreOptions = {\n  force?: boolean\n}\n\nexport class Store {\n  id: string\n  group: string\n\n  constructor({ id, group }) {\n    this.id = id\n    this.group = group\n    return this\n  }\n\n  storeId(id = this.id) {\n    if (this.group) {\n      // Skip using the random ID\n      if (this.group[0] === '#') {\n        return null\n      }\n      id = this.group\n    }\n    return `dnb-accordion-${id}`\n  }\n\n  saveState(expanded: boolean, id = this.id, opts: StoreOptions = {}) {\n    if (id) {\n      try {\n        const store = this.getData() || ({} as StoreDataReturn)\n\n        if (this.group) {\n          if (expanded) {\n            store.id = id\n          } else if (opts && opts.force) {\n            store.id = null\n          }\n        } else {\n          store.expanded = expanded\n        }\n\n        const storeId = this.storeId(id)\n        if (storeId) {\n          window.localStorage.setItem(storeId, JSON.stringify(store))\n        }\n      } catch (e) {\n        //\n      }\n    } else {\n      rememberWarning()\n    }\n  }\n\n  getData(id = this.id): StoreDataReturn {\n    const storeId = this.storeId(id)\n\n    if (storeId) {\n      try {\n        if (\n          Object.prototype.hasOwnProperty.call(\n            window.localStorage,\n            storeId\n          )\n        ) {\n          return JSON.parse(window.localStorage.getItem(storeId))\n        }\n      } catch (e) {\n        //\n      }\n    }\n\n    return null\n  }\n\n  getState(id = this.id) {\n    let state = null\n\n    const store = this.getData(id)\n\n    if (store) {\n      if (typeof store.id !== 'undefined') {\n        state = id === store.id\n      } else if (typeof store.expanded !== 'undefined') {\n        state = isTrue(store.expanded)\n      }\n    }\n\n    return state\n  }\n\n  flush(id = this.id) {\n    if (id) {\n      try {\n        const storeId = this.storeId(id)\n        if (storeId) {\n          window.localStorage.setItem(storeId, null)\n        }\n      } catch (e) {\n        //\n      }\n    }\n  }\n}\n\nexport function rememberWarning(type = 'accordion') {\n  warn(`Missing \"id\" prop the ${type}! \"remember_state\" is enabled.`)\n}\n"],"mappings":"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"}

package/components/accordion/index.js

@@ -1,3 +1,4 @@
 import Accordion from './Accordion';
 export default Accordion;
-export * from './Accordion';
+export * from './Accordion';
+//# sourceMappingURL=index.js.map

package/components/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Accordion"],"sources":["../../../../src/components/accordion/index.ts"],"sourcesContent":["/**\n * Component Entry\n *\n */\n\nimport Accordion from './Accordion'\nexport default Accordion\nexport * from './Accordion'\n"],"mappings":"AAKA,OAAOA,SAAS,MAAM,aAAa;AACnC,eAAeA,SAAS;AACxB,cAAc,aAAa"}

package/components/accordion/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/accordion/style/index.js"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-accordion.scss'\n"],"mappings":"AAKA,OAAO,yBAAsB"}

package/components/accordion/style/themes/ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.js","names":[],"sources":["../../../../../../src/components/accordion/style/themes/ui.js"],"sourcesContent":["/**\n * Imports the default theme\n *\n */\n\nimport './dnb-accordion-theme-ui.scss'\n"],"mappings":"AAKA,OAAO,kCAA+B"}

package/components/accordion/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../../src/components/accordion/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style/dnb-accordion.scss'\n"],"mappings":"AAKA,OAAO,+BAA4B"}

package/components/anchor/Anchor.d.ts

@@ -7,7 +7,7 @@ import { ElementIsType } from '../../elements/Element';
 import type { IconIcon } from '../icon/Icon';
 import type { SkeletonShow } from '../skeleton/Skeleton';
 import type { SpacingProps } from '../../shared/types';
-export declare type AnchorProps = {
+export type AnchorProps = {
     element?: ElementIsType;
     href?: string;
     to?: string;
@@ -22,7 +22,7 @@ export declare type AnchorProps = {
     /** @deprecated use innerRef instead */
     inner_ref?: React.RefObject<HTMLAnchorElement>;
 };
-export declare type AnchorAllProps = AnchorProps & Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'> & SpacingProps;
+export type AnchorAllProps = AnchorProps & Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'> & SpacingProps;
 export declare function AnchorInstance(localProps: AnchorAllProps): JSX.Element;
 declare const Anchor: React.ForwardRefExoticComponent<AnchorProps & Omit<React.HTMLProps<HTMLAnchorElement>, "ref"> & import("../space/types").SpacingElementProps & {
     space?: import("../space/types").SpaceType | import("../space/types").SpacingElementProps;

package/components/anchor/Anchor.js

@@ -15,49 +15,42 @@ export function AnchorInstance(localProps) {
   const allProps = extendPropsWithContext(localProps, defaultProps, {
     skeleton: context === null || context === void 0 ? void 0 : context.skeleton
   }, context === null || context === void 0 ? void 0 : context.getTranslation(localProps).Anchor, context === null || context === void 0 ? void 0 : context.Anchor);
-
   if (typeof allProps.inner_ref !== 'undefined') {
     allProps.innerRef = allProps.inner_ref;
     delete allProps.inner_ref;
   }
-
   if (!allProps.innerRef) {
     allProps.innerRef = React.createRef();
   }
-
   const {
-    id,
-    element,
-    className,
-    children,
-    tooltip,
-    icon,
-    iconPosition = 'left',
-    omitClass,
-    innerRef,
-    targetBlankTitle
-  } = allProps,
-        rest = _objectWithoutProperties(allProps, _excluded);
-
+      id,
+      element,
+      className,
+      children,
+      tooltip,
+      icon,
+      iconPosition = 'left',
+      omitClass,
+      innerRef,
+      targetBlankTitle
+    } = allProps,
+    rest = _objectWithoutProperties(allProps, _excluded);
   const attributes = rest;
   const internalId = id || 'id' + makeUniqueId();
   const showTooltip = tooltip || allProps.target === '_blank' && !allProps.title;
   const as = element || 'a';
   let prefix;
   let suffix;
-
   if (icon) {
     const iconNode = typeof icon === 'string' ? React.createElement(IconPrimary, {
       icon: icon
     }) : icon;
-
     if (iconPosition === 'left') {
       prefix = React.createElement(React.Fragment, null, iconNode, " ");
     } else if (iconPosition === 'right') {
       suffix = React.createElement(React.Fragment, null, " ", iconNode);
     }
   }
-
   return React.createElement(React.Fragment, null, React.createElement(E, _extends({
     as: as,
     id: id,
@@ -79,20 +72,15 @@ const Anchor = React.forwardRef((props, ref) => {
 export default Anchor;
 export function scrollToHashHandler(e) {
   var _element$pathname;
-
   const element = e.currentTarget;
   const href = element.getAttribute('href');
-
   if (typeof document === 'undefined' || !href.includes('#')) {
     return;
   }
-
   const isSamePath = href.startsWith('#') || window.location.href.includes((_element$pathname = element.pathname) === null || _element$pathname === void 0 ? void 0 : _element$pathname.replace(/\/$/, ''));
-
   if (isSamePath) {
     const id = href.split(/#/g).reverse()[0];
     const anchorElem = document.getElementById(id);
-
     if (anchorElem instanceof HTMLElement) {
       e.preventDefault();
       const scrollPadding = parseFloat(window.getComputedStyle(document.documentElement).scrollPaddingTop);
@@ -102,4 +90,5 @@ export function scrollToHashHandler(e) {
       });
     }
   }
-}
+}
+//# sourceMappingURL=Anchor.js.map

package/components/anchor/Anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Anchor.js","names":["React","classnames","E","Context","makeUniqueId","extendPropsWithContext","getOffsetTop","IconPrimary","Tooltip","defaultProps","AnchorInstance","localProps","context","useContext","allProps","skeleton","getTranslation","Anchor","inner_ref","innerRef","createRef","id","element","className","children","tooltip","icon","iconPosition","omitClass","targetBlankTitle","rest","_objectWithoutProperties","_excluded","attributes","internalId","showTooltip","target","title","as","prefix","suffix","iconNode","createElement","Fragment","_extends","showDelay","targetElement","forwardRef","props","ref","scrollToHashHandler","e","_element$pathname","currentTarget","href","getAttribute","document","includes","isSamePath","startsWith","window","location","pathname","replace","split","reverse","anchorElem","getElementById","HTMLElement","preventDefault","scrollPadding","parseFloat","getComputedStyle","documentElement","scrollPaddingTop","top","scroll"],"sources":["../../../../src/components/anchor/Anchor.tsx"],"sourcesContent":["/**\n * HTML Element\n *\n */\n\nimport React from 'react'\nimport classnames from 'classnames'\nimport E, { ElementProps, ElementIsType } from '../../elements/Element'\nimport Context from '../../shared/Context'\nimport {\n  makeUniqueId,\n  extendPropsWithContext,\n} from '../../shared/component-helper'\nimport { getOffsetTop } from '../../shared/helpers'\nimport IconPrimary from '../icon-primary/IconPrimary'\nimport Tooltip from '../tooltip/Tooltip'\nimport type { IconIcon } from '../icon/Icon'\nimport type { SkeletonShow } from '../skeleton/Skeleton'\nimport type { SpacingProps } from '../../shared/types'\n\nexport type AnchorProps = {\n  element?: ElementIsType\n  href?: string\n  to?: string\n  targetBlankTitle?: string\n  target?: string\n  tooltip?: React.ReactNode\n  icon?: IconIcon\n  iconPosition?: 'left' | 'right'\n  skeleton?: SkeletonShow\n  omitClass?: boolean\n  innerRef?: React.RefObject<HTMLAnchorElement>\n\n  /** @deprecated use innerRef instead */\n  inner_ref?: React.RefObject<HTMLAnchorElement>\n}\n\nexport type AnchorAllProps = AnchorProps &\n  Omit<React.HTMLProps<HTMLAnchorElement>, 'ref'> &\n  SpacingProps\n\nconst defaultProps = {}\n\nexport function AnchorInstance(localProps: AnchorAllProps) {\n  const context = React.useContext(Context)\n  const allProps = extendPropsWithContext(\n    localProps,\n    defaultProps,\n    { skeleton: context?.skeleton },\n    context?.getTranslation(localProps as AnchorAllProps).Anchor,\n    context?.Anchor\n  )\n\n  // deprecated: inner_ref is still needed to support Button's usage of Anchor\n  if (typeof allProps.inner_ref !== 'undefined') {\n    allProps.innerRef = allProps.inner_ref\n    delete allProps.inner_ref\n  }\n\n  if (!allProps.innerRef) {\n    allProps.innerRef = React.createRef()\n  }\n\n  const {\n    id,\n    element,\n    className,\n    children,\n    tooltip,\n    icon,\n    iconPosition = 'left',\n    omitClass,\n    innerRef,\n    targetBlankTitle,\n    ...rest\n  } = allProps\n\n  const attributes = rest as ElementProps\n\n  const internalId = id || 'id' + makeUniqueId()\n\n  // WCAG guide: https://www.w3.org/TR/WCAG20-TECHS/G201.html\n  const showTooltip =\n    tooltip || (allProps.target === '_blank' && !allProps.title)\n\n  const as = (element || 'a') as string\n\n  let prefix\n  let suffix\n  if (icon) {\n    const iconNode =\n      typeof icon === 'string' ? <IconPrimary icon={icon} /> : icon\n    if (iconPosition === 'left') {\n      prefix = <>{iconNode} </>\n    } else if (iconPosition === 'right') {\n      suffix = <> {iconNode}</>\n    }\n  }\n\n  return (\n    <>\n      <E\n        as={as}\n        id={id}\n        className={classnames(\n          omitClass !== true && 'dnb-anchor',\n          className,\n\n          // because we then don't want to distract the link out\n          // we make sure we hide the icon\n          allProps.target === '_blank' &&\n            (typeof children !== 'string' || suffix) &&\n            'dnb-anchor--no-icon',\n          typeof children !== 'string' && 'dnb-anchor--has-icon',\n          prefix && 'dnb-anchor--icon-left',\n          suffix && 'dnb-anchor--icon-right'\n        )}\n        {...attributes}\n        innerRef={innerRef}\n      >\n        {prefix}\n        {children}\n        {suffix}\n      </E>\n\n      {showTooltip && (\n        <Tooltip\n          showDelay={100}\n          id={internalId + '-tooltip'}\n          targetElement={innerRef}\n          tooltip={tooltip}\n        >\n          {allProps.title || targetBlankTitle}\n        </Tooltip>\n      )}\n    </>\n  )\n}\n\nconst Anchor = React.forwardRef(\n  (props: AnchorAllProps, ref: React.RefObject<HTMLAnchorElement>) => {\n    return <AnchorInstance innerRef={ref} {...props} />\n  }\n)\n\nexport default Anchor\n\nexport function scrollToHashHandler(\n  e: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n) {\n  const element = e.currentTarget as HTMLAnchorElement\n  const href = element.getAttribute('href')\n\n  if (typeof document === 'undefined' || !href.includes('#')) {\n    return // stop here\n  }\n\n  /**\n   * What happens here?\n   * When `scroll-behavior: smooth;` in CSS is set,\n   * Blink/Chromium wants the user to click two times in order to actually scroll to the anchor hash.\n   * The first click, sets the hash, the second one, srollts to it.\n   * We want Chromium browsers to scorll to the element on the first click.\n   */\n  const isSamePath =\n    href.startsWith('#') ||\n    window.location.href.includes(element.pathname?.replace(/\\/$/, ''))\n\n  // Only continue, when we are sure we are on the same page,\n  // because, the same ID may exists occasionally on the current page.\n  if (isSamePath) {\n    const id = href.split(/#/g).reverse()[0]\n    const anchorElem = document.getElementById(id)\n\n    if (anchorElem instanceof HTMLElement) {\n      e.preventDefault()\n\n      const scrollPadding = parseFloat(\n        window.getComputedStyle(document.documentElement).scrollPaddingTop\n      )\n      const top = getOffsetTop(anchorElem) - scrollPadding || 0\n\n      window.scroll({ top })\n    }\n  }\n}\n"],"mappings":"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"}

package/components/autocomplete/Autocomplete.d.ts

@@ -48,220 +48,177 @@ export interface AutocompleteProps
    * If set to `async`, it prevents showing the "no options" message during typing / filtering. Defaults to `sync`.
    */
   mode?: AutocompleteMode;
-
   /**
    * Give a title to let the user know what they have to do. Defaults to `Skriv og få alternativer`.
    */
   title?: AutocompleteTitle;
-
   /**
    * Use this to define the pre-filled placeholder text in the input. Defaults to `title="Skriv og velg"`.
    */
   placeholder?: AutocompletePlaceholder;
-
   /**
    * Text show in the "no options" item. Defaults to `Ingen alternativer`.
    */
   no_options?: AutocompleteNoOptions;
-
   /**
    * Text that lets a user unravel all the available options. Defaults to `Vis alt`.
    */
   show_all?: AutocompleteShowAll;
-
   /**
    * Text read out by screen readers. This way users with screen readers know how many options they got during typing. Defaults to `%s alternativer`.
    */
   aria_live_options?: AutocompleteAriaLiveOptions;
-
   /**
    * Text show on indicator "options" item. Defaults to `Henter data ...`.
    */
   indicator_label?: AutocompleteIndicatorLabel;
-
   /**
    * Only for screen readers. Title of the button to show the suggestions / options. It is always present and when activating, it opens the DrawerList and sets the focus on it. Defaults to `Bla gjennom alternativer`.
    */
   show_options_sr?: string;
-
   /**
    * Only for screen readers (VocieOver). The label used to announce the selected item. Defaults to `Valgt:`.
    */
   selected_sr?: string;
-
   /**
    * Title on submit button. Defaults to `Vis alternativer`.
    */
   submit_button_title?: string;
-
   /**
    * The icon used in the submit button. Defaults to `chevron_down`.
    */
   submit_button_icon?: AutocompleteSubmitButtonIcon;
-
   /**
    * Use a React.Ref to get access to the `input` DOM element.
    */
   input_ref?: AutocompleteInputRef;
-
   /**
    * To be included in the autocomplete input.
    */
   icon?: IconIcon;
-
   /**
    * Change the size of the icon pragmatically.
    */
   icon_size?: IconSize;
-
   /**
    * Position of the icon inside the autocomplete. Set to `left` or `right`. Defaults to `left`.
    */
   icon_position?: ButtonIconPosition;
-
   /**
    * Same as `icon`.
    */
   input_icon?: AutocompleteInputIcon;
-
   /**
    * Prepends the Form Label component. If no ID is provided, a random ID is created.
    */
   label?: FormLabelText;
-
   /**
    * Use `label_direction="vertical"` to change the label layout direction. Defaults to `horizontal`.
    */
   label_direction?: FormLabelLabelDirection;
-
   /**
    * Use `true` to make the label only readable by screen readers.
    */
   label_sr_only?: boolean;
-
   /**
    * Use `true` to not remove the typed value on input blur, if it is invalid. By default, the typed value will disappear / replaced by a selected value from the data list during the input field blur.
    */
   keep_value?: boolean;
-
   /**
    * Like `keep_value` – but would not reset to the selected value during input field blur. Also, the selected value would still be kept.
    */
   keep_value_and_selection?: boolean;
-
   /**
    * If set to `true`, a clear button is shown inside the input field. Defaults to `false`.
    */
   show_clear_button?: boolean;
-
   /**
    * Text with a status message. The style defaults to an error message. You can use `true` to only get the status color, without a message.
    */
   status?: FormStatusText;
-
   /**
    * Defines the state of the status. Currently, there are two statuses `[error, info]`. Defaults to `error`.
    */
   status_state?: FormStatusState;
-
   /**
    * Use an object to define additional FormStatus properties.
    */
   status_props?: FormStatusProps;
   status_no_animation?: boolean;
-
   /**
    * The <a href="/uilib/components/global-status/properties/#configuration-object">configuration</a> used for the target <a href="/uilib/components/global-status">GlobalStatus</a>.
    */
   globalStatus?: GlobalStatusConfigObject;
-
   /**
    * If set to `true`, word highlighting will still be active, but no options will be filtered out. Defaults to `false`.
    */
   disable_filter?: boolean;
-
   /**
    * If set to `true`, reordering of search results will be disabled. Defaults to `false`.
    */
   disable_reorder?: boolean;
-
   /**
    * If set to `true`, word highlighting will be disabled, but the options will still get filtered. Defaults to `false`.
    */
   disable_highlighting?: boolean;
-
   /**
    * Use `true` to show a Autocomplete button to toggle the <a href="/uilib/components/fragments/drawer-list">DrawerList</a>. Defaults to `false`.
    */
   show_submit_button?: boolean;
-
   /**
    * Replace the dropdown / submit button with a custom React element. Defaults to the input SubmitButton `import { SubmitButton } from &#39;@dnb/eufemia/components/input/Input&#39;`.
    */
   submit_element?: React.ReactNode;
-
   /**
    * Use `right` to change the options alignment direction. Defaults to `left`.
    */
   align_autocomplete?: AutocompleteAlignAutocomplete;
-
   /**
    * Lets you provide a custom React element as the input HTML element.
    */
   input_element?: AutocompleteInputElement;
-
   /**
    * This gives you the possibility to change the threshold number, which defines from what word on we search "inside words". Defaults to `3`.
    */
   search_in_word_index?: AutocompleteSearchInWordIndex;
-
   /**
    * If set to `true` and `search_in_word_index` is not set, the user will be able to more easily search and filter e.g. bank account numbers. Defaults to `false`.
    */
   search_numbers?: boolean;
-
   /**
    * Lets you define a custom input value.
    */
   input_value?: string;
-
   /**
    * Use `true` to auto open the list once the user is entering the input field with the keyboard.
    */
   open_on_focus?: boolean;
   disabled?: boolean;
-
   /**
    * If set to `true`, then the autocomplete will be 100% in available `width`.
    */
   stretch?: boolean;
-
   /**
    * If set to `true`, an overlaying skeleton with animation will be shown.
    */
   skeleton?: SkeletonShow;
-
   /**
    * Define a custom class for the internal drawer-list. This makes it possible more easily customize the drawer-list style with styled-components and the `css` style method. Defaults to `null`.
    */
   drawer_class?: string;
   ariaLiveDelay?: number;
-
   /**
    * Will be called for every key change the users makes. Returns an object with the input `value` inside `{ value, event, attributes }` including <a href="/uilib/components/autocomplete/events#dynamically-change-data">these methods</a>.
    */
   on_type?: (...args: any[]) => any;
-
   /**
    * Will be called on user generated focus action. Returns an object with the input `value` inside `{ value, event, attributes }` including <a href="/uilib/components/autocomplete/events#dynamically-change-data">these methods</a>.
    */
   on_focus?: (...args: any[]) => any;
-
   /**
    * Will be called on user generated blur action. Returns an object with the input `value` inside `{ value, event, attributes }` including <a href="/uilib/components/autocomplete/events#dynamically-change-data">these methods</a>.
    */
   on_blur?: (...args: any[]) => any;
-
   /**
    * Will be called once the users selects an item by a click or keyboard navigation. Returns an object with the new selected `data` item `{ data, event, attributes, value, active_item }` including <a href="/uilib/components/autocomplete/events#dynamically-change-data">these methods</a>. The "active_item" property is the currently selected item by keyboard navigation
    */