@db-ux/wc-core-components 2.1.2 → 2.2.1

package/dist/cjs/index.cjs.js

@@ -1,10 +1,12 @@
 'use strict';
 
-require('./index-BzLx0HVU.js');
+require('./index-DiwURPCd.js');
 var constants = require('./constants-CTtyzyuo.js');
-var index = require('./index-7lbP4BU6.js');
-var navigation = require('./navigation-BLjJ1vaO.js');
-require('./document-click-listener-Dfd-wUYX.js');
+var index = require('./index-ArRmNC2k.js');
+var navigation = require('./navigation-U4SBgT7D.js');
+require('./document-scroll-listener-Dr1OKmow.js');
+require('./document-click-listener-DT5rWFez.js');
+require('./floating-components-BNCfdqZJ.js');
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 const SemanticList = ['adaptive', 'neutral', 'critical', 'informational', 'warning', 'successful'];
@@ -22,6 +24,7 @@ const PopoverWidthList = ['auto', 'fixed'];
 const SizeList = ['small', 'medium'];
 const EmphasisList = ['weak', 'strong'];
 const ValidationList = ['invalid', 'valid', 'no-validation'];
+const FieldSizingList = ['fixed', 'content'];
 const LabelVariantList = ['above', 'floating'];
 const AutoCompleteList = ['off', 'on', 'name', 'honorific-prefix', 'given-name', 'additional-name', 'family-name', 'honorific-suffix', 'nickname', 'email', 'username', 'new-password', 'current-password', 'one-time-code', 'organization-title', 'organization', 'street-address', 'shipping', 'billing', 'address-line1', 'address-line2', 'address-line3', 'address-level4', 'address-level3', 'address-level2', 'address-level1', 'country', 'country-name', 'postal-code', 'cc-name', 'cc-given-name', 'cc-additional-name', 'cc-family-name', 'cc-number', 'cc-exp', 'cc-exp-month', 'cc-exp-year', 'cc-csc', 'cc-type', 'transaction-currency', 'transaction-amount', 'language', 'bday', 'bday-day', 'bday-month', 'bday-year', 'sex', 'tel', 'tel-country-code', 'tel-national', 'tel-area-code', 'tel-local', 'tel-extension', 'impp', 'url', 'photo', 'webauthn'];
 const LinkCurrentList = ['time', 'true', 'false', 'date', 'page', 'step', 'location'];
@@ -82,20 +85,18 @@ exports.getBooleanAsString = index.getBooleanAsString;
 exports.getHideProp = index.getHideProp;
 exports.getInputValue = index.getInputValue;
 exports.getNumber = index.getNumber;
+exports.getOptionKey = index.getOptionKey;
 exports.getSearchInput = index.getSearchInput;
-exports.handleDataOutside = index.handleDataOutside;
 exports.hasVoiceOver = index.hasVoiceOver;
 exports.isArrayOfStrings = index.isArrayOfStrings;
-exports.isInView = index.isInView;
 exports.stringPropVisible = index.stringPropVisible;
 exports.uuid = index.uuid;
-exports.visibleInVX = index.visibleInVX;
-exports.visibleInVY = index.visibleInVY;
 exports.NavigationItemSafeTriangle = navigation.NavigationItemSafeTriangle;
 exports.isEventTargetNavigationItem = navigation.isEventTargetNavigationItem;
 exports.AlignmentList = AlignmentList;
 exports.AutoCompleteList = AutoCompleteList;
 exports.EmphasisList = EmphasisList;
+exports.FieldSizingList = FieldSizingList;
 exports.GapSpacingList = GapSpacingList;
 exports.LabelVariantList = LabelVariantList;
 exports.LinkCurrentList = LinkCurrentList;

package/dist/cjs/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["src/shared/model.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { IconTypes } from '@db-ux/core-foundations';\nexport type GlobalProps = {\n  /**\n   * default slot\n   */\n\n  children?: any;\n\n  /**\n   * React specific for adding className to the component.\n   */\n  className?: string;\n\n  /**\n   * Workaround for TypeScript using class for all components.\n   */\n  class?: string | any;\n\n  /**\n   * @deprecated\n   * [`aria-describedby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) is used to link to the elements that describe the element with the set attribute.\n   */\n  describedbyid?: string;\n\n  /**\n   * [ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.\n   */\n  id?: string;\n\n  /**\n   * Before using please check for the [accessibility concerns](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns)\n   */\n  autofocus?: boolean | string;\n};\nexport type GlobalState = {\n  _id?: string;\n};\nexport const SemanticList = ['adaptive', 'neutral', 'critical', 'informational', 'warning', 'successful'] as const;\nexport type SemanticType = (typeof SemanticList)[number];\nexport type SemanticProps = {\n  /**\n   * The semantic defines the default variants for most components.\n   */\n  semantic?: SemanticType;\n};\nexport type IconProps = {\n  /**\n   * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n   */\n  icon?: IconTypes;\n};\nexport type ShowIconProps = {\n  /**\n   * Enables or disables the visibility of the icon. The default value depends on the component.\n   * For many components this property is optional to reflect Figma properties.\n   */\n  showIcon?: boolean | string;\n};\nexport type IconAfterProps = {\n  /**\n   * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n   */\n  iconAfter?: IconTypes;\n};\nexport const SpacingList = ['medium', 'small', 'large', 'none'] as const;\nexport type SpacingType = (typeof SpacingList)[number];\nexport type SpacingProps = {\n  /**\n   * The spacing attribute changes the padding of the component.\n   */\n  spacing?: SpacingType | string;\n};\nexport const MarginList = ['medium', 'small', 'large', 'none'] as const;\nexport type MarginType = (typeof MarginList)[number];\nexport type MarginProps = {\n  /**\n   * The margin attribute changes the margin of the component.\n   */\n  margin?: MarginType;\n};\nexport const PlacementHorizontalList = ['left', 'right', 'left-start', 'left-end', 'right-start', 'right-end'] as const;\nexport type PlacementHorizontalType = (typeof PlacementHorizontalList)[number];\nexport const PlacementVerticalList = ['top', 'bottom', 'top-start', 'top-end', 'bottom-start', 'bottom-end'] as const;\nexport type PlacementVerticalType = (typeof PlacementVerticalList)[number];\nexport const PlacementList = [...PlacementHorizontalList, ...PlacementVerticalList] as const;\nexport type PlacementType = (typeof PlacementList)[number];\nexport type PlacementProps = {\n  /**\n   * The `placement` attributes values change the position to absolute and adds a transform based on the placement.\n   */\n  placement?: PlacementType;\n};\nexport type NavigationBehaviorState = {\n  handleNavigationItemClick: (event: unknown) => void;\n};\nexport type GapProps = {\n  /**\n   * If the absolute element should have a gap between the parent element.\n   */\n  gap?: boolean | string;\n};\nexport const GapSpacingList = ['none', '3x-large', '2x-large', 'x-large', 'large', 'medium', 'small', 'x-small', '2x-small', '3x-small'] as const;\nexport type GapSpacingType = (typeof GapSpacingList)[number];\nexport type GapSpacingProps = {\n  /**\n   * Set the gap/spacing between elements\n   */\n  gap?: GapSpacingType;\n};\nexport type OverflowProps = {\n  /**\n   * The overflow attribute sets a max-width and longer text will be dotted.\n   */\n  overflow?: boolean | string;\n};\nexport const OrientationList = ['horizontal', 'vertical'] as const;\nexport type OrientationType = (typeof OrientationList)[number];\nexport type OrientationProps = {\n  /**\n   * Change the orientation. Defaults to horizontal.\n   */\n  orientation?: OrientationType;\n};\nexport const WidthList = ['full', 'auto'] as const;\nexport type WidthType = (typeof WidthList)[number];\nexport type WidthProps = {\n  /**\n   * Width of the component. Auto width based on children size, full width based on parent elements width.\n   */\n  width?: WidthType | string;\n};\nexport const MaxWidthList = ['full', 'medium', 'large', 'small'] as const;\nexport type MaxWidthType = (typeof MaxWidthList)[number];\nexport type ContainerWidthProps = {\n  /**\n   * Set max width for the component\n   */\n  width?: MaxWidthType;\n};\nexport const PopoverDelayList = ['none', 'slow', 'fast'] as const;\nexport type PopoverDelayType = (typeof PopoverDelayList)[number];\nexport const PopoverWidthList = ['auto', 'fixed'] as const;\nexport type PopoverWidthType = (typeof PopoverWidthList)[number];\nexport type PopoverProps = {\n  /**\n   * Add a delay before showing the tooltip\n   */\n  delay?: PopoverDelayType;\n  /**\n   * Disable animation\n   */\n  animation?: boolean | string;\n  /**\n   * Use fixed with for default max-width\n   */\n  width?: PopoverWidthType;\n};\nexport type PopoverState = {\n  handleAutoPlacement: () => void;\n};\nexport type NameProps = {\n  /**\n   * The name attribute gives the name of the element to group it.\n   */\n  name?: string;\n};\nexport type NameState = {\n  _name?: string;\n  handleNameAttribute: () => void;\n};\nexport type ContentSlotProps = {\n  /**\n   * Default slot which is used to pass in additional content.\n   */\n  content?: any;\n};\nexport const SizeList = ['small', 'medium'] as const;\nexport type SizeType = (typeof SizeList)[number];\nexport type SizeProps = {\n  /**\n   * The size attribute changes the font-size and other related sizes of the component.\n   */\n  size?: SizeType;\n};\nexport const EmphasisList = ['weak', 'strong'] as const;\nexport type EmphasisType = (typeof EmphasisList)[number];\nexport type EmphasisProps = {\n  /**\n   * The emphasis attribute divides in between a weak or strong importance.\n   */\n  emphasis?: EmphasisType;\n};\nexport const ValidationList = ['invalid', 'valid', 'no-validation'] as const;\nexport type ValidationType = (typeof ValidationList)[number];\nexport type RequiredProps = {\n  /**\n   * When the required attribute specified, the user will be required to fill the form element before submitting the form.\n   */\n  required?: boolean | string;\n};\nexport type ShowLabelProps = {\n  /**\n   * Enables/disables the visibility of the label\n   */\n  showLabel?: boolean | string;\n};\nexport type ValueProps = {\n  /**\n   * The value property is to receive results from the native form element.\n   */\n  value?: any;\n};\nexport type BaseFormProps = {\n  /**\n   * The disabled attribute can be set to keep a user from clicking on the form element.\n   */\n  disabled?: boolean | string;\n  /**\n   * The label attribute specifies the caption of the form element.\n   */\n  label?: string;\n\n  /**\n   * The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.\n   */\n  name?: string;\n};\nexport type CustomFormProps = {\n  /**\n   * Overwrites auto handling for aria-describedby.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * \tAssociates the control with a form element\n   */\n  form?: string;\n\n  /**\n   * Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.\n   */\n  validation?: ValidationType;\n};\nexport type FormProps = CustomFormProps & BaseFormProps & RequiredProps & ShowLabelProps & ValueProps;\nexport type FormTextProps = {\n  /**\n   * Maximum length (number of characters) of value\n   */\n  maxLength?: number | string;\n  /**\n   * Minimum length (number of characters) of value\n   */\n  minLength?: number | string;\n  /**\n   * Maximum length (number of characters) of value\n   */\n  maxlength?: number | string;\n  /**\n   * Minimum length (number of characters) of value\n   */\n  minlength?: number | string;\n  /**\n   * The disabled attribute can be set to keep a user from edit on the form element\n   */\n  readOnly?: boolean | string;\n  /**\n   * The disabled attribute can be set to keep a user from edit on the form element\n   */\n  readonly?: boolean | string;\n};\nexport type FormSizeProps = {\n  /**\n   * Size of the control\n   */\n  size?: number;\n};\nexport type FormCheckProps = {\n  /**\n   * Define the radio or checkbox elements checked state\n   */\n  checked?: boolean | string;\n};\nexport const LabelVariantList = ['above', 'floating'] as const;\nexport type LabelVariantType = (typeof LabelVariantList)[number];\nexport const AutoCompleteList = ['off', 'on', 'name', 'honorific-prefix', 'given-name', 'additional-name', 'family-name', 'honorific-suffix', 'nickname', 'email', 'username', 'new-password', 'current-password', 'one-time-code', 'organization-title', 'organization', 'street-address', 'shipping', 'billing', 'address-line1', 'address-line2', 'address-line3', 'address-level4', 'address-level3', 'address-level2', 'address-level1', 'country', 'country-name', 'postal-code', 'cc-name', 'cc-given-name', 'cc-additional-name', 'cc-family-name', 'cc-number', 'cc-exp', 'cc-exp-month', 'cc-exp-year', 'cc-csc', 'cc-type', 'transaction-currency', 'transaction-amount', 'language', 'bday', 'bday-day', 'bday-month', 'bday-year', 'sex', 'tel', 'tel-country-code', 'tel-national', 'tel-area-code', 'tel-local', 'tel-extension', 'impp', 'url', 'photo', 'webauthn'] as const;\nexport type AutoCompleteType = (typeof AutoCompleteList)[number];\nexport type FormMessageProps = {\n  /**\n   * Change the variant of the label to float or hidden\n   */\n  variant?: LabelVariantType;\n  /**\n   * Text that appears in the form control when it has no value set\n   */\n  placeholder?: string;\n  /**\n   * Optional helper message for form components\n   */\n  message?: string;\n\n  /**\n   * Helper message for valid form components\n   */\n  validMessage?: string;\n\n  /**\n   * Helper message for invalid form components\n   */\n  invalidMessage?: string;\n\n  /**\n   * Set/overwrite icon for helper message for form components\n   */\n  messageIcon?: IconTypes;\n\n  /**\n   * See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n   */\n  autocomplete?: string | AutoCompleteType;\n\n  /**\n   * Enables or disables the visibility of the message.\n   */\n  showMessage?: boolean | string;\n};\nexport type FromValidState = {\n  hasValidState: () => boolean;\n  handleValidation: () => void;\n  _invalidMessage?: string;\n};\nexport type FormState = {\n  _messageId?: string;\n  _validMessageId?: string;\n  _invalidMessageId?: string;\n  _descByIds?: string;\n  _value?: string;\n  _invalidMessage?: string;\n  /**\n   * https://www.davidmacd.com/blog/test-aria-describedby-errormessage-aria-live.html\n   * Currently VoiceOver isn't supporting changes from aria-describedby.\n   * This is an internal Fallback\n   */\n  _voiceOverFallback?: string;\n};\nexport type InitializedState = {\n  initialized: boolean;\n};\nexport const LinkCurrentList = ['time', 'true', 'false', 'date', 'page', 'step', 'location'] as const;\nexport type LinkCurrentType = (typeof LinkCurrentList)[number];\nexport const LinkTargetList = ['_self', '_blank', '_parent', '_top'] as const;\nexport type LinkTargetType = (typeof LinkTargetList)[number];\nexport const LinkReferrerPolicyList = ['no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-cross-origin', 'same-origin', 'strict-origin', 'strict-origin-when-cross-origin', 'unsafe-url'] as const;\nexport type LinkReferrerPolicyType = (typeof LinkReferrerPolicyList)[number];\nexport type LinkProps = {\n  /**\n   * Sets aria attribute based on [`aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current).\n   */\n  current?: boolean | LinkCurrentType;\n  /**\n   * Disables the link.\n   */\n  disabled?: boolean | string;\n  /**\n   * The [URL that the hyperlink points to](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href).\n   */\n  href?: string;\n  /**\n   * Hints for the human [language of the linked page or document](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang).\n   */\n  hreflang?: string;\n  /**\n   * Sets aria attribute based on [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label).\n   */\n  label?: string;\n  /**\n   * Where to open the linked URL, as the name for a [browsing context](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).\n   */\n  target?: LinkTargetType;\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  rel?: string;\n  /**\n   * Sets aria role based on [`aria-role`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles).\n   */\n  role?: string;\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  referrerpolicy?: LinkReferrerPolicyType;\n  /**\n   * Sets aria role based on [`aria-selected`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected).\n   */\n  selected?: boolean | string;\n};\nexport type TextProps = {\n  /**\n   * Alternative for default slot/children.\n   */\n  text?: string;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type ClickEvent<T> = MouseEvent;\nexport type ClickEventProps<T> = {\n  /**\n   * React specific onClick to pass to forward ref.\n   */\n  onClick?: (event: ClickEvent<T>) => void;\n};\nexport type ClickEventState<T> = {\n  handleClick: (event: ClickEvent<T> | any) => void;\n};\nexport type ToggleEventProps = {\n  toggle?: (open: boolean | any) => void;\n  onToggle?: (open: boolean | any) => void;\n};\nexport type ToggleEventState<T> = {\n  handleToggle: (event?: ClickEvent<T> | any) => void;\n};\nexport type CloseEventProps = {\n  /**\n   * Function to handle button click (close).\n   */\n  onClose?: (event?: any) => void;\n  /**\n   * Function to handle button click (close).\n   */\n  close?: (event?: any) => void;\n};\nexport type CloseEventState = {\n  handleClose: (event: any, forceClose?: boolean) => void;\n};\nexport const AlignmentList = ['start', 'center'] as const;\nexport type AlignmentType = (typeof AlignmentList)[number];\nexport type AlignmentProps = {\n  /**\n   * Define the content alignment in full width\n   */\n  alignment?: AlignmentType | string;\n};\nexport type ActiveProps = {\n  /**\n   * If the tab is checked/active.\n   */\n  active?: boolean | string;\n};\nexport type InputEvent<T> = Event;\nexport type InputEventProps<T> = {\n  input?: (event: InputEvent<T>) => void;\n  onInput?: (event: InputEvent<T>) => void;\n};\nexport type InputEventState<T> = {\n  handleInput: (event: InputEvent<T> | any) => void;\n};\nexport type ChangeEvent<T> = Event;\nexport type ChangeEventProps<T> = {\n  change?: (event: ChangeEvent<T>) => void;\n  onChange?: (event: ChangeEvent<T>) => void;\n};\nexport type ChangeEventState<T> = {\n  handleChange: (event: ChangeEvent<T> | any) => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type InteractionEvent<T> = FocusEvent;\nexport type FocusEventProps<T> = {\n  blur?: (event: InteractionEvent<T>) => void;\n  onBlur?: (event: InteractionEvent<T>) => void;\n  focus?: (event: InteractionEvent<T>) => void;\n  onFocus?: (event: InteractionEvent<T>) => void;\n};\nexport type FocusEventState<T> = {\n  handleBlur: (event: InteractionEvent<T> | any) => void;\n  handleFocus: (event: InteractionEvent<T> | any) => void;\n};\nexport type InnerCloseButtonProps = {\n  /**\n   * The closeButtonId attribute changes the id inside the close button.\n   */\n  closeButtonId?: string;\n  /**\n   * The closeButtonText attribute changes the text inside the close button.\n   */\n  closeButtonText?: string;\n};\nexport type NavigationBackButtonProps = {\n  /**\n   * The backButtonId attribute changes the id inside the back button.\n   */\n  backButtonId?: string;\n  /**\n   * The backButtonText attribute changes the text inside the back button.\n   */\n  backButtonText?: string;\n};\nexport type AriaLabelledByProps = {\n  /**\n   * Pass aria-labelledby to inner element\n   */\n  labelledBy?: string;\n};\nexport type AriaControlsProps = {\n  /**\n   * Pass aria-controls to inner element\n   */\n  controls?: string;\n};\nexport type ValueLabelType = {\n  value: string;\n  label?: string;\n}"],"names":[],"mappings":";;;;;;;;AAAA;AAuCa,MAAA,YAAY,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY;AA2BjG,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM;AAQvD,MAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM;AAQhD,MAAA,uBAAuB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW;AAEhG,MAAA,qBAAqB,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY;AAE9F,MAAA,aAAa,GAAG,CAAC,GAAG,uBAAuB,EAAE,GAAG,qBAAqB;AAiBrE,MAAA,cAAc,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU;MAc1H,eAAe,GAAG,CAAC,YAAY,EAAE,UAAU;MAQ3C,SAAS,GAAG,CAAC,MAAM,EAAE,MAAM;AAQjC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO;AAQlD,MAAA,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM;MAE1C,gBAAgB,GAAG,CAAC,MAAM,EAAE,OAAO;MAmCnC,QAAQ,GAAG,CAAC,OAAO,EAAE,QAAQ;MAQ7B,YAAY,GAAG,CAAC,MAAM,EAAE,QAAQ;AAQhC,MAAA,cAAc,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,eAAe;MAyFrD,gBAAgB,GAAG,CAAC,OAAO,EAAE,UAAU;AAEvC,MAAA,gBAAgB,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,kBAAkB,EAAE,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,kBAAkB,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,eAAe,EAAE,oBAAoB,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,eAAe,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU;AA+Dt0B,MAAA,eAAe,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;AAEpF,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM;MAEtD,sBAAsB,GAAG,CAAC,aAAa,EAAE,4BAA4B,EAAE,QAAQ,EAAE,0BAA0B,EAAE,aAAa,EAAE,eAAe,EAAE,iCAAiC,EAAE,YAAY;MAkF5L,aAAa,GAAG,CAAC,OAAO,EAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":["src/shared/model.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { IconTypes } from '@db-ux/core-foundations';\nexport type GlobalProps = {\n  /**\n   * default slot\n   */\n\n  children?: any;\n\n  /**\n   * React specific for adding className to the component.\n   */\n  className?: string;\n\n  /**\n   * Workaround for TypeScript using class for all components.\n   */\n  class?: string | any;\n\n  /**\n   * @deprecated\n   * [`aria-describedby`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) is used to link to the elements that describe the element with the set attribute.\n   */\n  describedbyid?: string;\n\n  /**\n   * [ID](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id) of the component, generated automatically for some components as a fallback if unset.\n   */\n  id?: string;\n\n  /**\n   * Before using please check for the [accessibility concerns](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus#accessibility_concerns)\n   */\n  autofocus?: boolean | string;\n};\nexport type GlobalState = {\n  _id?: string;\n};\nexport const SemanticList = ['adaptive', 'neutral', 'critical', 'informational', 'warning', 'successful'] as const;\nexport type SemanticType = (typeof SemanticList)[number];\nexport type SemanticProps = {\n  /**\n   * The semantic defines the default variants for most components.\n   */\n  semantic?: SemanticType;\n};\nexport type IconProps = {\n  /**\n   * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n   */\n  icon?: IconTypes;\n};\nexport type ShowIconProps = {\n  /**\n   * Enables or disables the visibility of the icon. The default value depends on the component.\n   * For many components this property is optional to reflect Figma properties.\n   */\n  showIcon?: boolean | string;\n};\nexport type IconAfterProps = {\n  /**\n   * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.\n   */\n  iconAfter?: IconTypes;\n};\nexport const SpacingList = ['medium', 'small', 'large', 'none'] as const;\nexport type SpacingType = (typeof SpacingList)[number];\nexport type SpacingProps = {\n  /**\n   * The spacing attribute changes the padding of the component.\n   */\n  spacing?: SpacingType | string;\n};\nexport const MarginList = ['medium', 'small', 'large', 'none'] as const;\nexport type MarginType = (typeof MarginList)[number];\nexport type MarginProps = {\n  /**\n   * The margin attribute changes the margin of the component.\n   */\n  margin?: MarginType;\n};\nexport const PlacementHorizontalList = ['left', 'right', 'left-start', 'left-end', 'right-start', 'right-end'] as const;\nexport type PlacementHorizontalType = (typeof PlacementHorizontalList)[number];\nexport const PlacementVerticalList = ['top', 'bottom', 'top-start', 'top-end', 'bottom-start', 'bottom-end'] as const;\nexport type PlacementVerticalType = (typeof PlacementVerticalList)[number];\nexport const PlacementList = [...PlacementHorizontalList, ...PlacementVerticalList] as const;\nexport type PlacementType = (typeof PlacementList)[number];\nexport type PlacementProps = {\n  /**\n   * The `placement` attributes values change the position to absolute and adds a transform based on the placement.\n   */\n  placement?: PlacementType;\n};\nexport type NavigationBehaviorState = {\n  handleNavigationItemClick: (event: unknown) => void;\n};\nexport type GapProps = {\n  /**\n   * If the absolute element should have a gap between the parent element.\n   */\n  gap?: boolean | string;\n};\nexport const GapSpacingList = ['none', '3x-large', '2x-large', 'x-large', 'large', 'medium', 'small', 'x-small', '2x-small', '3x-small'] as const;\nexport type GapSpacingType = (typeof GapSpacingList)[number];\nexport type GapSpacingProps = {\n  /**\n   * Set the gap/spacing between elements\n   */\n  gap?: GapSpacingType;\n};\nexport type OverflowProps = {\n  /**\n   * The overflow attribute sets a max-width and longer text will be dotted.\n   */\n  overflow?: boolean | string;\n};\nexport const OrientationList = ['horizontal', 'vertical'] as const;\nexport type OrientationType = (typeof OrientationList)[number];\nexport type OrientationProps = {\n  /**\n   * Change the orientation. Defaults to horizontal.\n   */\n  orientation?: OrientationType;\n};\nexport const WidthList = ['full', 'auto'] as const;\nexport type WidthType = (typeof WidthList)[number];\nexport type WidthProps = {\n  /**\n   * Width of the component. Auto width based on children size, full width based on parent elements width.\n   */\n  width?: WidthType | string;\n};\nexport const MaxWidthList = ['full', 'medium', 'large', 'small'] as const;\nexport type MaxWidthType = (typeof MaxWidthList)[number];\nexport type ContainerWidthProps = {\n  /**\n   * Set max width for the component\n   */\n  width?: MaxWidthType;\n};\nexport const PopoverDelayList = ['none', 'slow', 'fast'] as const;\nexport type PopoverDelayType = (typeof PopoverDelayList)[number];\nexport const PopoverWidthList = ['auto', 'fixed'] as const;\nexport type PopoverWidthType = (typeof PopoverWidthList)[number];\nexport type PopoverProps = {\n  /**\n   * Add a delay before showing the tooltip\n   */\n  delay?: PopoverDelayType;\n  /**\n   * Disable animation\n   */\n  animation?: boolean | string;\n  /**\n   * Use fixed with for default max-width\n   */\n  width?: PopoverWidthType;\n};\nexport type NameProps = {\n  /**\n   * The name attribute gives the name of the element to group it.\n   */\n  name?: string;\n};\nexport type NameState = {\n  _name?: string;\n  handleNameAttribute: () => void;\n};\nexport type ContentSlotProps = {\n  /**\n   * Default slot which is used to pass in additional content.\n   */\n  content?: any;\n};\nexport const SizeList = ['small', 'medium'] as const;\nexport type SizeType = (typeof SizeList)[number];\nexport type SizeProps = {\n  /**\n   * The size attribute changes the font-size and other related sizes of the component.\n   */\n  size?: SizeType;\n};\nexport const EmphasisList = ['weak', 'strong'] as const;\nexport type EmphasisType = (typeof EmphasisList)[number];\nexport type EmphasisProps = {\n  /**\n   * The emphasis attribute divides in between a weak or strong importance.\n   */\n  emphasis?: EmphasisType;\n};\nexport const ValidationList = ['invalid', 'valid', 'no-validation'] as const;\nexport type ValidationType = (typeof ValidationList)[number];\nexport type RequiredProps = {\n  /**\n   * When the required attribute specified, the user will be required to fill the form element before submitting the form.\n   */\n  required?: boolean | string;\n};\nexport type ShowLabelProps = {\n  /**\n   * Enables/disables the visibility of the label\n   */\n  showLabel?: boolean | string;\n};\nexport type ValueProps = {\n  /**\n   * The value property is to receive results from the native form element.\n   */\n  value?: any;\n};\nexport type BaseFormProps = {\n  /**\n   * The disabled attribute can be set to keep a user from clicking on the form element.\n   */\n  disabled?: boolean | string;\n  /**\n   * The label attribute specifies the caption of the form element.\n   */\n  label?: string;\n\n  /**\n   * The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.\n   */\n  name?: string;\n};\nexport type CustomFormProps = {\n  /**\n   * Overwrites auto handling for aria-describedby.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * \tAssociates the control with a form element\n   */\n  form?: string;\n\n  /**\n   * Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.\n   */\n  validation?: ValidationType;\n};\nexport type FormProps = CustomFormProps & BaseFormProps & RequiredProps & ShowLabelProps & ValueProps;\nexport const FieldSizingList = ['fixed', 'content'] as const;\nexport type FieldSizingType = (typeof FieldSizingList)[number];\nexport type FormTextProps = {\n  /**\n   * Maximum length (number of characters) of value\n   */\n  maxLength?: number | string;\n  /**\n   * Minimum length (number of characters) of value\n   */\n  minLength?: number | string;\n  /**\n   * Maximum length (number of characters) of value\n   */\n  maxlength?: number | string;\n  /**\n   * Minimum length (number of characters) of value\n   */\n  minlength?: number | string;\n  /**\n   * The disabled attribute can be set to keep a user from edit on the form element\n   */\n  readOnly?: boolean | string;\n  /**\n   * The disabled attribute can be set to keep a user from edit on the form element\n   */\n  readonly?: boolean | string;\n\n  /**\n   * Adds shrinkwrap for input and textarea: https://developer.mozilla.org/en-US/docs/Web/CSS/field-sizing\n   * Note: Only supported in Chromium browsers so far\n   */\n  fieldSizing?: FieldSizingType;\n};\nexport type FormSizeProps = {\n  /**\n   * Size of the control\n   */\n  size?: number;\n};\nexport type FormCheckProps = {\n  /**\n   * Define the radio or checkbox elements checked state\n   */\n  checked?: boolean | string;\n};\nexport const LabelVariantList = ['above', 'floating'] as const;\nexport type LabelVariantType = (typeof LabelVariantList)[number];\nexport const AutoCompleteList = ['off', 'on', 'name', 'honorific-prefix', 'given-name', 'additional-name', 'family-name', 'honorific-suffix', 'nickname', 'email', 'username', 'new-password', 'current-password', 'one-time-code', 'organization-title', 'organization', 'street-address', 'shipping', 'billing', 'address-line1', 'address-line2', 'address-line3', 'address-level4', 'address-level3', 'address-level2', 'address-level1', 'country', 'country-name', 'postal-code', 'cc-name', 'cc-given-name', 'cc-additional-name', 'cc-family-name', 'cc-number', 'cc-exp', 'cc-exp-month', 'cc-exp-year', 'cc-csc', 'cc-type', 'transaction-currency', 'transaction-amount', 'language', 'bday', 'bday-day', 'bday-month', 'bday-year', 'sex', 'tel', 'tel-country-code', 'tel-national', 'tel-area-code', 'tel-local', 'tel-extension', 'impp', 'url', 'photo', 'webauthn'] as const;\nexport type AutoCompleteType = (typeof AutoCompleteList)[number];\nexport type FormMessageProps = {\n  /**\n   * Change the variant of the label to float or hidden\n   */\n  variant?: LabelVariantType;\n  /**\n   * Text that appears in the form control when it has no value set\n   */\n  placeholder?: string;\n  /**\n   * Optional helper message for form components\n   */\n  message?: string;\n\n  /**\n   * Helper message for valid form components\n   */\n  validMessage?: string;\n\n  /**\n   * Helper message for invalid form components\n   */\n  invalidMessage?: string;\n\n  /**\n   * Set/overwrite icon for helper message for form components\n   */\n  messageIcon?: IconTypes;\n\n  /**\n   * See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete\n   */\n  autocomplete?: string | AutoCompleteType;\n\n  /**\n   * Enables or disables the visibility of the message.\n   */\n  showMessage?: boolean | string;\n};\nexport type FromValidState = {\n  hasValidState: () => boolean;\n  handleValidation: () => void;\n  _invalidMessage?: string;\n};\nexport type FormState = {\n  _messageId?: string;\n  _validMessageId?: string;\n  _invalidMessageId?: string;\n  _descByIds?: string;\n  _value?: string;\n  _invalidMessage?: string;\n  /**\n   * https://www.davidmacd.com/blog/test-aria-describedby-errormessage-aria-live.html\n   * Currently VoiceOver isn't supporting changes from aria-describedby.\n   * This is an internal Fallback\n   */\n  _voiceOverFallback?: string;\n};\nexport type InitializedState = {\n  initialized: boolean;\n};\nexport const LinkCurrentList = ['time', 'true', 'false', 'date', 'page', 'step', 'location'] as const;\nexport type LinkCurrentType = (typeof LinkCurrentList)[number];\nexport const LinkTargetList = ['_self', '_blank', '_parent', '_top'] as const;\nexport type LinkTargetType = (typeof LinkTargetList)[number];\nexport const LinkReferrerPolicyList = ['no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-cross-origin', 'same-origin', 'strict-origin', 'strict-origin-when-cross-origin', 'unsafe-url'] as const;\nexport type LinkReferrerPolicyType = (typeof LinkReferrerPolicyList)[number];\nexport type LinkProps = {\n  /**\n   * Sets aria attribute based on [`aria-current`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current).\n   */\n  current?: boolean | LinkCurrentType;\n  /**\n   * Disables the link.\n   */\n  disabled?: boolean | string;\n  /**\n   * The [URL that the hyperlink points to](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#href).\n   */\n  href?: string;\n  /**\n   * Hints for the human [language of the linked page or document](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#hreflang).\n   */\n  hreflang?: string;\n  /**\n   * Sets aria attribute based on [`aria-label`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label).\n   */\n  label?: string;\n  /**\n   * Where to open the linked URL, as the name for a [browsing context](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target).\n   */\n  target?: LinkTargetType;\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  rel?: string;\n  /**\n   * Sets aria role based on [`aria-role`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles).\n   */\n  role?: string;\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  referrerpolicy?: LinkReferrerPolicyType;\n  /**\n   * Sets aria role based on [`aria-selected`](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected).\n   */\n  selected?: boolean | string;\n};\nexport type TextProps = {\n  /**\n   * Alternative for default slot/children.\n   */\n  text?: string;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type ClickEvent<T> = MouseEvent;\nexport type ClickEventProps<T> = {\n  /**\n   * React specific onClick to pass to forward ref.\n   */\n  onClick?: (event: ClickEvent<T>) => void;\n};\nexport type ClickEventState<T> = {\n  handleClick: (event: ClickEvent<T> | any) => void;\n};\nexport type ToggleEventProps = {\n  toggle?: (open: boolean | any) => void;\n  onToggle?: (open: boolean | any) => void;\n};\nexport type ToggleEventState<T> = {\n  handleToggle: (event?: ClickEvent<T> | any) => void;\n};\nexport type CloseEventProps = {\n  /**\n   * Function to handle button click (close).\n   */\n  onClose?: (event?: any) => void;\n  /**\n   * Function to handle button click (close).\n   */\n  close?: (event?: any) => void;\n};\nexport type CloseEventState = {\n  handleClose: (event: any, forceClose?: boolean) => void;\n};\nexport const AlignmentList = ['start', 'center'] as const;\nexport type AlignmentType = (typeof AlignmentList)[number];\nexport type AlignmentProps = {\n  /**\n   * Define the content alignment in full width\n   */\n  alignment?: AlignmentType | string;\n};\nexport type ActiveProps = {\n  /**\n   * If the tab is checked/active.\n   */\n  active?: boolean | string;\n};\nexport type InputEvent<T> = Event;\nexport type InputEventProps<T> = {\n  input?: (event: InputEvent<T>) => void;\n  onInput?: (event: InputEvent<T>) => void;\n};\nexport type InputEventState<T> = {\n  handleInput: (event: InputEvent<T> | any) => void;\n};\nexport type ChangeEvent<T> = Event;\nexport type ChangeEventProps<T> = {\n  change?: (event: ChangeEvent<T>) => void;\n  onChange?: (event: ChangeEvent<T>) => void;\n};\nexport type ChangeEventState<T> = {\n  handleChange: (event: ChangeEvent<T> | any) => void;\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport type InteractionEvent<T> = FocusEvent;\nexport type FocusEventProps<T> = {\n  blur?: (event: InteractionEvent<T>) => void;\n  onBlur?: (event: InteractionEvent<T>) => void;\n  focus?: (event: InteractionEvent<T>) => void;\n  onFocus?: (event: InteractionEvent<T>) => void;\n};\nexport type FocusEventState<T> = {\n  handleBlur: (event: InteractionEvent<T> | any) => void;\n  handleFocus: (event: InteractionEvent<T> | any) => void;\n};\nexport type InnerCloseButtonProps = {\n  /**\n   * The closeButtonId attribute changes the id inside the close button.\n   */\n  closeButtonId?: string;\n  /**\n   * The closeButtonText attribute changes the text inside the close button.\n   */\n  closeButtonText?: string;\n};\nexport type NavigationBackButtonProps = {\n  /**\n   * The backButtonId attribute changes the id inside the back button.\n   */\n  backButtonId?: string;\n  /**\n   * The backButtonText attribute changes the text inside the back button.\n   */\n  backButtonText?: string;\n};\nexport type AriaLabelledByProps = {\n  /**\n   * Pass aria-labelledby to inner element\n   */\n  labelledBy?: string;\n};\nexport type AriaControlsProps = {\n  /**\n   * Pass aria-controls to inner element\n   */\n  controls?: string;\n};\nexport type ValueLabelType = {\n  value: string;\n  label?: string;\n};\nexport type DocumentScrollState = {\n  _documentScrollListenerCallbackId?: string;\n  handleDocumentScroll: (event: any, parent?: HTMLElement) => void;\n  _observer?: IntersectionObserver;\n};\nexport type PopoverState = {\n  handleEscape: (event: any) => void;\n  handleAutoPlacement: (parent?: HTMLElement) => void;\n  handleEnter: (parent?: HTMLElement) => void;\n  handleLeave: (event?: any) => void;\n} & DocumentScrollState"],"names":[],"mappings":";;;;;;;;;;AAAA;AAuCa,MAAA,YAAY,GAAG,CAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY;AA2BjG,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM;AAQvD,MAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM;AAQhD,MAAA,uBAAuB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW;AAEhG,MAAA,qBAAqB,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY;AAE9F,MAAA,aAAa,GAAG,CAAC,GAAG,uBAAuB,EAAE,GAAG,qBAAqB;AAiBrE,MAAA,cAAc,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU;MAc1H,eAAe,GAAG,CAAC,YAAY,EAAE,UAAU;MAQ3C,SAAS,GAAG,CAAC,MAAM,EAAE,MAAM;AAQjC,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO;AAQlD,MAAA,gBAAgB,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM;MAE1C,gBAAgB,GAAG,CAAC,MAAM,EAAE,OAAO;MAgCnC,QAAQ,GAAG,CAAC,OAAO,EAAE,QAAQ;MAQ7B,YAAY,GAAG,CAAC,MAAM,EAAE,QAAQ;AAQhC,MAAA,cAAc,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,eAAe;MAmDrD,eAAe,GAAG,CAAC,OAAO,EAAE,SAAS;MA8CrC,gBAAgB,GAAG,CAAC,OAAO,EAAE,UAAU;AAEvC,MAAA,gBAAgB,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,kBAAkB,EAAE,YAAY,EAAE,iBAAiB,EAAE,aAAa,EAAE,kBAAkB,EAAE,UAAU,EAAE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,eAAe,EAAE,oBAAoB,EAAE,cAAc,EAAE,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,eAAe,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,SAAS,EAAE,sBAAsB,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU;AA+Dt0B,MAAA,eAAe,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU;AAEpF,MAAM,cAAc,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM;MAEtD,sBAAsB,GAAG,CAAC,aAAa,EAAE,4BAA4B,EAAE,QAAQ,EAAE,0BAA0B,EAAE,aAAa,EAAE,eAAe,EAAE,iCAAiC,EAAE,YAAY;MAkF5L,aAAa,GAAG,CAAC,OAAO,EAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/loader.cjs.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-BzLx0HVU.js');
+var index = require('./index-DiwURPCd.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"db-custom-select.cjs\",[[4,\"db-custom-select\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"showNoResults\":[4,\"show-no-results\"],\"multiple\":[8],\"showSelectAll\":[4,\"show-select-all\"],\"showSearch\":[4,\"show-search\"],\"values\":[16],\"validation\":[1],\"options\":[16],\"searchValue\":[1,\"search-value\"],\"selectedLabels\":[1,\"selected-labels\"],\"transformSelectedLabels\":[16,\"transform-selected-labels\"],\"selectedType\":[1,\"selected-type\"],\"amountText\":[1,\"amount-text\"],\"validMessage\":[1,\"valid-message\"],\"required\":[8],\"selectAllLabel\":[1,\"select-all-label\"],\"removeTagsTexts\":[16,\"remove-tags-texts\"],\"searchFilter\":[16,\"search-filter\"],\"className\":[1,\"classname\"],\"formFieldWidth\":[1,\"form-field-width\"],\"variant\":[1],\"placement\":[1],\"showLabel\":[8,\"show-label\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"label\":[1],\"form\":[1],\"name\":[1],\"disabled\":[8],\"open\":[4],\"dropdownWidth\":[1,\"dropdown-width\"],\"searchLabel\":[1,\"search-label\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"showLoading\":[4,\"show-loading\"],\"ariaListLabel\":[1,\"aria-list-label\"],\"noResultsText\":[1,\"no-results-text\"],\"loadingText\":[1,\"loading-text\"],\"mobileCloseButtonText\":[1,\"mobile-close-button-text\"],\"showClearSelection\":[4,\"show-clear-selection\"],\"clearSelectionText\":[1,\"clear-selection-text\"],\"placeholder\":[1],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_selectId\":[32],\"_labelId\":[32],\"_summaryId\":[32],\"_placeholderId\":[32],\"_infoTextId\":[32],\"_validity\":[32],\"_descByIds\":[32],\"_selectedLabels\":[32],\"_selectedLabelsId\":[32],\"_voiceOverFallback\":[32],\"_selectedOptions\":[32],\"selectAllEnabled\":[32],\"searchEnabled\":[32],\"amountOptions\":[32],\"_values\":[32],\"_options\":[32],\"_hasNoOptions\":[32],\"_documentClickListenerCallbackId\":[32],\"_internalChangeTimestamp\":[32],\"_searchValue\":[32],\"selectAllChecked\":[32],\"selectAllIndeterminate\":[32]},null,{\"detailsRef\":[\"watch0\",\"watch2\"],\"_id\":[\"watch1\"],\"_descByIds\":[\"watch2\"],\"showNoResults\":[\"watch3\"],\"_options\":[\"watch3\"],\"showSelectAll\":[\"watch4\"],\"amountOptions\":[\"watch4\",\"watch5\",\"watch9\"],\"multiple\":[\"watch4\"],\"showSearch\":[\"watch5\"],\"values\":[\"watch6\"],\"_values\":[\"watch7\",\"watch9\",\"watch12\"],\"validation\":[\"watch8\"],\"options\":[\"watch10\",\"watch12\"],\"searchValue\":[\"watch11\"],\"_selectedOptions\":[\"watch13\",\"watch14\"],\"selectedType\":[\"watch13\"],\"amountText\":[\"watch13\"],\"selectedLabels\":[\"watch13\"],\"transformSelectedLabels\":[\"watch13\"],\"selectAllIndeterminate\":[\"watch15\"],\"selectAllRef\":[\"watch15\"],\"selectRef\":[\"watch16\"],\"invalidMessage\":[\"watch16\"]}]]],[\"db-tabs.cjs\",[[4,\"db-tabs\",{\"id\":[1],\"name\":[1],\"tabs\":[1],\"arrowScrollDistance\":[8,\"arrow-scroll-distance\"],\"orientation\":[1],\"behavior\":[1],\"initialSelectedMode\":[1,\"initial-selected-mode\"],\"initialSelectedIndex\":[8,\"initial-selected-index\"],\"className\":[1,\"classname\"],\"alignment\":[1],\"width\":[1],\"_id\":[32],\"_name\":[32],\"initialized\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32],\"scrollContainer\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-header.cjs\",[[4,\"db-header\",{\"id\":[1],\"forceMobile\":[8,\"force-mobile\"],\"drawerOpen\":[8,\"drawer-open\"],\"className\":[1,\"classname\"],\"width\":[1],\"burgerMenuLabel\":[1,\"burger-menu-label\"],\"_id\":[32],\"initialized\":[32],\"forcedToMobile\":[32]},null,{\"initialized\":[\"watch0\"]}]]],[\"db-accordion.cjs\",[[4,\"db-accordion\",{\"id\":[1],\"name\":[1],\"behavior\":[1],\"initOpenIndex\":[16,\"init-open-index\"],\"items\":[1],\"className\":[1,\"classname\"],\"variant\":[1],\"_id\":[32],\"_name\":[32],\"initialized\":[32],\"_initOpenIndexDone\":[32]},null,{\"initialized\":[\"watch0\"],\"name\":[\"watch0\"],\"behavior\":[\"watch0\"],\"_id\":[\"watch0\"],\"_ref\":[\"watch1\",\"watch2\"],\"_name\":[\"watch1\"],\"_initOpenIndexDone\":[\"watch2\"],\"initOpenIndex\":[\"watch2\"]}]]],[\"db-checkbox.cjs\",[[4,\"db-checkbox\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"indeterminate\":[8],\"checked\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"className\":[1,\"classname\"],\"size\":[1],\"showLabel\":[8,\"show-label\"],\"name\":[1],\"disabled\":[8],\"value\":[8],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"label\":[1],\"messageIcon\":[1,\"message-icon\"],\"initialized\":[32],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_descByIds\":[32],\"_voiceOverFallback\":[32]},null,{\"_ref\":[\"watch0\",\"watch2\",\"watch3\"],\"invalidMessage\":[\"watch0\"],\"_id\":[\"watch1\"],\"initialized\":[\"watch2\",\"watch3\"],\"indeterminate\":[\"watch2\"],\"checked\":[\"watch3\"]}]]],[\"db-navigation-item.cjs\",[[4,\"db-navigation-item\",{\"subNavigationExpanded\":[8,\"sub-navigation-expanded\"],\"id\":[1],\"className\":[1,\"classname\"],\"width\":[1],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"active\":[4],\"wrap\":[8],\"disabled\":[8],\"text\":[1],\"backButtonId\":[1,\"back-button-id\"],\"backButtonText\":[1,\"back-button-text\"],\"initialized\":[32],\"hasAreaPopup\":[32],\"hasSubNavigation\":[32],\"isSubNavigationExpanded\":[32],\"autoClose\":[32],\"subNavigationId\":[32],\"navigationItemSafeTriangle\":[32]},null,{\"subNavigationExpanded\":[\"watch0\"],\"initialized\":[\"watch1\"],\"_ref\":[\"watch1\"]}]]],[\"db-notification.cjs\",[[4,\"db-notification\",{\"id\":[1],\"className\":[1,\"classname\"],\"ariaLive\":[1,\"aria-live\"],\"semantic\":[1],\"variant\":[1],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"linkVariant\":[1,\"link-variant\"],\"headline\":[8],\"showHeadline\":[8,\"show-headline\"],\"text\":[1],\"timestamp\":[1],\"showTimestamp\":[8,\"show-timestamp\"],\"closeable\":[8],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"]}]]],[\"db-select.cjs\",[[4,\"db-select\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"className\":[1,\"classname\"],\"variant\":[1],\"showLabel\":[8,\"show-label\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"label\":[1],\"disabled\":[8],\"name\":[1],\"size\":[2],\"autocomplete\":[1],\"multiple\":[4],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"options\":[16],\"placeholder\":[1],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_placeholderId\":[32],\"_descByIds\":[32],\"_value\":[32],\"initialized\":[32],\"_voiceOverFallback\":[32]},null,{\"_ref\":[\"watch0\"],\"invalidMessage\":[\"watch0\"],\"_id\":[\"watch1\"],\"initialized\":[\"watch1\"],\"value\":[\"watch2\"]}]]],[\"db-textarea.cjs\",[[0,\"db-textarea\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"minLength\":[8,\"min-length\"],\"maxLength\":[8,\"max-length\"],\"className\":[1,\"classname\"],\"variant\":[1],\"showLabel\":[8,\"show-label\"],\"label\":[1],\"resize\":[1],\"disabled\":[8],\"readOnly\":[8,\"read-only\"],\"readonly\":[8],\"form\":[1],\"maxlength\":[8],\"minlength\":[8],\"name\":[1],\"wrap\":[1],\"spellCheck\":[4,\"spell-check\"],\"autocomplete\":[1],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"placeholder\":[1],\"rows\":[8],\"cols\":[8],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_descByIds\":[32],\"_value\":[32],\"_voiceOverFallback\":[32]},null,{\"_ref\":[\"watch0\"],\"invalidMessage\":[\"watch0\"],\"_id\":[\"watch1\"],\"value\":[\"watch2\"]}]]],[\"db-badge.cjs\",[[4,\"db-badge\",{\"placement\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"semantic\":[1],\"size\":[1],\"emphasis\":[1],\"label\":[1],\"text\":[1],\"initialized\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-brand.cjs\",[[4,\"db-brand\",{\"hideLogo\":[4,\"hide-logo\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"id\":[1],\"className\":[1,\"classname\"],\"text\":[1]}]]],[\"db-card.cjs\",[[4,\"db-card\",{\"id\":[1],\"className\":[1,\"classname\"],\"behavior\":[1],\"elevationLevel\":[1,\"elevation-level\"],\"spacing\":[1]}]]],[\"db-custom-select-form-field.cjs\",[[4,\"db-custom-select-form-field\",{\"id\":[1],\"className\":[1,\"classname\"]}]]],[\"db-divider.cjs\",[[0,\"db-divider\",{\"id\":[1],\"margin\":[1],\"variant\":[1],\"emphasis\":[1],\"width\":[1],\"className\":[1,\"classname\"]}]]],[\"db-icon.cjs\",[[4,\"db-icon\",{\"id\":[1],\"className\":[1,\"classname\"],\"icon\":[1],\"weight\":[1],\"variant\":[1],\"text\":[1]}]]],[\"db-link.cjs\",[[4,\"db-link\",{\"id\":[1],\"className\":[1,\"classname\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"role\":[1],\"hreflang\":[1],\"disabled\":[8],\"selected\":[8],\"label\":[1],\"current\":[8],\"size\":[1],\"showIcon\":[8,\"show-icon\"],\"variant\":[1],\"content\":[1],\"text\":[1]}]]],[\"db-navigation.cjs\",[[4,\"db-navigation\",{\"id\":[1],\"labelledBy\":[1,\"labelled-by\"],\"className\":[1,\"classname\"],\"_id\":[32]}]]],[\"db-page.cjs\",[[4,\"db-page\",{\"fadeIn\":[8,\"fade-in\"],\"documentOverflow\":[1,\"document-overflow\"],\"variant\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"mainClass\":[1,\"main-class\"],\"fontsLoaded\":[32]}]]],[\"db-popover.cjs\",[[4,\"db-popover\",{\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"gap\":[8],\"animation\":[8],\"open\":[8],\"delay\":[1],\"width\":[1],\"placement\":[1],\"initialized\":[32],\"isExpanded\":[32]},null,{\"_ref\":[\"watch0\",\"watch1\"],\"initialized\":[\"watch0\"],\"isExpanded\":[\"watch1\"]}]]],[\"db-radio.cjs\",[[4,\"db-radio\",{\"id\":[1],\"checked\":[8],\"size\":[1],\"showLabel\":[8,\"show-label\"],\"className\":[1,\"classname\"],\"validation\":[1],\"name\":[1],\"disabled\":[8],\"describedbyid\":[1],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"value\":[8],\"required\":[8],\"label\":[1],\"initialized\":[32],\"_id\":[32]},null,{\"initialized\":[\"watch0\"],\"_ref\":[\"watch0\"],\"checked\":[\"watch0\"]}]]],[\"db-section.cjs\",[[4,\"db-section\",{\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"_id\":[32]}]]],[\"db-stack.cjs\",[[4,\"db-stack\",{\"id\":[1],\"className\":[1,\"classname\"],\"gap\":[1],\"variant\":[1],\"direction\":[1],\"alignment\":[1],\"justifyContent\":[1,\"justify-content\"],\"wrap\":[8]}]]],[\"db-switch.cjs\",[[4,\"db-switch\",{\"id\":[1],\"checked\":[8],\"visualAid\":[8,\"visual-aid\"],\"size\":[1],\"showLabel\":[8,\"show-label\"],\"emphasis\":[1],\"className\":[1,\"classname\"],\"value\":[8],\"disabled\":[8],\"describedbyid\":[1],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"validation\":[1],\"name\":[1],\"required\":[8],\"icon\":[1],\"iconAfter\":[1,\"icon-after\"],\"label\":[1],\"_id\":[32],\"_checked\":[32]},null,{\"checked\":[\"watch0\"]}]]],[\"db-drawer.cjs\",[[4,\"db-drawer\",{\"open\":[8],\"backdrop\":[1],\"variant\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"direction\":[1],\"rounded\":[8],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"]},null,{\"open\":[\"watch0\"]}]]],[\"db-accordion-item.cjs\",[[4,\"db-accordion-item\",{\"id\":[1],\"defaultOpen\":[4,\"default-open\"],\"name\":[1],\"className\":[1,\"classname\"],\"disabled\":[8],\"headlinePlain\":[1,\"headline-plain\"],\"text\":[1],\"_id\":[32],\"_open\":[32],\"_name\":[32],\"initialized\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"],\"name\":[\"watch1\"]}]]],[\"db-tooltip.cjs\",[[4,\"db-tooltip\",{\"id\":[1],\"variant\":[1],\"className\":[1,\"classname\"],\"emphasis\":[1],\"animation\":[8],\"delay\":[1],\"width\":[1],\"showArrow\":[8,\"show-arrow\"],\"placement\":[1],\"_id\":[32],\"initialized\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-tab-item_3.cjs\",[[4,\"db-tab-item\",{\"active\":[8],\"name\":[1],\"className\":[1,\"classname\"],\"id\":[1],\"icon\":[1],\"iconAfter\":[1,\"icon-after\"],\"showIcon\":[8,\"show-icon\"],\"noText\":[8,\"no-text\"],\"disabled\":[8],\"controls\":[1],\"checked\":[8],\"label\":[1],\"_selected\":[32],\"_name\":[32],\"initialized\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"],\"name\":[\"watch1\"]}],[4,\"db-tab-list\",{\"id\":[1],\"className\":[1,\"classname\"],\"_id\":[32]}],[4,\"db-tab-panel\",{\"className\":[1,\"classname\"],\"id\":[1],\"labelledBy\":[1,\"labelled-by\"],\"content\":[1]}]]],[\"db-infotext.cjs\",[[4,\"db-infotext\",{\"id\":[1],\"className\":[1,\"classname\"],\"icon\":[1],\"semantic\":[1],\"size\":[1],\"showIcon\":[8,\"show-icon\"],\"text\":[1]}]]],[\"db-custom-select-dropdown_5.cjs\",[[4,\"db-input\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"dataListId\":[1,\"data-list-id\"],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"minLength\":[8,\"min-length\"],\"maxLength\":[8,\"max-length\"],\"pattern\":[1],\"dataList\":[16,\"data-list\"],\"className\":[1,\"classname\"],\"variant\":[1],\"showLabel\":[8,\"show-label\"],\"showIcon\":[8,\"show-icon\"],\"icon\":[1],\"iconAfter\":[1,\"icon-after\"],\"label\":[1],\"name\":[1],\"type\":[1],\"placeholder\":[1],\"disabled\":[8],\"step\":[8],\"maxlength\":[8],\"minlength\":[8],\"max\":[8],\"min\":[8],\"readOnly\":[8,\"read-only\"],\"readonly\":[8],\"form\":[1],\"size\":[2],\"autocomplete\":[1],\"autofocus\":[8],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_dataListId\":[32],\"_descByIds\":[32],\"_value\":[32],\"_voiceOverFallback\":[32]},null,{\"_ref\":[\"watch0\"],\"invalidMessage\":[\"watch0\"],\"_id\":[\"watch1\"],\"value\":[\"watch2\"]}],[4,\"db-tag\",{\"disabled\":[8],\"removeButton\":[1,\"remove-button\"],\"id\":[1],\"className\":[1,\"classname\"],\"semantic\":[1],\"emphasis\":[1],\"icon\":[1],\"showCheckState\":[8,\"show-check-state\"],\"showIcon\":[8,\"show-icon\"],\"noText\":[8,\"no-text\"],\"overflow\":[8],\"text\":[1],\"behavior\":[1],\"initialized\":[32]},null,{\"initialized\":[\"watch0\"],\"disabled\":[\"watch0\"],\"_ref\":[\"watch0\"]}],[4,\"db-custom-select-dropdown\",{\"id\":[1],\"className\":[1,\"classname\"],\"width\":[1]}],[4,\"db-custom-select-list\",{\"multiple\":[4],\"label\":[1],\"id\":[1],\"className\":[1,\"classname\"]}],[4,\"db-custom-select-list-item\",{\"id\":[1],\"isGroupTitle\":[4,\"is-group-title\"],\"showDivider\":[4,\"show-divider\"],\"type\":[1],\"checked\":[8],\"className\":[1,\"classname\"],\"groupTitle\":[1,\"group-title\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"name\":[1],\"disabled\":[8],\"value\":[8],\"label\":[1],\"_id\":[32],\"hasDivider\":[32]},null,{\"isGroupTitle\":[\"watch0\"],\"showDivider\":[\"watch0\"]}]]],[\"db-button.cjs\",[[4,\"db-button\",{\"id\":[1],\"className\":[1,\"classname\"],\"type\":[1],\"disabled\":[8],\"label\":[1],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"size\":[1],\"state\":[1],\"width\":[1],\"variant\":[1],\"noText\":[8,\"no-text\"],\"name\":[1],\"form\":[1],\"value\":[1],\"describedbyid\":[1],\"ariaexpanded\":[4],\"ariapressed\":[4],\"text\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"db-custom-select.cjs\",[[4,\"db-custom-select\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"showNoResults\":[4,\"show-no-results\"],\"multiple\":[8],\"showSelectAll\":[4,\"show-select-all\"],\"showSearch\":[4,\"show-search\"],\"values\":[16],\"validation\":[1],\"options\":[16],\"searchValue\":[1,\"search-value\"],\"selectedLabels\":[1,\"selected-labels\"],\"transformSelectedLabels\":[16,\"transform-selected-labels\"],\"selectedType\":[1,\"selected-type\"],\"amountText\":[1,\"amount-text\"],\"validMessage\":[1,\"valid-message\"],\"required\":[8],\"selectAllLabel\":[1,\"select-all-label\"],\"removeTagsTexts\":[16,\"remove-tags-texts\"],\"placement\":[1],\"searchFilter\":[16,\"search-filter\"],\"className\":[1,\"classname\"],\"formFieldWidth\":[1,\"form-field-width\"],\"variant\":[1],\"showLabel\":[8,\"show-label\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"label\":[1],\"form\":[1],\"name\":[1],\"disabled\":[8],\"open\":[4],\"dropdownWidth\":[1,\"dropdown-width\"],\"searchLabel\":[1,\"search-label\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"showLoading\":[4,\"show-loading\"],\"ariaListLabel\":[1,\"aria-list-label\"],\"noResultsText\":[1,\"no-results-text\"],\"loadingText\":[1,\"loading-text\"],\"mobileCloseButtonText\":[1,\"mobile-close-button-text\"],\"showClearSelection\":[4,\"show-clear-selection\"],\"clearSelectionText\":[1,\"clear-selection-text\"],\"placeholder\":[1],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_selectId\":[32],\"_labelId\":[32],\"_summaryId\":[32],\"_placeholderId\":[32],\"_infoTextId\":[32],\"_validity\":[32],\"_descByIds\":[32],\"_selectedLabels\":[32],\"_selectedLabelsId\":[32],\"_voiceOverFallback\":[32],\"_selectedOptions\":[32],\"selectAllEnabled\":[32],\"searchEnabled\":[32],\"amountOptions\":[32],\"_values\":[32],\"_options\":[32],\"_hasNoOptions\":[32],\"_documentClickListenerCallbackId\":[32],\"_internalChangeTimestamp\":[32],\"_documentScrollListenerCallbackId\":[32],\"_observer\":[32],\"_searchValue\":[32],\"selectAllChecked\":[32],\"selectAllIndeterminate\":[32]},null,{\"detailsRef\":[\"watch0\",\"watch2\"],\"_id\":[\"watch1\"],\"_descByIds\":[\"watch2\"],\"showNoResults\":[\"watch3\"],\"_options\":[\"watch3\"],\"showSelectAll\":[\"watch4\"],\"amountOptions\":[\"watch4\",\"watch5\",\"watch9\"],\"multiple\":[\"watch4\"],\"showSearch\":[\"watch5\"],\"values\":[\"watch6\"],\"_values\":[\"watch7\",\"watch9\",\"watch12\"],\"validation\":[\"watch8\"],\"options\":[\"watch10\",\"watch12\"],\"searchValue\":[\"watch11\"],\"_selectedOptions\":[\"watch13\",\"watch14\"],\"selectedType\":[\"watch13\"],\"amountText\":[\"watch13\"],\"selectedLabels\":[\"watch13\"],\"transformSelectedLabels\":[\"watch13\"],\"selectAllIndeterminate\":[\"watch15\"],\"selectAllRef\":[\"watch15\"],\"selectRef\":[\"watch16\"],\"invalidMessage\":[\"watch16\"]}]]],[\"db-tabs.cjs\",[[4,\"db-tabs\",{\"id\":[1],\"name\":[1],\"tabs\":[1],\"arrowScrollDistance\":[8,\"arrow-scroll-distance\"],\"orientation\":[1],\"behavior\":[1],\"initialSelectedMode\":[1,\"initial-selected-mode\"],\"initialSelectedIndex\":[8,\"initial-selected-index\"],\"className\":[1,\"classname\"],\"alignment\":[1],\"width\":[1],\"_id\":[32],\"_name\":[32],\"initialized\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32],\"scrollContainer\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-header.cjs\",[[4,\"db-header\",{\"id\":[1],\"forceMobile\":[8,\"force-mobile\"],\"drawerOpen\":[8,\"drawer-open\"],\"className\":[1,\"classname\"],\"width\":[1],\"burgerMenuLabel\":[1,\"burger-menu-label\"],\"_id\":[32],\"initialized\":[32],\"forcedToMobile\":[32]},null,{\"initialized\":[\"watch0\"]}]]],[\"db-accordion.cjs\",[[4,\"db-accordion\",{\"id\":[1],\"name\":[1],\"behavior\":[1],\"initOpenIndex\":[16,\"init-open-index\"],\"items\":[1],\"className\":[1,\"classname\"],\"variant\":[1],\"_id\":[32],\"_name\":[32],\"initialized\":[32],\"_initOpenIndexDone\":[32]},null,{\"initialized\":[\"watch0\"],\"name\":[\"watch0\"],\"behavior\":[\"watch0\"],\"_id\":[\"watch0\"],\"_ref\":[\"watch1\",\"watch2\"],\"_name\":[\"watch1\"],\"_initOpenIndexDone\":[\"watch2\"],\"initOpenIndex\":[\"watch2\"]}]]],[\"db-checkbox.cjs\",[[4,\"db-checkbox\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"indeterminate\":[8],\"checked\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"className\":[1,\"classname\"],\"size\":[1],\"showLabel\":[8,\"show-label\"],\"name\":[1],\"disabled\":[8],\"value\":[8],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"label\":[1],\"messageIcon\":[1,\"message-icon\"],\"initialized\":[32],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_descByIds\":[32],\"_voiceOverFallback\":[32]},null,{\"_ref\":[\"watch0\",\"watch2\",\"watch3\"],\"invalidMessage\":[\"watch0\"],\"_id\":[\"watch1\"],\"initialized\":[\"watch2\",\"watch3\"],\"indeterminate\":[\"watch2\"],\"checked\":[\"watch3\"]}]]],[\"db-navigation-item.cjs\",[[4,\"db-navigation-item\",{\"subNavigationExpanded\":[8,\"sub-navigation-expanded\"],\"id\":[1],\"className\":[1,\"classname\"],\"width\":[1],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"active\":[4],\"wrap\":[8],\"disabled\":[8],\"text\":[1],\"backButtonId\":[1,\"back-button-id\"],\"backButtonText\":[1,\"back-button-text\"],\"initialized\":[32],\"hasAreaPopup\":[32],\"hasSubNavigation\":[32],\"isSubNavigationExpanded\":[32],\"autoClose\":[32],\"subNavigationId\":[32],\"navigationItemSafeTriangle\":[32]},null,{\"subNavigationExpanded\":[\"watch0\"],\"initialized\":[\"watch1\"],\"_ref\":[\"watch1\"]}]]],[\"db-notification.cjs\",[[4,\"db-notification\",{\"id\":[1],\"className\":[1,\"classname\"],\"ariaLive\":[1,\"aria-live\"],\"semantic\":[1],\"variant\":[1],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"linkVariant\":[1,\"link-variant\"],\"headline\":[8],\"showHeadline\":[8,\"show-headline\"],\"text\":[1],\"timestamp\":[1],\"showTimestamp\":[8,\"show-timestamp\"],\"closeable\":[8],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"]}]]],[\"db-select.cjs\",[[4,\"db-select\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"className\":[1,\"classname\"],\"variant\":[1],\"showLabel\":[8,\"show-label\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"label\":[1],\"disabled\":[8],\"name\":[1],\"size\":[2],\"autocomplete\":[1],\"multiple\":[4],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"options\":[16],\"placeholder\":[1],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_placeholderId\":[32],\"_descByIds\":[32],\"_value\":[32],\"initialized\":[32],\"_voiceOverFallback\":[32]},null,{\"_ref\":[\"watch0\"],\"invalidMessage\":[\"watch0\"],\"_id\":[\"watch1\"],\"initialized\":[\"watch1\"],\"value\":[\"watch2\"]}]]],[\"db-textarea.cjs\",[[0,\"db-textarea\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"minLength\":[8,\"min-length\"],\"maxLength\":[8,\"max-length\"],\"className\":[1,\"classname\"],\"variant\":[1],\"showLabel\":[8,\"show-label\"],\"label\":[1],\"fieldSizing\":[1,\"field-sizing\"],\"resize\":[1],\"showResizer\":[8,\"show-resizer\"],\"disabled\":[8],\"readOnly\":[8,\"read-only\"],\"readonly\":[8],\"form\":[1],\"maxlength\":[8],\"minlength\":[8],\"name\":[1],\"wrap\":[1],\"spellCheck\":[4,\"spell-check\"],\"autocomplete\":[1],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"placeholder\":[1],\"rows\":[8],\"cols\":[8],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_descByIds\":[32],\"_value\":[32],\"_voiceOverFallback\":[32]},null,{\"_ref\":[\"watch0\"],\"invalidMessage\":[\"watch0\"],\"_id\":[\"watch1\"],\"value\":[\"watch2\"]}]]],[\"db-badge.cjs\",[[4,\"db-badge\",{\"placement\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"semantic\":[1],\"size\":[1],\"emphasis\":[1],\"label\":[1],\"text\":[1],\"initialized\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-brand.cjs\",[[4,\"db-brand\",{\"hideLogo\":[4,\"hide-logo\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"id\":[1],\"className\":[1,\"classname\"],\"text\":[1]}]]],[\"db-card.cjs\",[[4,\"db-card\",{\"id\":[1],\"className\":[1,\"classname\"],\"behavior\":[1],\"elevationLevel\":[1,\"elevation-level\"],\"spacing\":[1]}]]],[\"db-custom-select-form-field.cjs\",[[4,\"db-custom-select-form-field\",{\"id\":[1],\"className\":[1,\"classname\"]}]]],[\"db-divider.cjs\",[[0,\"db-divider\",{\"id\":[1],\"margin\":[1],\"variant\":[1],\"emphasis\":[1],\"width\":[1],\"className\":[1,\"classname\"]}]]],[\"db-icon.cjs\",[[4,\"db-icon\",{\"id\":[1],\"className\":[1,\"classname\"],\"icon\":[1],\"weight\":[1],\"variant\":[1],\"text\":[1]}]]],[\"db-link.cjs\",[[4,\"db-link\",{\"id\":[1],\"className\":[1,\"classname\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"role\":[1],\"hreflang\":[1],\"disabled\":[8],\"selected\":[8],\"label\":[1],\"current\":[8],\"size\":[1],\"showIcon\":[8,\"show-icon\"],\"variant\":[1],\"content\":[1],\"text\":[1]}]]],[\"db-navigation.cjs\",[[4,\"db-navigation\",{\"id\":[1],\"labelledBy\":[1,\"labelled-by\"],\"className\":[1,\"classname\"],\"_id\":[32]}]]],[\"db-page.cjs\",[[4,\"db-page\",{\"fadeIn\":[8,\"fade-in\"],\"documentOverflow\":[1,\"document-overflow\"],\"variant\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"mainClass\":[1,\"main-class\"],\"fontsLoaded\":[32]}]]],[\"db-popover.cjs\",[[4,\"db-popover\",{\"placement\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"gap\":[8],\"animation\":[8],\"open\":[8],\"delay\":[1],\"width\":[1],\"initialized\":[32],\"isExpanded\":[32],\"_documentScrollListenerCallbackId\":[32],\"_observer\":[32]},null,{\"_ref\":[\"watch0\",\"watch1\"],\"initialized\":[\"watch0\"],\"isExpanded\":[\"watch1\"]}]]],[\"db-radio.cjs\",[[4,\"db-radio\",{\"id\":[1],\"checked\":[8],\"size\":[1],\"showLabel\":[8,\"show-label\"],\"className\":[1,\"classname\"],\"validation\":[1],\"name\":[1],\"disabled\":[8],\"describedbyid\":[1],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"value\":[8],\"required\":[8],\"label\":[1],\"initialized\":[32],\"_id\":[32]},null,{\"initialized\":[\"watch0\"],\"_ref\":[\"watch0\"],\"checked\":[\"watch0\"]}]]],[\"db-section.cjs\",[[4,\"db-section\",{\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"_id\":[32]}]]],[\"db-stack.cjs\",[[4,\"db-stack\",{\"id\":[1],\"className\":[1,\"classname\"],\"gap\":[1],\"variant\":[1],\"direction\":[1],\"alignment\":[1],\"justifyContent\":[1,\"justify-content\"],\"wrap\":[8]}]]],[\"db-switch.cjs\",[[4,\"db-switch\",{\"id\":[1],\"checked\":[8],\"visualAid\":[8,\"visual-aid\"],\"size\":[1],\"showLabel\":[8,\"show-label\"],\"emphasis\":[1],\"className\":[1,\"classname\"],\"value\":[8],\"disabled\":[8],\"describedbyid\":[1],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"validation\":[1],\"name\":[1],\"required\":[8],\"icon\":[1],\"iconAfter\":[1,\"icon-after\"],\"label\":[1],\"_id\":[32],\"_checked\":[32]},null,{\"checked\":[\"watch0\"]}]]],[\"db-drawer.cjs\",[[4,\"db-drawer\",{\"open\":[8],\"backdrop\":[1],\"variant\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"direction\":[1],\"rounded\":[8],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"]},null,{\"open\":[\"watch0\"]}]]],[\"db-accordion-item.cjs\",[[4,\"db-accordion-item\",{\"id\":[1],\"defaultOpen\":[4,\"default-open\"],\"name\":[1],\"className\":[1,\"classname\"],\"disabled\":[8],\"headlinePlain\":[1,\"headline-plain\"],\"text\":[1],\"_id\":[32],\"_open\":[32],\"_name\":[32],\"initialized\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"],\"name\":[\"watch1\"]}]]],[\"db-tooltip.cjs\",[[4,\"db-tooltip\",{\"id\":[1],\"variant\":[1],\"placement\":[1],\"className\":[1,\"classname\"],\"emphasis\":[1],\"animation\":[8],\"delay\":[1],\"width\":[1],\"showArrow\":[8,\"show-arrow\"],\"_id\":[32],\"initialized\":[32],\"_documentScrollListenerCallbackId\":[32],\"_observer\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-tab-item_3.cjs\",[[4,\"db-tab-item\",{\"active\":[8],\"name\":[1],\"className\":[1,\"classname\"],\"id\":[1],\"icon\":[1],\"iconAfter\":[1,\"icon-after\"],\"showIcon\":[8,\"show-icon\"],\"noText\":[8,\"no-text\"],\"disabled\":[8],\"controls\":[1],\"checked\":[8],\"label\":[1],\"_selected\":[32],\"_name\":[32],\"initialized\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"],\"name\":[\"watch1\"]}],[4,\"db-tab-list\",{\"id\":[1],\"className\":[1,\"classname\"],\"_id\":[32]}],[4,\"db-tab-panel\",{\"className\":[1,\"classname\"],\"id\":[1],\"labelledBy\":[1,\"labelled-by\"],\"content\":[1]}]]],[\"db-infotext.cjs\",[[4,\"db-infotext\",{\"id\":[1],\"className\":[1,\"classname\"],\"icon\":[1],\"semantic\":[1],\"size\":[1],\"showIcon\":[8,\"show-icon\"],\"text\":[1]}]]],[\"db-custom-select-dropdown_5.cjs\",[[4,\"db-input\",{\"id\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"dataListId\":[1,\"data-list-id\"],\"message\":[1],\"showMessage\":[8,\"show-message\"],\"value\":[8],\"validMessage\":[1,\"valid-message\"],\"validation\":[1],\"required\":[8],\"minLength\":[8,\"min-length\"],\"maxLength\":[8,\"max-length\"],\"pattern\":[1],\"dataList\":[16,\"data-list\"],\"className\":[1,\"classname\"],\"variant\":[1],\"showLabel\":[8,\"show-label\"],\"showIcon\":[8,\"show-icon\"],\"icon\":[1],\"iconAfter\":[1,\"icon-after\"],\"label\":[1],\"fieldSizing\":[1,\"field-sizing\"],\"name\":[1],\"type\":[1],\"placeholder\":[1],\"disabled\":[8],\"step\":[8],\"maxlength\":[8],\"minlength\":[8],\"max\":[8],\"min\":[8],\"readOnly\":[8,\"read-only\"],\"readonly\":[8],\"form\":[1],\"size\":[2],\"autocomplete\":[1],\"autofocus\":[8],\"ariaDescribedBy\":[1,\"aria-described-by\"],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_invalidMessage\":[32],\"_dataListId\":[32],\"_descByIds\":[32],\"_value\":[32],\"_voiceOverFallback\":[32]},null,{\"_ref\":[\"watch0\"],\"invalidMessage\":[\"watch0\"],\"_id\":[\"watch1\"],\"value\":[\"watch2\"]}],[4,\"db-tag\",{\"disabled\":[8],\"removeButton\":[1,\"remove-button\"],\"id\":[1],\"className\":[1,\"classname\"],\"semantic\":[1],\"emphasis\":[1],\"icon\":[1],\"showCheckState\":[8,\"show-check-state\"],\"showIcon\":[8,\"show-icon\"],\"noText\":[8,\"no-text\"],\"overflow\":[8],\"text\":[1],\"behavior\":[1],\"initialized\":[32]},null,{\"initialized\":[\"watch0\"],\"disabled\":[\"watch0\"],\"_ref\":[\"watch0\"]}],[4,\"db-custom-select-dropdown\",{\"id\":[1],\"className\":[1,\"classname\"],\"width\":[1]}],[4,\"db-custom-select-list\",{\"multiple\":[4],\"label\":[1],\"id\":[1],\"className\":[1,\"classname\"]}],[4,\"db-custom-select-list-item\",{\"id\":[1],\"isGroupTitle\":[4,\"is-group-title\"],\"showDivider\":[4,\"show-divider\"],\"type\":[1],\"checked\":[8],\"className\":[1,\"classname\"],\"groupTitle\":[1,\"group-title\"],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"name\":[1],\"disabled\":[8],\"value\":[8],\"label\":[1],\"_id\":[32],\"hasDivider\":[32]},null,{\"isGroupTitle\":[\"watch0\"],\"showDivider\":[\"watch0\"]}]]],[\"db-button.cjs\",[[4,\"db-button\",{\"id\":[1],\"className\":[1,\"classname\"],\"type\":[1],\"disabled\":[8],\"label\":[1],\"icon\":[1],\"showIcon\":[8,\"show-icon\"],\"size\":[1],\"state\":[1],\"width\":[1],\"variant\":[1],\"noText\":[8,\"no-text\"],\"name\":[1],\"form\":[1],\"value\":[1],\"describedbyid\":[1],\"ariaexpanded\":[4],\"ariapressed\":[4],\"text\":[1]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/{navigation-BLjJ1vaO.js → navigation-U4SBgT7D.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-7lbP4BU6.js');
+var floatingComponents = require('./floating-components-BNCfdqZJ.js');
 
 const isEventTargetNavigationItem = (event) => {
     var _a, _b;
@@ -42,7 +42,7 @@ class NavigationItemSafeTriangle {
         if (!this.initialized || this.triangleData || !this.element || !this.subNavigation) {
             return;
         }
-        const dataOutsidePair = index.handleDataOutside(this.subNavigation);
+        const dataOutsidePair = floatingComponents.handleDataOutside(this.subNavigation);
         const itemRect = this.element.getBoundingClientRect();
         const parentElementWidth = (_b = (_a = this.parentSubNavigation) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) !== null && _b !== void 0 ? _b : 0;
         this.triangleData = {
@@ -136,6 +136,6 @@ class NavigationItemSafeTriangle {
 
 exports.NavigationItemSafeTriangle = NavigationItemSafeTriangle;
 exports.isEventTargetNavigationItem = isEventTargetNavigationItem;
-//# sourceMappingURL=navigation-BLjJ1vaO.js.map
+//# sourceMappingURL=navigation-U4SBgT7D.js.map
 
-//# sourceMappingURL=navigation-BLjJ1vaO.js.map
+//# sourceMappingURL=navigation-U4SBgT7D.js.map

package/dist/cjs/navigation-U4SBgT7D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-U4SBgT7D.js","sources":["src/utils/navigation.ts"],"sourcesContent":["import { handleDataOutside } from './floating-components';\nexport type TriangleData = {\n  itemRect: DOMRect;\n  parentElementWidth: number;\n  subNavigationHeight: number;\n  padding: number;\n  outsideVX: 'left' | 'right' | undefined;\n  outsideVY: 'top' | 'bottom' | undefined;\n};\nexport const isEventTargetNavigationItem = (event: unknown): boolean => {\n  const {\n    target\n  } = event as {\n    target: HTMLElement;\n  };\n  return Boolean(!target?.classList?.contains('db-navigation-item-expand-button') && target?.parentElement?.classList.contains('db-navigation-item'));\n};\nexport class NavigationItemSafeTriangle {\n  private readonly element: HTMLElement | null;\n  private readonly subNavigation: HTMLElement | null;\n  private readonly parentSubNavigation: HTMLElement | null = null;\n  private triangleData?: TriangleData;\n  private initialized: boolean = false;\n  private mouseX: number = 0;\n  private mouseY: number = 0;\n  constructor(element: HTMLElement | null, subNavigation: HTMLElement | null) {\n    this.element = element;\n    this.subNavigation = subNavigation;\n    if (!this.element || !this.subNavigation) {\n      return;\n    }\n    this.parentSubNavigation = this.element?.closest('.db-sub-navigation');\n\n    /*\n     * only initiate if:\n     * 1. item is not at root navigation level\n     * 2. item is not in the mobile navigation / within db-drawer\n     */\n    if (this.parentSubNavigation && !this.element.closest('.db-drawer')) {\n      this.init();\n    }\n  }\n  private init() {\n    const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n\n    // the triangle has the width of the sub-navigation, current nav-item can be wider.\n    // so the width of the triangle must be adapted to a possibly wider nav-item.\n    this.element?.style.setProperty('--db-navigation-item-inline-size', `${parentElementWidth}px`);\n    this.initialized = true;\n  }\n  public enableFollow() {\n    if (!this.initialized || this.triangleData || !this.element || !this.subNavigation) {\n      return;\n    }\n    const dataOutsidePair = handleDataOutside(this.subNavigation);\n    const itemRect = this.element.getBoundingClientRect();\n    const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n    this.triangleData = {\n      itemRect,\n      parentElementWidth,\n      subNavigationHeight: this.subNavigation.getBoundingClientRect().height,\n      padding: (parentElementWidth - itemRect.width) / 2,\n      outsideVX: dataOutsidePair.vx,\n      outsideVY: dataOutsidePair.vy\n    };\n  }\n  public disableFollow() {\n    this.triangleData = undefined;\n  }\n  private getTriangleTipX(): number {\n    if (!this.triangleData) return 0;\n    if (this.triangleData.outsideVX === 'right') {\n      // vertical flipped triangle needs an inverted x pos\n      return this.triangleData.itemRect.width - this.mouseX;\n    }\n\n    // triangle stops shrinking from 75% x pos\n    return Math.min(this.mouseX, this.triangleData.itemRect.width * 0.75);\n  }\n  private getTriangleTipY(): number {\n    if (!this.triangleData) return 0;\n\n    // padding must be added to the y pos of the tip so that the y pos matches the cursor\n    const mouseYLimited = Math.max(Math.min(this.mouseY, this.triangleData.itemRect.height), 0) + this.triangleData.padding;\n    if (this.triangleData.outsideVY === 'bottom') {\n      // add offset to tip y pos to match corrected sub-navigation y pos\n      return mouseYLimited + (this.triangleData.subNavigationHeight - this.triangleData.padding * 2 - this.triangleData.itemRect.height);\n    }\n    return mouseYLimited;\n  }\n  private hasMouseEnteredSubNavigation(): boolean {\n    if (!this.triangleData) {\n      return false;\n    }\n    const isSubNavigationOnLeftSide = this.triangleData.outsideVX === 'right';\n    if (isSubNavigationOnLeftSide && this.mouseX < -1 * this.triangleData.padding) {\n      return true;\n    }\n    if (!isSubNavigationOnLeftSide && this.mouseX > this.triangleData.parentElementWidth - this.triangleData.padding) {\n      return true;\n    }\n    return false;\n  }\n  private getTriangleCoordinates(variant: 'safe-triangle' | 'fill-gap'): undefined | {\n    lb: string;\n    lt: string;\n    rt: string;\n    rb: string;\n  } {\n    if (!this.triangleData) {\n      return;\n    }\n    if (variant === 'fill-gap') {\n      const itemHeight = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`;\n      const xStart = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;\n      return {\n        lb: `${xStart} ${itemHeight}`,\n        lt: `${xStart} 0`,\n        rt: '100% 0',\n        rb: `100% ${itemHeight}`\n      };\n    }\n    const tipX = this.getTriangleTipX();\n    const tipY = this.getTriangleTipY();\n    const lb = `${tipX}px ${tipY}px`;\n    const lt = `${tipX}px ${tipY}px`;\n    return {\n      lb,\n      lt,\n      rt: '100% 0',\n      rb: '100% 100%'\n    };\n  }\n  public followByMouseEvent(event: MouseEvent) {\n    if (!this.initialized || !this.triangleData || !this.element || !this.subNavigation) {\n      return;\n    }\n    this.mouseX = event.clientX - this.triangleData.itemRect.left;\n    this.mouseY = event.clientY - this.triangleData.itemRect.top;\n    const isOverSubNavigation = this.hasMouseEnteredSubNavigation();\n    const coordinates = this.getTriangleCoordinates(isOverSubNavigation ? 'fill-gap' : 'safe-triangle');\n    if (!coordinates) {\n      return;\n    }\n    this.element.style.setProperty('--db-navigation-item-clip-path', `polygon(${coordinates.lb}, ${coordinates.lt}, ${coordinates.rt}, ${coordinates.rb})`);\n    if (isOverSubNavigation) {\n      this.triangleData = undefined;\n    }\n  }\n}\nexport default {\n  isEventTargetNavigationItem,\n  NavigationItemSafeTriangle\n}"],"names":["handleDataOutside"],"mappings":"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"}

package/dist/collection/collection-manifest.json

@@ -39,7 +39,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.31.0",
+    "version": "4.33.1",
     "typescriptVersion": "5.5.4"
   },
   "collections": [],

package/dist/collection/components/custom-select/custom-select.js

@@ -1,6 +1,8 @@
-import { cls, delay, getBoolean, getBooleanAsString, getHideProp, getSearchInput, handleDataOutside, hasVoiceOver, stringPropVisible, uuid, } from "../../utils";
+import { cls, delay, getBoolean, getBooleanAsString, getHideProp, getSearchInput, hasVoiceOver, stringPropVisible, uuid, } from "../../utils";
 import { DEFAULT_CLOSE_BUTTON, DEFAULT_INVALID_MESSAGE, DEFAULT_INVALID_MESSAGE_ID_SUFFIX, DEFAULT_LABEL, DEFAULT_LABEL_ID_SUFFIX, DEFAULT_MESSAGE, DEFAULT_MESSAGE_ID_SUFFIX, DEFAULT_PLACEHOLDER_ID_SUFFIX, DEFAULT_REMOVE, DEFAULT_SELECT_ID_SUFFIX, DEFAULT_SELECTED, DEFAULT_VALID_MESSAGE, DEFAULT_VALID_MESSAGE_ID_SUFFIX, } from "../../shared/constants";
 import { DocumentClickListener } from "../../utils/document-click-listener";
+import { DocumentScrollListener } from "../../utils/document-scroll-listener";
+import { handleFixedDropdown } from "../../utils/floating-components";
 import { h, Fragment, } from "@stencil/core";
 /**
  * @slot children - This is a default/unnamed slot
@@ -34,6 +36,8 @@ export class DBCustomSelect {
         this._hasNoOptions = false;
         this._documentClickListenerCallbackId = undefined;
         this._internalChangeTimestamp = 0;
+        this._documentScrollListenerCallbackId = undefined;
+        this._observer = undefined;
         this._searchValue = undefined;
         this.selectAllChecked = false;
         this.selectAllIndeterminate = false;
@@ -42,6 +46,12 @@ export class DBCustomSelect {
             event.stopPropagation();
         };
     }
+    handleDocumentScroll(event) {
+        var _a, _b;
+        if (((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.contains) && ((_b = event === null || event === void 0 ? void 0 : event.target) === null || _b === void 0 ? void 0 : _b.contains(this.detailsRef))) {
+            this.handleAutoPlacement();
+        }
+    }
     hasValidState() {
         var _a;
         return !!((_a = this.validMessage) !== null && _a !== void 0 ? _a : this.validation === "valid");
@@ -84,6 +94,7 @@ export class DBCustomSelect {
         }
     }
     handleDropdownToggle(event) {
+        var _a, _b;
         if (this.dropdownToggle) {
             event.stopPropagation();
             this.dropdownToggle.emit(event);
@@ -91,7 +102,10 @@ export class DBCustomSelect {
         if (event.target.open) {
             this._documentClickListenerCallbackId =
                 new DocumentClickListener().addCallback((event) => this.handleDocumentClose(event));
+            this._documentScrollListenerCallbackId =
+                new DocumentScrollListener().addCallback((event) => this.handleDocumentScroll(event));
             this.handleAutoPlacement();
+            (_a = this._observer) === null || _a === void 0 ? void 0 : _a.observe(this.detailsRef);
             if (!event.target.dataset.test) {
                 // We need this workaround for snapshot testing
                 this.handleOpenByKeyboardFocus();
@@ -101,6 +115,10 @@ export class DBCustomSelect {
             if (this._documentClickListenerCallbackId) {
                 new DocumentClickListener().removeCallback(this._documentClickListenerCallbackId);
             }
+            if (this._documentScrollListenerCallbackId) {
+                new DocumentScrollListener().removeCallback(this._documentScrollListenerCallbackId);
+            }
+            (_b = this._observer) === null || _b === void 0 ? void 0 : _b.unobserve(this.detailsRef);
         }
     }
     getNativeSelectValue() {
@@ -136,10 +154,6 @@ export class DBCustomSelect {
         }
         return false;
     }
-    getOptionKey(option) {
-        var _a, _b;
-        return ((_b = (_a = option.id) !== null && _a !== void 0 ? _a : option.value) !== null && _b !== void 0 ? _b : uuid()).toString();
-    }
     getTagRemoveLabel(index) {
         if (this.removeTagsTexts && this.removeTagsTexts.length > index) {
             return this.removeTagsTexts.at(index);
@@ -159,8 +173,10 @@ export class DBCustomSelect {
         if (this.detailsRef) {
             const dropdown = this.detailsRef.querySelector("article");
             if (dropdown) {
+                // This is a workaround for Angular
                 delay(() => {
-                    handleDataOutside(dropdown);
+                    var _a;
+                    handleFixedDropdown(dropdown, this.detailsRef, (_a = this.placement) !== null && _a !== void 0 ? _a : "bottom");
                 }, 1);
             }
         }
@@ -637,6 +653,14 @@ export class DBCustomSelect {
         this._selectedLabelsId = mId + "-selected-labels";
         this._infoTextId = mId + "-info";
         this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;
+        this._observer = new IntersectionObserver((payload) => {
+            if (this.detailsRef) {
+                const entry = payload.find(({ target }) => target === this.detailsRef);
+                if (entry && !entry.isIntersecting && this.detailsRef.open) {
+                    this.detailsRef.open = false;
+                }
+            }
+        });
         this.watch0Fn();
         this.watch1Fn();
         this.watch2Fn();
@@ -657,19 +681,19 @@ export class DBCustomSelect {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
-        return (h("div", { key: 'f4df6e0c633b5ccb844b4e34da6d3ffdf2734eba', class: cls("db-custom-select", this.className), id: this._id, ref: (el) => {
+        return (h("div", { key: 'e5615e2c862d163edaab1cadd62623b2bc0fa20e', class: cls("db-custom-select", this.className), id: this._id, ref: (el) => {
                 this._ref = el;
             }, "aria-invalid": this._validity === "invalid", "data-custom-validity": this._validity, "data-width": this.formFieldWidth, "data-variant": this.variant === "floating" &&
                 this.selectedType === "tag" &&
                 this.multiple
                 ? "above"
-                : this.variant, "data-required": getBooleanAsString(this.required), "data-placement": this.placement, "data-selected-type": this.multiple ? this.selectedType : "text", "data-hide-label": getHideProp(this.showLabel), "data-icon": this.icon, "data-hide-icon": getHideProp(this.showIcon) }, h("label", { key: 'ee59cf9ef87cf98fd3dc8337472b9490eaf4427a', id: this._labelId }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL, h("select", { key: 'a3c8f3bd67f9eed5ec0df5602ab17f4842870b8a', role: "none", hidden: true, id: this._selectId, tabIndex: -1, ref: (el) => {
+                : this.variant, "data-required": getBooleanAsString(this.required), "data-placement": this.placement, "data-selected-type": this.multiple ? this.selectedType : "text", "data-hide-label": getHideProp(this.showLabel), "data-icon": this.icon, "data-hide-icon": getHideProp(this.showIcon) }, h("label", { key: '4610775f6caeaa4953ee3a5237b07ff09c115b37', id: this._labelId }, (_a = this.label) !== null && _a !== void 0 ? _a : DEFAULT_LABEL, h("select", { key: '6d3bedc9709abf78d681cdd31befb88c503f60f5', role: "none", hidden: true, id: this._selectId, tabIndex: -1, ref: (el) => {
                 this.selectRef = el;
             }, form: this.form, name: this.name, multiple: getBoolean(this.multiple, "multiple"), disabled: getBoolean(this.disabled, "disabled"), required: getBoolean(this.required, "required"), onChange: (event) => this.satisfyReact(event) }, ((_b = this.options) === null || _b === void 0 ? void 0 : _b.length)
             ? (_c = this.options) === null || _c === void 0 ? void 0 : _c.map((option) => (h("option", { disabled: option.disabled, value: option.value, key: undefined }, this.getOptionLabel(option))))
-            : null)), h("details", { key: 'e35e2532b4946d98b2b588783e8275b13bd240b4', ref: (el) => {
+            : null)), h("details", { key: 'eda98f88d3979668e4a802d66674258e0840fbb1', ref: (el) => {
                 this.detailsRef = el;
-            }, open: this.open, onToggle: (event) => this.handleDropdownToggle(event), onKeyDown: (event) => this.handleKeyboardPress(event) }, h("slot", { key: 'fd289344b7b69ac8ad0259393fefe97e73408d15' }), this.options ? (h(Fragment, null, h("summary", { class: "db-custom-select-form-field", id: this._summaryId, "aria-disabled": getBooleanAsString(this.disabled), "aria-labelledby": this._labelId }, ((_d = this._selectedLabels) === null || _d === void 0 ? void 0 : _d.length) ? (h("span", { "data-visually-hidden": getBooleanAsString(this.selectedType === "tag"), id: this._selectedLabelsId }, this._selectedLabels)) : null, this.selectedType === "tag" ? (h("div", null, (_e = this._selectedOptions) === null || _e === void 0 ? void 0 : _e.map((option, index) => (h("db-tag", { emphasis: "strong", behavior: "removable", removeButton: this.getTagRemoveLabel(index), onRemove: (event) => this.handleTagRemove(option, event), key: undefined }, this.getOptionLabel(option)))))) : null), h("db-custom-select-dropdown", { width: this.dropdownWidth }, this.searchEnabled ? (h("div", null, h("db-input", { type: "search", ref: (el) => {
+            }, open: this.open, onToggle: (event) => this.handleDropdownToggle(event), onKeyDown: (event) => this.handleKeyboardPress(event) }, h("slot", { key: 'acae08a857466c9b77dbd0bd0d73b9ac0e16283a' }), this.options ? (h(Fragment, null, h("summary", { class: "db-custom-select-form-field", id: this._summaryId, "aria-disabled": getBooleanAsString(this.disabled), "aria-labelledby": this._labelId }, ((_d = this._selectedLabels) === null || _d === void 0 ? void 0 : _d.length) ? (h("span", { "data-visually-hidden": getBooleanAsString(this.selectedType === "tag"), id: this._selectedLabelsId }, this._selectedLabels)) : null, this.selectedType === "tag" ? (h("div", null, (_e = this._selectedOptions) === null || _e === void 0 ? void 0 : _e.map((option, index) => (h("db-tag", { emphasis: "strong", behavior: "removable", removeButton: this.getTagRemoveLabel(index), onRemove: (event) => this.handleTagRemove(option, event), key: undefined }, this.getOptionLabel(option)))))) : null), h("db-custom-select-dropdown", { width: this.dropdownWidth }, this.searchEnabled ? (h("div", null, h("db-input", { type: "search", ref: (el) => {
                 this.searchInputRef = el;
             }, name: this._id, form: this._id, showLabel: false, value: this._searchValue, label: (_f = this.searchLabel) !== null && _f !== void 0 ? _f : DEFAULT_LABEL, placeholder: (_g = this.searchPlaceholder) !== null && _g !== void 0 ? _g : this.searchLabel, ariaDescribedBy: this._hasNoOptions || this.showLoading
                 ? this._infoTextId
@@ -679,7 +703,7 @@ export class DBCustomSelect {
                 this.selectAllRef = el;
             }, form: this._id, checked: this.selectAllChecked, onChange: (event) => this.handleSelectAll(event) }), this.getSelectAllLabel())))) : null, h("db-custom-select-list", { multiple: getBoolean(this.multiple, "multiple"), label: (_k = (_j = this.ariaListLabel) !== null && _j !== void 0 ? _j : this.label) !== null && _k !== void 0 ? _k : DEFAULT_LABEL }, (_l = this._options) === null || _l === void 0 ? void 0 : _l.map((option) => (h("db-custom-select-list-item", { type: this.multiple ? "checkbox" : "radio", showDivider: option.showDivider, icon: option.icon, isGroupTitle: option.isGroupTitle, groupTitle: this.getOptionLabel(option), name: this._id, checked: this.getOptionChecked(option.value), disabled: option.disabled, value: option.value, onChange: () => this.handleSelect(option.value), key: undefined }, !option.isGroupTitle
             ? this.getOptionLabel(option)
-            : null)))))), h("div", null, h("db-button", { variant: "ghost", width: "full", icon: "cross", size: "small", name: this._id, form: this._id, onClick: () => this.handleClose("close") }, (_m = this.mobileCloseButtonText) !== null && _m !== void 0 ? _m : DEFAULT_CLOSE_BUTTON))))) : null), ((_o = this.showClearSelection) !== null && _o !== void 0 ? _o : true) && ((_p = this._values) === null || _p === void 0 ? void 0 : _p.length) ? (h("db-button", { icon: "cross", variant: "ghost", size: "small", noText: true, name: this._id, form: this._id, onClick: (event) => this.handleClearAll(event) }, this.clearSelectionText, h("db-tooltip", { placement: "top" }, this.clearSelectionText))) : null, h("span", { key: '545397c50574d5b3798269f18aa797078c785d44', "aria-hidden": getBooleanAsString(true), id: this._placeholderId }, (_q = this.placeholder) !== null && _q !== void 0 ? _q : this.label), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '43731ce611cc55c5a4a482ca9d2af33224d40e52', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: 'f79eb37128f2859a2aa6fa2beec81353cbe11b39', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
+            : null)))))), h("div", null, h("db-button", { variant: "ghost", width: "full", icon: "cross", size: "small", name: this._id, form: this._id, onClick: () => this.handleClose("close") }, (_m = this.mobileCloseButtonText) !== null && _m !== void 0 ? _m : DEFAULT_CLOSE_BUTTON))))) : null), ((_o = this.showClearSelection) !== null && _o !== void 0 ? _o : true) && ((_p = this._values) === null || _p === void 0 ? void 0 : _p.length) ? (h("db-button", { icon: "cross", variant: "ghost", size: "small", noText: true, name: this._id, form: this._id, onClick: (event) => this.handleClearAll(event) }, this.clearSelectionText, h("db-tooltip", { placement: "top" }, this.clearSelectionText))) : null, h("span", { key: '769ccefccd2f668507bc26b8323c42ed49f26e46', "aria-hidden": getBooleanAsString(true), id: this._placeholderId }, (_q = this.placeholder) !== null && _q !== void 0 ? _q : this.label), stringPropVisible(this.message, this.showMessage) ? (h("db-infotext", { size: "small", icon: this.messageIcon, id: this._messageId }, this.message)) : null, this.hasValidState() ? (h("db-infotext", { size: "small", semantic: "successful", id: this._validMessageId }, this.validMessage || DEFAULT_VALID_MESSAGE)) : null, h("db-infotext", { key: '7936aac4cc8805c84d262f3fe9082bccebbd2fa9', size: "small", semantic: "critical", id: this._invalidMessageId }, this._invalidMessage), h("span", { key: '57d5b61105ad1e7f53acb5754890c1c7c18c6dc8', "data-visually-hidden": "true", role: "status" }, this._voiceOverFallback)));
     }
     static get is() { return "db-custom-select"; }
     static get properties() {
@@ -1205,13 +1229,13 @@ export class DBCustomSelect {
                 "getter": false,
                 "setter": false
             },
-            "searchFilter": {
-                "type": "unknown",
-                "attribute": "search-filter",
+            "placement": {
+                "type": "string",
+                "attribute": "placement",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBCustomSelectProps[\"searchFilter\"]",
-                    "resolved": "(option: CustomSelectOptionType, filterText: string) => boolean",
+                    "original": "DBCustomSelectProps[\"placement\"]",
+                    "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"top\" | \"top-end\" | \"top-start\"",
                     "references": {
                         "DBCustomSelectProps": {
                             "location": "import",
@@ -1227,15 +1251,16 @@ export class DBCustomSelect {
                     "text": ""
                 },
                 "getter": false,
-                "setter": false
+                "setter": false,
+                "reflect": false
             },
-            "className": {
-                "type": "string",
-                "attribute": "classname",
+            "searchFilter": {
+                "type": "unknown",
+                "attribute": "search-filter",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBCustomSelectProps[\"className\"]",
-                    "resolved": "string",
+                    "original": "DBCustomSelectProps[\"searchFilter\"]",
+                    "resolved": "(option: CustomSelectOptionType, filterText: string) => boolean",
                     "references": {
                         "DBCustomSelectProps": {
                             "location": "import",
@@ -1251,15 +1276,14 @@ export class DBCustomSelect {
                     "text": ""
                 },
                 "getter": false,
-                "setter": false,
-                "reflect": false
+                "setter": false
             },
-            "formFieldWidth": {
+            "className": {
                 "type": "string",
-                "attribute": "form-field-width",
+                "attribute": "classname",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBCustomSelectProps[\"formFieldWidth\"]",
+                    "original": "DBCustomSelectProps[\"className\"]",
                     "resolved": "string",
                     "references": {
                         "DBCustomSelectProps": {
@@ -1279,13 +1303,13 @@ export class DBCustomSelect {
                 "setter": false,
                 "reflect": false
             },
-            "variant": {
+            "formFieldWidth": {
                 "type": "string",
-                "attribute": "variant",
+                "attribute": "form-field-width",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBCustomSelectProps[\"variant\"]",
-                    "resolved": "\"above\" | \"floating\"",
+                    "original": "DBCustomSelectProps[\"formFieldWidth\"]",
+                    "resolved": "string",
                     "references": {
                         "DBCustomSelectProps": {
                             "location": "import",
@@ -1304,13 +1328,13 @@ export class DBCustomSelect {
                 "setter": false,
                 "reflect": false
             },
-            "placement": {
+            "variant": {
                 "type": "string",
-                "attribute": "placement",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
-                    "original": "DBCustomSelectProps[\"placement\"]",
-                    "resolved": "\"bottom\" | \"bottom-end\" | \"bottom-start\" | \"top\" | \"top-end\" | \"top-start\"",
+                    "original": "DBCustomSelectProps[\"variant\"]",
+                    "resolved": "\"above\" | \"floating\"",
                     "references": {
                         "DBCustomSelectProps": {
                             "location": "import",
@@ -1859,6 +1883,8 @@ export class DBCustomSelect {
             "_hasNoOptions": {},
             "_documentClickListenerCallbackId": {},
             "_internalChangeTimestamp": {},
+            "_documentScrollListenerCallbackId": {},
+            "_observer": {},
             "_searchValue": {},
             "selectAllChecked": {},
             "selectAllIndeterminate": {}