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

package/dist/db-ux/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.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.esm.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/db-ux/p-04fb737c.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as i}from"./p-Ctmm4hMW.js";import{h as a,d as e,s as h,i as d,u as n,b as c,f as o,e as l,j as r,c as u,g as f}from"./p-BgQRUWMZ.js";import{l as b,g as v,h as m,j as p,f as y,k as g,b as k,a as w,m as x}from"./p-DC9V_oNU.js";const $=class{constructor(i){t(this,i);this.input=s(this,"input");this.change=s(this,"change");this.blur=s(this,"blur");this.focus=s(this,"focus");this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=undefined;this._dataListId=undefined;this._descByIds="";this._value="";this._voiceOverFallback=""}hasValidState(){var t;return!!((t=this.validMessage)!==null&&t!==void 0?t:this.validation==="valid")}handleValidation(){var t,s,i,d;if(!((t=this._ref)===null||t===void 0?void 0:t.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;this._invalidMessage=this.invalidMessage||((s=this._ref)===null||s===void 0?void 0:s.validationMessage)||b;if(a()){this._voiceOverFallback=this._invalidMessage;e((()=>this._voiceOverFallback=""),1e3)}}else if(this.hasValidState()&&((i=this._ref)===null||i===void 0?void 0:i.validity.valid)&&(this.required||this.minLength||this.maxLength||this.pattern)){this._descByIds=this._validMessageId;if(a()){this._voiceOverFallback=(d=this.validMessage)!==null&&d!==void 0?d:g;e((()=>this._voiceOverFallback=""),1e3)}}else if(h(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=""}}handleInput(t){if(this.input){this.input.emit(t)}this.handleValidation()}handleChange(t){if(this.change){this.change.emit(t)}this.handleValidation()}handleBlur(t){if(this.blur){this.blur.emit(t)}}handleFocus(t){if(this.focus){this.focus.emit(t)}}getDataList(){const t=this.dataList;return Array.from((d(t)?t===null||t===void 0?void 0:t.map((t=>({value:t,label:undefined}))):t)||[])}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){var t;this._invalidMessage=this.invalidMessage||((t=this._ref)===null||t===void 0?void 0:t.validationMessage)||b}watch0(){this.watch0Fn()}watch1Fn(){var t;if(this._id){const s=this._id+y;this._messageId=s;this._validMessageId=this._id+v;this._invalidMessageId=this._id+m;this._dataListId=(t=this.dataListId)!==null&&t!==void 0?t:this._id+p;if(h(this.message,this.showMessage)){this._descByIds=s}}}watch1(){this.watch1Fn()}watch2Fn(){this._value=this.value}watch2(){this.watch2Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-input");const s=(t=this.id)!==null&&t!==void 0?t:`input-${n()}`;this._id=s;this._messageId=s+y;this._validMessageId=s+v;this._invalidMessageId=s+m;this._dataListId=s+p;this._invalidMessage=this.invalidMessage||b;this.watch0Fn();this.watch1Fn();this.watch2Fn()}render(){var t,s,a,e,d;return i("div",{key:"9cea36266e6044d488cf212560cc1cd6bd912fdd",class:u("db-input",this.className),"data-variant":this.variant,"data-hide-label":r(this.showLabel),"data-hide-icon":r(this.showIcon),"data-icon":this.icon,"data-icon-after":this.iconAfter,"data-hide-icon-after":r(this.showIcon)},i("label",{key:"de9bcd17cbcc3edef5ee2a0daa44081f42e274b1",htmlFor:this._id},(t=this.label)!==null&&t!==void 0?t:w),i("input",{key:"110ac26c64af5cc6bc205aad9c5025a9f8d4020d","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,"data-field-sizing":this.fieldSizing,ref:t=>{this._ref=t},id:this._id,name:this.name,type:this.type||"text",placeholder:(s=this.placeholder)!==null&&s!==void 0?s:k,disabled:c(this.disabled,"disabled"),required:c(this.required,"required"),step:l(this.step),value:(a=this.value)!==null&&a!==void 0?a:this._value,maxLength:l(this.maxLength,this.maxlength),minLength:l(this.minLength,this.minlength),max:o(this.max,this.type),min:o(this.min,this.type),readOnly:c(this.readOnly,"readOnly")||c(this.readonly,"readonly"),form:this.form,pattern:this.pattern,size:this.size,autoComplete:this.autocomplete,autoFocus:c(this.autofocus,"autofocus"),onInput:t=>this.handleInput(t),onChange:t=>this.handleChange(t),onBlur:t=>this.handleBlur(t),onFocus:t=>this.handleFocus(t),list:this.dataList&&this._dataListId,"aria-describedby":(e=this.ariaDescribedBy)!==null&&e!==void 0?e:this._descByIds}),this.dataList?i("datalist",{id:this._dataListId},(d=this.getDataList())===null||d===void 0?void 0:d.map((t=>i("option",{key:this._dataListId+"-option-"+t.value,value:t.value},t.label)))):null,i("slot",{key:"2de1f3a18d07e7ac15669450e82c6675f3e40228"}),h(this.message,this.showMessage)?i("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?i("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||g):null,i("db-infotext",{key:"edd1c559cda0c29352b322b61b8bcb39f778a6c9",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),i("span",{key:"fad4ee2dd86dbde52e089114de8df0c10680a29c","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:["watch0"],invalidMessage:["watch0"],_id:["watch1"],value:["watch2"]}}};const _=class{constructor(i){t(this,i);this.remove=s(this,"remove");this.initialized=false}handleRemove(t){t===null||t===void 0?void 0:t.stopPropagation();if(this.remove){this.remove.emit(t)}}getRemoveButtonText(){if(this.removeButton){return this.removeButton}return x}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){var t,s;if(this.initialized&&this._ref&&this.disabled!==undefined){const i=(t=this._ref)===null||t===void 0?void 0:t.querySelector("button:not(.db-tab-remove-button)");const a=(s=this._ref)===null||s===void 0?void 0:s.querySelector("input");for(const t of[i,a]){if(t){t.disabled=Boolean(this.disabled)}}}}watch0(){this.watch0Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tag");this.watch0Fn()}render(){var t;return i("div",{key:"8d4c57bc480cb557026e92bcf3fa2db574878528",class:u("db-tag",this.className),ref:t=>{this._ref=t},id:this.id,"data-disabled":f(this.disabled),"data-semantic":this.semantic,"data-emphasis":this.emphasis,"data-icon":this.icon,"data-show-check-state":f((t=this.showCheckState)!==null&&t!==void 0?t:true),"data-hide-icon":r(this.showIcon),"data-no-text":f(this.noText),"data-overflow":f(this.overflow)},i("slot",{key:"9ad3101eb421ab1318647070c1bda2abc218d603",name:"content"}),i("slot",{key:"4431b656940b8812770874a82a7b5faf9f4051b1"}),this.text?this.text:null,this.behavior==="removable"?i("button",{class:"db-button db-tab-remove-button","data-icon":"cross","data-size":"small","data-no-text":"true","data-variant":"ghost",type:"button",onClick:t=>this.handleRemove(t)},i("db-tooltip",{variant:"label"},this.getRemoveButtonText())):null)}static get watchers(){return{initialized:["watch0"],disabled:["watch0"],_ref:["watch0"]}}};const F=class{constructor(s){t(this,s);this.width="fixed"}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-dropdown")}render(){return i("article",{key:"6996fad215702cb1f31f4a3a9625a1ada0121528",class:u("db-custom-select-dropdown db-card",this.className),"data-spacing":"none",ref:t=>{this._ref=t},id:this.id,"data-width":this.width},i("slot",{key:"31056fd553f9312376ff94fb7415a117ab29b17b"}))}};const C=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-custom-select-list")}render(){return i("div",{key:"55b9bf7f522c5dab2113ba4755fb0d01a6539a33",class:u("db-custom-select-list",this.className),role:this.multiple?"group":"radiogroup","aria-label":this.label,ref:t=>{this._ref=t},id:this.id},i("ul",{key:"87553958e161d97f8095a79abcd4c79a3b4b4b2a"},i("slot",{key:"68034e713e4b5095e32da5c0704671912cda26cd"})))}};const D=class{constructor(i){t(this,i);this.change=s(this,"change");this._id=undefined;this.hasDivider=false}handleChange(t){t.stopPropagation();if(this.change){this.change.emit(t)}}getIconAfter(){if(this.isGroupTitle||this.type==="checkbox"){return}return c(this.checked,"checked")?"check":"x_placeholder"}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const h=t.getAttribute("class");t.setAttribute(e.name,`${h?`${h} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}watch0Fn(){this.hasDivider=Boolean(this.isGroupTitle||this.showDivider)}watch0(){this.watch0Fn()}componentDidLoad(){var t;this.enableAttributePassing(this._ref,"db-custom-select-list-item");this._id=(t=this.id)!==null&&t!==void 0?t:`custom-select-list-item-${n()}`;this.watch0Fn()}render(){return i("li",{key:"e3e90fd8d73cedc493624a10270bc7fe5fe880ba",class:u("db-custom-select-list-item",this.className,{"db-checkbox":this.type==="checkbox"&&!this.isGroupTitle,"db-radio":this.type!=="checkbox"&&!this.isGroupTitle}),ref:t=>{this._ref=t},id:this._id,"data-divider":f(this.hasDivider)},!this.isGroupTitle?i("label",{"data-icon":this.type!=="checkbox"&&this.icon?this.icon:undefined,"data-hide-icon":r(this.showIcon),"data-icon-after":this.getIconAfter()},i("input",{class:"db-custom-select-list-item-checkbox","data-disable-focus":"true",type:this.type,name:this.name,form:this.name,checked:c(this.checked,"checked"),disabled:c(this.disabled,"disabled"),value:this.value,onChange:t=>this.handleChange(t)}),this.label?this.label:i("slot",null)):i("span",null,this.groupTitle))}static get watchers(){return{isGroupTitle:["watch0"],showDivider:["watch0"]}}};export{F as db_custom_select_dropdown,C as db_custom_select_list,D as db_custom_select_list_item,$ as db_input,_ as db_tag};
+//# sourceMappingURL=p-04fb737c.entry.js.map

package/dist/db-ux/p-04fb737c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DBInput","constructor","hostRef","this","_id","undefined","_messageId","_validMessageId","_invalidMessageId","_invalidMessage","_dataListId","_descByIds","_value","_voiceOverFallback","hasValidState","_a","validMessage","validation","handleValidation","_ref","validity","valid","invalidMessage","_b","validationMessage","DEFAULT_INVALID_MESSAGE","hasVoiceOver","delay","_c","required","minLength","maxLength","pattern","_d","DEFAULT_VALID_MESSAGE","stringPropVisible","message","showMessage","handleInput","event","input","emit","handleChange","change","handleBlur","blur","handleFocus","focus","getDataList","_list","dataList","Array","from","isArrayOfStrings","map","val","value","label","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","watch0","watch1Fn","messageId","DEFAULT_MESSAGE_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","dataListId","DEFAULT_DATALIST_ID_SUFFIX","watch1","watch2Fn","watch2","componentDidLoad","mId","id","uuid","render","h","key","class","cls","className","variant","getHideProp","showLabel","showIcon","icon","iconAfter","htmlFor","DEFAULT_LABEL","fieldSizing","ref","el","type","placeholder","DEFAULT_PLACEHOLDER","disabled","getBoolean","step","getNumber","maxlength","minlength","max","getInputValue","min","readOnly","readonly","form","size","autoComplete","autocomplete","autoFocus","autofocus","onInput","onChange","onBlur","onFocus","list","ariaDescribedBy","_e","option","messageIcon","semantic","role","DBTag","initialized","handleRemove","stopPropagation","remove","getRemoveButtonText","removeButton","DEFAULT_REMOVE","button","querySelector","Boolean","getBooleanAsString","emphasis","showCheckState","noText","overflow","text","behavior","onClick","DBCustomSelectDropdown","width","DBCustomSelectList","multiple","DBCustomSelectListItem","hasDivider","getIconAfter","isGroupTitle","checked","showDivider","groupTitle"],"sources":["src/components/input/input.tsx","src/components/tag/tag.tsx","src/components/custom-select-dropdown/custom-select-dropdown.tsx","src/components/custom-select-list/custom-select-list.tsx","src/components/custom-select-list-item/custom-select-list-item.tsx"],"sourcesContent":["import {\n  cls,\n  delay,\n  getBoolean,\n  getHideProp,\n  getNumber,\n  hasVoiceOver,\n  isArrayOfStrings,\n  stringPropVisible,\n  uuid,\n  getInputValue,\n} from \"../../utils\";\nimport { DBInputProps, DBInputState } from \"./model\";\nimport {\n  DEFAULT_DATALIST_ID_SUFFIX,\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport {\n  ChangeEvent,\n  InputEvent,\n  InteractionEvent,\n  ValueLabelType,\n} from \"../../shared/model\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-input\",\n})\nexport class DBInput {\n  private _ref!: HTMLInputElement | any;\n  @Prop() id: DBInputProps[\"id\"];\n  @Prop() invalidMessage: DBInputProps[\"invalidMessage\"];\n  @Prop() dataListId: DBInputProps[\"dataListId\"];\n  @Prop() message: DBInputProps[\"message\"];\n  @Prop() showMessage: DBInputProps[\"showMessage\"];\n  @Prop() value: DBInputProps[\"value\"];\n  @Prop() validMessage: DBInputProps[\"validMessage\"];\n  @Prop() validation: DBInputProps[\"validation\"];\n  @Prop() required: DBInputProps[\"required\"];\n  @Prop() minLength: DBInputProps[\"minLength\"];\n  @Prop() maxLength: DBInputProps[\"maxLength\"];\n  @Prop() pattern: DBInputProps[\"pattern\"];\n  @Event() input: EventEmitter<\n    Parameters<Required<DBInputProps>[\"onInput\"]>[number]\n  > | void;\n  @Event() change: EventEmitter<\n    Parameters<Required<DBInputProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBInputProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBInputProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop() dataList: DBInputProps[\"dataList\"];\n  @Prop({attribute: \"classname\"}) className: DBInputProps[\"className\"];\n  @Prop() variant: DBInputProps[\"variant\"];\n  @Prop() showLabel: DBInputProps[\"showLabel\"];\n  @Prop() showIcon: DBInputProps[\"showIcon\"];\n  @Prop() icon: DBInputProps[\"icon\"];\n  @Prop() iconAfter: DBInputProps[\"iconAfter\"];\n  @Prop() label: DBInputProps[\"label\"];\n  @Prop() fieldSizing: DBInputProps[\"fieldSizing\"];\n  @Prop() name: DBInputProps[\"name\"];\n  @Prop() type: DBInputProps[\"type\"];\n  @Prop() placeholder: DBInputProps[\"placeholder\"];\n  @Prop() disabled: DBInputProps[\"disabled\"];\n  @Prop() step: DBInputProps[\"step\"];\n  @Prop() maxlength: DBInputProps[\"maxlength\"];\n  @Prop() minlength: DBInputProps[\"minlength\"];\n  @Prop() max: DBInputProps[\"max\"];\n  @Prop() min: DBInputProps[\"min\"];\n  @Prop() readOnly: DBInputProps[\"readOnly\"];\n  @Prop() readonly: DBInputProps[\"readonly\"];\n  @Prop() form: DBInputProps[\"form\"];\n  @Prop() size: DBInputProps[\"size\"];\n  @Prop() autocomplete: DBInputProps[\"autocomplete\"];\n  @Prop() autofocus: DBInputProps[\"autofocus\"];\n  @Prop() ariaDescribedBy: DBInputProps[\"ariaDescribedBy\"];\n  @Prop() messageIcon: DBInputProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _invalidMessage = undefined;\n  @State() _dataListId = undefined;\n  @State() _descByIds = \"\";\n  @State() _value = \"\";\n  @State() _voiceOverFallback = \"\";\n\n  hasValidState() {\n    return !!(this.validMessage ?? this.validation === \"valid\");\n  }\n  handleValidation() {\n    /* For a11y reasons we need to map the correct message with the input */\n    if (!this._ref?.validity.valid || this.validation === \"invalid\") {\n      this._descByIds = this._invalidMessageId;\n      this._invalidMessage =\n        this.invalidMessage ||\n        this._ref?.validationMessage ||\n        DEFAULT_INVALID_MESSAGE;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this._invalidMessage;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (\n      this.hasValidState() &&\n      this._ref?.validity.valid &&\n      (this.required || this.minLength || this.maxLength || this.pattern)\n    ) {\n      this._descByIds = this._validMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n    } else {\n      this._descByIds = \"\";\n    }\n  }\n  handleInput(event: InputEvent<HTMLInputElement>) {\n    if (this.input) {\n      this.input.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleChange(event: ChangeEvent<HTMLInputElement>) {\n    if (this.change) {\n      this.change.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleBlur(event: InteractionEvent<HTMLInputElement> | any) {\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLInputElement> | any) {\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n  getDataList() {\n    const _list = this.dataList;\n    return Array.from(\n      (isArrayOfStrings(_list)\n        ? _list?.map((val: string) => ({\n            value: val,\n            label: undefined,\n          }))\n        : _list) || []\n    );\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLInputElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    this._invalidMessage =\n      this.invalidMessage ||\n      this._ref?.validationMessage ||\n      DEFAULT_INVALID_MESSAGE;\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"invalidMessage\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._id) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      this._messageId = messageId;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      this._dataListId =\n        this.dataListId ?? this._id + DEFAULT_DATALIST_ID_SUFFIX;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this._descByIds = messageId;\n      }\n    }\n  }\n\n  @Watch(\"_id\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\n    this._value = this.value;\n  }\n\n  @Watch(\"value\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-input\");\n    const mId = this.id ?? `input-${uuid()}`;\n    this._id = mId;\n    this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n    this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n    this._dataListId = mId + DEFAULT_DATALIST_ID_SUFFIX;\n    this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-input\", this.className)}\n        data-variant={this.variant}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-icon={this.icon}\n        data-icon-after={this.iconAfter}\n        data-hide-icon-after={getHideProp(this.showIcon)}\n      >\n        <label htmlFor={this._id}>{this.label ?? DEFAULT_LABEL}</label>\n        <input\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          data-field-sizing={this.fieldSizing}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          id={this._id}\n          name={this.name}\n          type={this.type || \"text\"}\n          placeholder={this.placeholder ?? DEFAULT_PLACEHOLDER}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          required={getBoolean(this.required, \"required\")}\n          step={getNumber(this.step)}\n          value={this.value ?? this._value}\n          maxLength={getNumber(this.maxLength, this.maxlength)}\n          minLength={getNumber(this.minLength, this.minlength)}\n          max={getInputValue(this.max, this.type)}\n          min={getInputValue(this.min, this.type)}\n          readOnly={\n            getBoolean(this.readOnly, \"readOnly\") ||\n            getBoolean(this.readonly, \"readonly\")\n          }\n          form={this.form}\n          pattern={this.pattern}\n          size={this.size}\n          autoComplete={this.autocomplete}\n          autoFocus={getBoolean(this.autofocus, \"autofocus\")}\n          onInput={(event) => this.handleInput(event)}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n          list={this.dataList && this._dataListId}\n          aria-describedby={this.ariaDescribedBy ?? this._descByIds}\n        />\n        {this.dataList ? (\n          <datalist id={this._dataListId}>\n            {this.getDataList()?.map((option) => (\n              <option\n                key={this._dataListId + \"-option-\" + option.value}\n                value={option.value}\n              >\n                {option.label}\n              </option>\n            ))}\n          </datalist>\n        ) : null}\n        <slot></slot>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        {this.hasValidState() ? (\n          <db-infotext\n            size=\"small\"\n            semantic=\"successful\"\n            id={this._validMessageId}\n          >\n            {this.validMessage || DEFAULT_VALID_MESSAGE}\n          </db-infotext>\n        ) : null}\n        <db-infotext\n          size=\"small\"\n          semantic=\"critical\"\n          id={this._invalidMessageId}\n        >\n          {this._invalidMessage}\n        </db-infotext>\n        <span data-visually-hidden=\"true\" role=\"status\">\n          {this._voiceOverFallback}\n        </span>\n      </div>\n    );\n  }\n}\n","import { DBTagProps, DBTagState } from \"./model\";\nimport { cls, getBooleanAsString, getHideProp } from \"../../utils\";\nimport { DEFAULT_REMOVE } from \"../../shared/constants\";\nimport { ClickEvent } from \"../../shared/model\";\nimport { DBTooltip } from \"../tooltip/tooltip\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot content - TODO: Add description for slotContent\n */\n @Component({\n  tag: \"db-tag\",\n})\nexport class DBTag {\n  private _ref!: HTMLDivElement | any;\n  @Prop() disabled: DBTagProps[\"disabled\"];\n  @Event() remove: EventEmitter<\n    Parameters<Required<DBTagProps>[\"remove\"]>[number]\n  > | void;\n  @Prop() removeButton: DBTagProps[\"removeButton\"];\n  @Prop() id: DBTagProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBTagProps[\"className\"];\n  @Prop() semantic: DBTagProps[\"semantic\"];\n  @Prop() emphasis: DBTagProps[\"emphasis\"];\n  @Prop() icon: DBTagProps[\"icon\"];\n  @Prop() showCheckState: DBTagProps[\"showCheckState\"];\n  @Prop() showIcon: DBTagProps[\"showIcon\"];\n  @Prop() noText: DBTagProps[\"noText\"];\n  @Prop() overflow: DBTagProps[\"overflow\"];\n  @Prop() text: DBTagProps[\"text\"];\n  @Prop() behavior: DBTagProps[\"behavior\"];\n  @State() initialized = false;\n\n  handleRemove(event?: ClickEvent<HTMLButtonElement>) {\n    event?.stopPropagation();\n    if (this.remove) {\n      this.remove.emit(event);\n    }\n  }\n  getRemoveButtonText() {\n    if (this.removeButton) {\n      return this.removeButton;\n    }\n\n    // TODO: We should think this through again, if we would really like to have default and especially english, instead of german labels in here\n    return DEFAULT_REMOVE;\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.initialized && this._ref && this.disabled !== undefined) {\n      const button: HTMLButtonElement | null = this._ref?.querySelector(\n        \"button:not(.db-tab-remove-button)\"\n      );\n      const input: HTMLInputElement | null = this._ref?.querySelector(\"input\");\n      for (const element of [button, input]) {\n        if (element) {\n          element.disabled = Boolean(this.disabled);\n        }\n      }\n    }\n  }\n\n  @Watch(\"initialized\")\n  @Watch(\"disabled\")\n  @Watch(\"_ref\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-tag\");\n\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-tag\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-disabled={getBooleanAsString(this.disabled)}\n        data-semantic={this.semantic}\n        data-emphasis={this.emphasis}\n        data-icon={this.icon}\n        data-show-check-state={getBooleanAsString(this.showCheckState ?? true)}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-no-text={getBooleanAsString(this.noText)}\n        data-overflow={getBooleanAsString(this.overflow)}\n      >\n        <slot name=\"content\"></slot>\n        <slot></slot>\n        {this.text ? this.text : null}\n        {this.behavior === \"removable\" ? (\n          <button\n            class=\"db-button db-tab-remove-button\"\n            data-icon=\"cross\"\n            data-size=\"small\"\n            data-no-text=\"true\"\n            data-variant=\"ghost\"\n            type=\"button\"\n            onClick={(event) => this.handleRemove(event)}\n          >\n            <db-tooltip variant=\"label\">\n              {this.getRemoveButtonText()}\n            </db-tooltip>\n          </button>\n        ) : null}\n      </div>\n    );\n  }\n}\n","import { DBCustomSelectDropdownProps } from \"./model\";\nimport { cls } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-custom-select-dropdown\",\n})\nexport class DBCustomSelectDropdown {\n  private _ref!: HTMLDivElement | any;\n  @Prop() id: DBCustomSelectDropdownProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBCustomSelectDropdownProps[\"className\"];\n  @Prop() width: DBCustomSelectDropdownProps[\"width\"] = \"fixed\";\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-custom-select-dropdown\");\n  }\n\n  render() {\n    return (\n      <article\n        class={cls(\"db-custom-select-dropdown db-card\", this.className)}\n        data-spacing=\"none\"\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        data-width={this.width}\n      >\n        <slot></slot>\n      </article>\n    );\n  }\n}\n","import { DBCustomSelectListProps } from \"./model\";\nimport { cls } from \"../../utils\";\n\nimport { Component, h, Fragment, Prop } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-custom-select-list\",\n})\nexport class DBCustomSelectList {\n  private _ref!: HTMLDivElement | any;\n  @Prop() multiple: DBCustomSelectListProps[\"multiple\"];\n  @Prop() label: DBCustomSelectListProps[\"label\"];\n  @Prop() id: DBCustomSelectListProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBCustomSelectListProps[\"className\"];\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-custom-select-list\");\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-custom-select-list\", this.className)}\n        role={this.multiple ? \"group\" : \"radiogroup\"}\n        aria-label={this.label}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n      >\n        <ul>\n          <slot></slot>\n        </ul>\n      </div>\n    );\n  }\n}\n","import {\n  DBCustomSelectListItemProps,\n  DBCustomSelectListItemState,\n} from \"./model\";\nimport {\n  cls,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  uuid,\n} from \"../../utils\";\nimport { ChangeEvent } from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-custom-select-list-item\",\n})\nexport class DBCustomSelectListItem {\n  private _ref!: HTMLLIElement | any;\n  @Prop() id: DBCustomSelectListItemProps[\"id\"];\n  @Prop() isGroupTitle: DBCustomSelectListItemProps[\"isGroupTitle\"];\n  @Prop() showDivider: DBCustomSelectListItemProps[\"showDivider\"];\n  @Event() change: EventEmitter<\n    Parameters<Required<DBCustomSelectListItemProps>[\"onChange\"]>[number]\n  > | void;\n  @Prop() type: DBCustomSelectListItemProps[\"type\"];\n  @Prop() checked: DBCustomSelectListItemProps[\"checked\"];\n  @Prop({attribute: \"classname\"}) className: DBCustomSelectListItemProps[\"className\"];\n  @Prop() groupTitle: DBCustomSelectListItemProps[\"groupTitle\"];\n  @Prop() icon: DBCustomSelectListItemProps[\"icon\"];\n  @Prop() showIcon: DBCustomSelectListItemProps[\"showIcon\"];\n  @Prop() name: DBCustomSelectListItemProps[\"name\"];\n  @Prop() disabled: DBCustomSelectListItemProps[\"disabled\"];\n  @Prop() value: DBCustomSelectListItemProps[\"value\"];\n  @Prop() label: DBCustomSelectListItemProps[\"label\"];\n  @State() _id = undefined;\n  @State() hasDivider = false;\n\n  handleChange(event: ChangeEvent<HTMLInputElement>) {\n    event.stopPropagation();\n    if (this.change) {\n      this.change.emit(event);\n    }\n  }\n  getIconAfter() {\n    if (this.isGroupTitle || this.type === \"checkbox\") {\n      return;\n    }\n    return getBoolean(this.checked, \"checked\") ? \"check\" : \"x_placeholder\";\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    this.hasDivider = Boolean(this.isGroupTitle || this.showDivider);\n  }\n\n  @Watch(\"isGroupTitle\")\n  @Watch(\"showDivider\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-custom-select-list-item\");\n    this._id = this.id ?? `custom-select-list-item-${uuid()}`;\n    this.watch0Fn();\n  }\n\n  render() {\n    return (\n      <li\n        class={cls(\"db-custom-select-list-item\", this.className, {\n          \"db-checkbox\": this.type === \"checkbox\" && !this.isGroupTitle,\n          \"db-radio\": this.type !== \"checkbox\" && !this.isGroupTitle,\n        })}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this._id}\n        data-divider={getBooleanAsString(this.hasDivider)}\n      >\n        {!this.isGroupTitle ? (\n          <label\n            data-icon={\n              this.type !== \"checkbox\" && this.icon ? this.icon : undefined\n            }\n            data-hide-icon={getHideProp(this.showIcon)}\n            data-icon-after={this.getIconAfter()}\n          >\n            <input\n              class=\"db-custom-select-list-item-checkbox\"\n              data-disable-focus=\"true\"\n              type={this.type}\n              name={this.name}\n              form={this.name}\n              checked={getBoolean(this.checked, \"checked\")}\n              disabled={getBoolean(this.disabled, \"disabled\")}\n              value={this.value}\n              onChange={(event) => this.handleChange(event)}\n            />\n            {this.label ? this.label : <slot></slot>}\n          </label>\n        ) : (\n          <span>{this.groupTitle}</span>\n        )}\n      </li>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/{p-b4bc8f26.entry.js → p-0bb2fc14.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s}from"./p-bH2PZLSq.js";import{m as i,c as a}from"./p-pglUTSkG.js";const e=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-infotext")}render(){var t;return s("span",{key:"93d3fd56dc8b5d3e52d3b7339e93ed03f26739e9",class:a("db-infotext",this.className),ref:t=>{this._ref=t},id:this.id,"data-icon":this.icon,"data-semantic":this.semantic,"data-size":this.size,"data-hide-icon-before":i((t=this.showIcon)!==null&&t!==void 0?t:true)},this.text?this.text:s("slot",null))}};export{e as db_infotext};
-//# sourceMappingURL=p-b4bc8f26.entry.js.map
+import{r as t,h as s}from"./p-Ctmm4hMW.js";import{j as i,c as a}from"./p-BgQRUWMZ.js";const e=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-infotext")}render(){var t;return s("span",{key:"93d3fd56dc8b5d3e52d3b7339e93ed03f26739e9",class:a("db-infotext",this.className),ref:t=>{this._ref=t},id:this.id,"data-icon":this.icon,"data-semantic":this.semantic,"data-size":this.size,"data-hide-icon-before":i((t=this.showIcon)!==null&&t!==void 0?t:true)},this.text?this.text:s("slot",null))}};export{e as db_infotext};
+//# sourceMappingURL=p-0bb2fc14.entry.js.map

package/dist/db-ux/{p-16a0ae38.entry.js → p-0d8b6ecd.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as s}from"./p-bH2PZLSq.js";import{l as h,g as a,h as e,f as d,k as c}from"./p-DC9V_oNU.js";import{e as n,f as l,s as o,j as f,u as r,m as u,c as b}from"./p-pglUTSkG.js";const v=class{constructor(s){i(this,s);this.change=t(this,"change");this.blur=t(this,"blur");this.focus=t(this,"focus");this.initialized=false;this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=undefined;this._descByIds="";this._voiceOverFallback=""}hasValidState(){var i;return!!((i=this.validMessage)!==null&&i!==void 0?i:this.validation==="valid")}handleValidation(){var i,t,s,a;if(!((i=this._ref)===null||i===void 0?void 0:i.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;this._invalidMessage=this.invalidMessage||((t=this._ref)===null||t===void 0?void 0:t.validationMessage)||h;if(n()){this._voiceOverFallback=this._invalidMessage;l((()=>this._voiceOverFallback=""),1e3)}}else if(this.hasValidState()&&((s=this._ref)===null||s===void 0?void 0:s.validity.valid)&&this.required){this._descByIds=this._validMessageId;if(n()){this._voiceOverFallback=(a=this.validMessage)!==null&&a!==void 0?a:c;l((()=>this._voiceOverFallback=""),1e3)}}else if(o(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=""}}handleChange(i){if(this.change){this.change.emit(i)}this.handleValidation()}handleBlur(i){if(this.blur){this.blur.emit(i)}}handleFocus(i){if(this.focus){this.focus.emit(i)}}enableAttributePassing(i,t){const s=i===null||i===void 0?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let h=0;h<t.length;h++){const a=t.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){i.setAttribute(a.name,a.value);s.removeAttribute(a.name)}if(a&&a.name==="class"){const t=a.value.includes("hydrated");const h=a.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(a.name,`${e?`${e} `:""}${h}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(a.name)}}}}}watch0Fn(){var i;this._invalidMessage=this.invalidMessage||((i=this._ref)===null||i===void 0?void 0:i.validationMessage)||h}watch0(){this.watch0Fn()}watch1Fn(){if(this._id){const i=this._id+d;this._messageId=i;this._validMessageId=this._id+a;this._invalidMessageId=this._id+e;if(o(this.message,this.showMessage)){this._descByIds=i}}}watch1(){this.watch1Fn()}watch2Fn(){if(this._ref){if(this.indeterminate!==undefined){this._ref.indeterminate=!!f(this.indeterminate)}}}watch2(){this.watch2Fn()}watch3Fn(){if(this.initialized&&this._ref){if(this.checked!=undefined){this._ref.checked=!!f(this.checked)}this.initialized=false}}watch3(){this.watch3Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-checkbox");this.initialized=true;const t=(i=this.id)!==null&&i!==void 0?i:`checkbox-${r()}`;this._id=t;this._messageId=t+d;this._validMessageId=t+a;this._invalidMessageId=t+e;this._invalidMessage=this.invalidMessage||h;this.watch0Fn();this.watch1Fn();this.watch2Fn();this.watch3Fn()}render(){var i;return s("div",{key:"c767aa72ff67f8bf587192defae7eb03cedb95b8",class:b("db-checkbox",this.className),"data-size":this.size,"data-hide-label":u(this.showLabel)},s("label",{key:"3769c1fef75b7605af5eea2eb55ecf564fae2a9b",htmlFor:this._id},s("input",{key:"828715f192877772dc14e4492d2529c54131943f",type:"checkbox","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,name:this.name,checked:f(this.checked,"checked"),disabled:f(this.disabled,"disabled"),value:this.value,required:f(this.required,"required"),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":(i=this.ariaDescribedBy)!==null&&i!==void 0?i:this._descByIds}),this.label?this.label:s("slot",null)),o(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||c):null,s("db-infotext",{key:"9361cead7e186bc0907468d590a102c92dffa176",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"0f6c2e893a12bc54377a32f75723743ab5782309","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:["watch0","watch2","watch3"],invalidMessage:["watch0"],_id:["watch1"],initialized:["watch2","watch3"],indeterminate:["watch2"],checked:["watch3"]}}};export{v as db_checkbox};
-//# sourceMappingURL=p-16a0ae38.entry.js.map
+import{r as i,c as t,h as s}from"./p-Ctmm4hMW.js";import{l as h,g as a,h as e,f as d,k as c}from"./p-DC9V_oNU.js";import{h as n,d as l,s as o,b as f,u as r,j as u,c as b}from"./p-BgQRUWMZ.js";const v=class{constructor(s){i(this,s);this.change=t(this,"change");this.blur=t(this,"blur");this.focus=t(this,"focus");this.initialized=false;this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=undefined;this._descByIds="";this._voiceOverFallback=""}hasValidState(){var i;return!!((i=this.validMessage)!==null&&i!==void 0?i:this.validation==="valid")}handleValidation(){var i,t,s,a;if(!((i=this._ref)===null||i===void 0?void 0:i.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;this._invalidMessage=this.invalidMessage||((t=this._ref)===null||t===void 0?void 0:t.validationMessage)||h;if(n()){this._voiceOverFallback=this._invalidMessage;l((()=>this._voiceOverFallback=""),1e3)}}else if(this.hasValidState()&&((s=this._ref)===null||s===void 0?void 0:s.validity.valid)&&this.required){this._descByIds=this._validMessageId;if(n()){this._voiceOverFallback=(a=this.validMessage)!==null&&a!==void 0?a:c;l((()=>this._voiceOverFallback=""),1e3)}}else if(o(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=""}}handleChange(i){if(this.change){this.change.emit(i)}this.handleValidation()}handleBlur(i){if(this.blur){this.blur.emit(i)}}handleFocus(i){if(this.focus){this.focus.emit(i)}}enableAttributePassing(i,t){const s=i===null||i===void 0?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let h=0;h<t.length;h++){const a=t.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){i.setAttribute(a.name,a.value);s.removeAttribute(a.name)}if(a&&a.name==="class"){const t=a.value.includes("hydrated");const h=a.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(a.name,`${e?`${e} `:""}${h}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(a.name)}}}}}watch0Fn(){var i;this._invalidMessage=this.invalidMessage||((i=this._ref)===null||i===void 0?void 0:i.validationMessage)||h}watch0(){this.watch0Fn()}watch1Fn(){if(this._id){const i=this._id+d;this._messageId=i;this._validMessageId=this._id+a;this._invalidMessageId=this._id+e;if(o(this.message,this.showMessage)){this._descByIds=i}}}watch1(){this.watch1Fn()}watch2Fn(){if(this._ref){if(this.indeterminate!==undefined){this._ref.indeterminate=!!f(this.indeterminate)}}}watch2(){this.watch2Fn()}watch3Fn(){if(this.initialized&&this._ref){if(this.checked!=undefined){this._ref.checked=!!f(this.checked)}this.initialized=false}}watch3(){this.watch3Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-checkbox");this.initialized=true;const t=(i=this.id)!==null&&i!==void 0?i:`checkbox-${r()}`;this._id=t;this._messageId=t+d;this._validMessageId=t+a;this._invalidMessageId=t+e;this._invalidMessage=this.invalidMessage||h;this.watch0Fn();this.watch1Fn();this.watch2Fn();this.watch3Fn()}render(){var i;return s("div",{key:"c767aa72ff67f8bf587192defae7eb03cedb95b8",class:b("db-checkbox",this.className),"data-size":this.size,"data-hide-label":u(this.showLabel)},s("label",{key:"3769c1fef75b7605af5eea2eb55ecf564fae2a9b",htmlFor:this._id},s("input",{key:"828715f192877772dc14e4492d2529c54131943f",type:"checkbox","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},id:this._id,name:this.name,checked:f(this.checked,"checked"),disabled:f(this.disabled,"disabled"),value:this.value,required:f(this.required,"required"),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":(i=this.ariaDescribedBy)!==null&&i!==void 0?i:this._descByIds}),this.label?this.label:s("slot",null)),o(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||c):null,s("db-infotext",{key:"9361cead7e186bc0907468d590a102c92dffa176",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"0f6c2e893a12bc54377a32f75723743ab5782309","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:["watch0","watch2","watch3"],invalidMessage:["watch0"],_id:["watch1"],initialized:["watch2","watch3"],indeterminate:["watch2"],checked:["watch3"]}}};export{v as db_checkbox};
+//# sourceMappingURL=p-0d8b6ecd.entry.js.map

package/dist/db-ux/p-0f107c11.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as s,h as i}from"./p-Ctmm4hMW.js";import{s as a}from"./p-DC9V_oNU.js";import{b as e,s as n,j as o,c}from"./p-BgQRUWMZ.js";const l=class{constructor(i){t(this,i);this.close=s(this,"close")}handleClose(t){t.stopPropagation();if(this.close){this.close.emit(t)}}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const e=s.item(a);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);i.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const a=e.value.replace("hydrated","").trim();const n=t.getAttribute("class");t.setAttribute(e.name,`${n?`${n} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-notification")}render(){var t;return i("article",{key:"c3a9ffcbcbb1b4565916b8cde6e21a1eb51a11c4",class:c("db-notification",this.className),ref:t=>{this._ref=t},id:this.id,"aria-live":this.ariaLive,"data-semantic":this.semantic,"data-variant":this.variant,"data-icon":this.icon,"data-hide-icon":o(this.showIcon),"data-link-variant":this.linkVariant},i("slot",{key:"88b949c8458db7ec2d313ea0c27c4f296d23cb0a",name:"image"}),n(this.headline,this.showHeadline)?i("header",null,this.headline):null,i("p",{key:"50a4b06908d9505c8c15a80b64ad651cb98d203e"},this.text?this.text:i("slot",null)),n(this.timestamp,this.showTimestamp)?i("span",null,this.timestamp):null,i("slot",{key:"e6fa5ef24470f2a5686f52ef4adb452f251ceda4",name:"link"}),e(this.closeable,"closeable")?i("db-button",{icon:"cross",variant:"ghost",size:"small",id:this.closeButtonId,noText:true,onClick:t=>this.handleClose(t)},(t=this.closeButtonText)!==null&&t!==void 0?t:a):null)}};export{l as db_notification};
+//# sourceMappingURL=p-0f107c11.entry.js.map

package/dist/db-ux/{p-0740aa7d.entry.js → p-144ebba2.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as s,h as t}from"./p-bH2PZLSq.js";import{j as h,u as a,g as e,m as d,c}from"./p-pglUTSkG.js";const l=class{constructor(t){i(this,t);this.change=s(this,"change");this.blur=s(this,"blur");this.focus=s(this,"focus");this._id=undefined;this._checked=false}handleChange(i){var s;if(this.change){this.change.emit(i)}this._checked=(s=i.target)===null||s===void 0?void 0:s["checked"]}handleBlur(i){if(this.blur){this.blur.emit(i)}}handleFocus(i){if(this.focus){this.focus.emit(i)}}enableAttributePassing(i,s){const t=i===null||i===void 0?void 0:i.closest(s);if(i&&t){const s=t.attributes;for(let h=0;h<s.length;h++){const a=s.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){i.setAttribute(a.name,a.value);t.removeAttribute(a.name)}if(a&&a.name==="class"){const s=a.value.includes("hydrated");const h=a.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(a.name,`${e?`${e} `:""}${h}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(a.name)}}}}}watch0Fn(){if(this.checked!==undefined&&this.checked!==null){this._checked=h(this.checked)}}watch0(){this.watch0Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-switch");this._id=(i=this.id)!==null&&i!==void 0?i:`switch-${a()}`;this.watch0Fn()}render(){var i;return t("label",{key:"27f9111d3d3435f4f92ac229bfbe431537247a58",class:c("db-switch",this.className),"data-visual-aid":e(this.visualAid),"data-size":this.size,"data-hide-label":d(this.showLabel),"data-emphasis":this.emphasis,htmlFor:this._id},t("input",{key:"56f0cfd711812f7e3d2f78b373b0792e6a552d66",type:"checkbox",role:"switch",id:this._id,"aria-checked":e(this._checked),ref:i=>{this._ref=i},checked:h(this.checked,"checked"),value:this.value,disabled:h(this.disabled,"disabled"),"aria-describedby":(i=this.describedbyid)!==null&&i!==void 0?i:this.ariaDescribedBy,"aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,name:this.name,required:h(this.required,"required"),"data-aid-icon":this.icon,"data-aid-icon-after":this.iconAfter,onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i)}),this.label?this.label:t("slot",null))}static get watchers(){return{checked:["watch0"]}}};export{l as db_switch};
-//# sourceMappingURL=p-0740aa7d.entry.js.map
+import{r as i,c as s,h as t}from"./p-Ctmm4hMW.js";import{b as h,u as a,g as e,j as d,c}from"./p-BgQRUWMZ.js";const l=class{constructor(t){i(this,t);this.change=s(this,"change");this.blur=s(this,"blur");this.focus=s(this,"focus");this._id=undefined;this._checked=false}handleChange(i){var s;if(this.change){this.change.emit(i)}this._checked=(s=i.target)===null||s===void 0?void 0:s["checked"]}handleBlur(i){if(this.blur){this.blur.emit(i)}}handleFocus(i){if(this.focus){this.focus.emit(i)}}enableAttributePassing(i,s){const t=i===null||i===void 0?void 0:i.closest(s);if(i&&t){const s=t.attributes;for(let h=0;h<s.length;h++){const a=s.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){i.setAttribute(a.name,a.value);t.removeAttribute(a.name)}if(a&&a.name==="class"){const s=a.value.includes("hydrated");const h=a.value.replace("hydrated","").trim();const e=i.getAttribute("class");i.setAttribute(a.name,`${e?`${e} `:""}${h}`);if(s){t.setAttribute("class","hydrated")}else{t.removeAttribute(a.name)}}}}}watch0Fn(){if(this.checked!==undefined&&this.checked!==null){this._checked=h(this.checked)}}watch0(){this.watch0Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-switch");this._id=(i=this.id)!==null&&i!==void 0?i:`switch-${a()}`;this.watch0Fn()}render(){var i;return t("label",{key:"27f9111d3d3435f4f92ac229bfbe431537247a58",class:c("db-switch",this.className),"data-visual-aid":e(this.visualAid),"data-size":this.size,"data-hide-label":d(this.showLabel),"data-emphasis":this.emphasis,htmlFor:this._id},t("input",{key:"56f0cfd711812f7e3d2f78b373b0792e6a552d66",type:"checkbox",role:"switch",id:this._id,"aria-checked":e(this._checked),ref:i=>{this._ref=i},checked:h(this.checked,"checked"),value:this.value,disabled:h(this.disabled,"disabled"),"aria-describedby":(i=this.describedbyid)!==null&&i!==void 0?i:this.ariaDescribedBy,"aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,name:this.name,required:h(this.required,"required"),"data-aid-icon":this.icon,"data-aid-icon-after":this.iconAfter,onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i)}),this.label?this.label:t("slot",null))}static get watchers(){return{checked:["watch0"]}}};export{l as db_switch};
+//# sourceMappingURL=p-144ebba2.entry.js.map

package/dist/db-ux/{p-14c44b94.entry.js → p-1face452.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s}from"./p-bH2PZLSq.js";import{c as i}from"./p-pglUTSkG.js";const a=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const o=s.item(a);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){t.setAttribute(o.name,o.value);i.removeAttribute(o.name)}if(o&&o.name==="class"){const s=o.value.includes("hydrated");const a=o.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(o.name,`${d?`${d} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(o.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-icon")}render(){return s("span",{key:"8273d8d23fd22399202e8536862f536121dce2c0",class:i("db-icon",this.className),"aria-hidden":"true",ref:t=>{this._ref=t},id:this.id,"data-icon":this.icon,"data-icon-weight":this.weight,"data-icon-variant":this.variant},this.text?this.text:s("slot",null))}};export{a as db_icon};
-//# sourceMappingURL=p-14c44b94.entry.js.map
+import{r as t,h as s}from"./p-Ctmm4hMW.js";import{c as i}from"./p-BgQRUWMZ.js";const a=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const i=t===null||t===void 0?void 0:t.closest(s);if(t&&i){const s=i.attributes;for(let a=0;a<s.length;a++){const o=s.item(a);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){t.setAttribute(o.name,o.value);i.removeAttribute(o.name)}if(o&&o.name==="class"){const s=o.value.includes("hydrated");const a=o.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(o.name,`${d?`${d} `:""}${a}`);if(s){i.setAttribute("class","hydrated")}else{i.removeAttribute(o.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-icon")}render(){return s("span",{key:"8273d8d23fd22399202e8536862f536121dce2c0",class:i("db-icon",this.className),"aria-hidden":"true",ref:t=>{this._ref=t},id:this.id,"data-icon":this.icon,"data-icon-weight":this.weight,"data-icon-variant":this.variant},this.text?this.text:s("slot",null))}};export{a as db_icon};
+//# sourceMappingURL=p-1face452.entry.js.map

package/dist/db-ux/{p-8b7d868b.entry.js → p-36b32211.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,h as t}from"./p-bH2PZLSq.js";import{m as a,c as i}from"./p-pglUTSkG.js";import{q as o}from"./p-DC9V_oNU.js";const d=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const a=s===null||s===void 0?void 0:s.closest(t);if(s&&a){const t=a.attributes;for(let i=0;i<t.length;i++){const o=t.item(i);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){s.setAttribute(o.name,o.value);a.removeAttribute(o.name)}if(o&&o.name==="class"){const t=o.value.includes("hydrated");const i=o.value.replace("hydrated","").trim();const d=s.getAttribute("class");s.setAttribute(o.name,`${d?`${d} `:""}${i}`);if(t){a.setAttribute("class","hydrated")}else{a.removeAttribute(o.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-brand")}render(){var s;return t("div",{key:"fce3522d92cfce50d3a45e8240fa8fa5b9d71ec2",class:i("db-brand",this.className),ref:s=>{this._ref=s},"data-icon":this.hideLogo?"none":(s=this.icon)!==null&&s!==void 0?s:o,"data-hide-icon":a(this.showIcon),id:this.id},this.text?this.text:t("slot",null))}};export{d as db_brand};
-//# sourceMappingURL=p-8b7d868b.entry.js.map
+import{r as s,h as t}from"./p-Ctmm4hMW.js";import{j as a,c as i}from"./p-BgQRUWMZ.js";import{q as o}from"./p-DC9V_oNU.js";const d=class{constructor(t){s(this,t)}enableAttributePassing(s,t){const a=s===null||s===void 0?void 0:s.closest(t);if(s&&a){const t=a.attributes;for(let i=0;i<t.length;i++){const o=t.item(i);if(o&&(o.name.startsWith("data-")||o.name.startsWith("aria-"))){s.setAttribute(o.name,o.value);a.removeAttribute(o.name)}if(o&&o.name==="class"){const t=o.value.includes("hydrated");const i=o.value.replace("hydrated","").trim();const d=s.getAttribute("class");s.setAttribute(o.name,`${d?`${d} `:""}${i}`);if(t){a.setAttribute("class","hydrated")}else{a.removeAttribute(o.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-brand")}render(){var s;return t("div",{key:"fce3522d92cfce50d3a45e8240fa8fa5b9d71ec2",class:i("db-brand",this.className),ref:s=>{this._ref=s},"data-icon":this.hideLogo?"none":(s=this.icon)!==null&&s!==void 0?s:o,"data-hide-icon":a(this.showIcon),id:this.id},this.text?this.text:t("slot",null))}};export{d as db_brand};
+//# sourceMappingURL=p-36b32211.entry.js.map

package/dist/db-ux/p-3fe511ce.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as s,F as a}from"./p-Ctmm4hMW.js";import{u as h,d as n,b as e,g as o,j as d,c as l}from"./p-BgQRUWMZ.js";import{i as r,N as c}from"./p-BDA9dlfd.js";import{n as u}from"./p-DC9V_oNU.js";import"./p-DYeQU2bY.js";const v=class{constructor(s){i(this,s);this.click=t(this,"click");this.initialized=false;this.hasAreaPopup=false;this.hasSubNavigation=true;this.isSubNavigationExpanded=false;this.autoClose=false;this.subNavigationId="sub-navigation-"+h();this.navigationItemSafeTriangle=undefined}handleNavigationItemClick(i){if(r(i)){this.autoClose=true;n((()=>{this.autoClose=false}),300)}}handleClick(i){if(this.click){i.stopPropagation();this.click.emit(i)}if(this.hasAreaPopup){this.isSubNavigationExpanded=true}}handleBackClick(i){i.stopPropagation();this.isSubNavigationExpanded=false}enableAttributePassing(i,t){const s=i===null||i===void 0?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let a=0;a<t.length;a++){const h=t.item(a);if(h&&(h.name.startsWith("data-")||h.name.startsWith("aria-"))){i.setAttribute(h.name,h.value);s.removeAttribute(h.name)}if(h&&h.name==="class"){const t=h.value.includes("hydrated");const a=h.value.replace("hydrated","").trim();const n=i.getAttribute("class");i.setAttribute(h.name,`${n?`${n} `:""}${a}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(h.name)}}}}}watch0Fn(){if(this.subNavigationExpanded!==undefined){this.isSubNavigationExpanded=!!e(this.subNavigationExpanded,"subNavigationExpanded")}}watch0(){this.watch0Fn()}watch1Fn(){var i;if(this.initialized&&this._ref){const t=this._ref.querySelector("menu");if(t){if(((i=t.children)===null||i===void 0?void 0:i.length)>0){this.hasAreaPopup=true;if(!this.navigationItemSafeTriangle){this.navigationItemSafeTriangle=new c(this._ref,t)}}else{this.hasSubNavigation=false}}}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-navigation-item");this.initialized=true;this.watch0Fn();this.watch1Fn()}render(){var i;return s("li",{key:"4611c029f6c888eebfb7a2046b2971b4a36ebd1e",class:l("db-navigation-item",this.className),ref:i=>{this._ref=i},id:this.id,onMouseOver:()=>{var i;return(i=this.navigationItemSafeTriangle)===null||i===void 0?void 0:i.enableFollow()},onMouseLeave:()=>{var i;return(i=this.navigationItemSafeTriangle)===null||i===void 0?void 0:i.disableFollow()},onMouseMove:i=>{var t;return(t=this.navigationItemSafeTriangle)===null||t===void 0?void 0:t.followByMouseEvent(i)},"data-width":this.width,"data-icon":this.icon,"data-hide-icon":d(this.showIcon),"data-active":this.active,"data-wrap":o(this.wrap),"aria-disabled":o(this.disabled)},!this.hasSubNavigation?this.text?this.text:s("slot",null):null,this.hasSubNavigation?s(a,null,s("button",{class:"db-navigation-item-expand-button","aria-haspopup":this.hasAreaPopup,"aria-expanded":this.isSubNavigationExpanded,disabled:e(this.disabled,"disabled"),onClick:i=>this.handleClick(i)},this.text?this.text:s("slot",null)),s("menu",{class:"db-sub-navigation","data-auto-close":this.autoClose,id:this.subNavigationId,onClick:i=>this.handleNavigationItemClick(i)},this.hasAreaPopup?s("div",{class:"db-mobile-navigation-back"},s("db-button",{icon:"arrow_left",variant:"ghost",id:this.backButtonId,onClick:i=>this.handleBackClick(i)},(i=this.backButtonText)!==null&&i!==void 0?i:u)):null,s("slot",{name:"subNavigation"}))):null)}static get watchers(){return{subNavigationExpanded:["watch0"],initialized:["watch1"],_ref:["watch1"]}}};export{v as db_navigation_item};
+//# sourceMappingURL=p-3fe511ce.entry.js.map

package/dist/db-ux/{p-5c2eddb6.entry.js.map → p-3fe511ce.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["DBNavigationItem","constructor","hostRef","this","initialized","hasAreaPopup","hasSubNavigation","isSubNavigationExpanded","autoClose","subNavigationId","uuid","navigationItemSafeTriangle","undefined","handleNavigationItemClick","event","isEventTargetNavigationItem","delay","handleClick","click","stopPropagation","emit","handleBackClick","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","subNavigationExpanded","getBoolean","watch0","watch1Fn","_ref","subNavigationSlot","querySelector","_a","children","NavigationItemSafeTriangle","watch1","componentDidLoad","render","h","key","class","cls","className","ref","el","id","onMouseOver","enableFollow","onMouseLeave","disableFollow","onMouseMove","followByMouseEvent","width","icon","getHideProp","showIcon","active","getBooleanAsString","wrap","disabled","text","Fragment","onClick","variant","backButtonId","backButtonText","DEFAULT_BACK"],"sources":["src/components/navigation-item/navigation-item.tsx"],"sourcesContent":["import { DBNavigationItemProps, DBNavigationItemState } from \"./model\";\nimport { DBButton } from \"../button/button\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  uuid,\n} from \"../../utils\";\nimport {\n  isEventTargetNavigationItem,\n  NavigationItemSafeTriangle,\n} from \"../../utils/navigation\";\nimport { DEFAULT_BACK } from \"../../shared/constants\";\nimport { ClickEvent } from \"../../shared/model\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot subNavigation - TODO: Add description for slotSubNavigation\n */\n @Component({\n  tag: \"db-navigation-item\",\n})\nexport class DBNavigationItem {\n  private _ref!: HTMLLIElement | any;\n  @Prop() subNavigationExpanded: DBNavigationItemProps[\"subNavigationExpanded\"];\n  @Event() click: EventEmitter<\n    Parameters<Required<DBNavigationItemProps>[\"onClick\"]>[number]\n  > | void;\n  @Prop() id: DBNavigationItemProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBNavigationItemProps[\"className\"];\n  @Prop() width: DBNavigationItemProps[\"width\"];\n  @Prop() icon: DBNavigationItemProps[\"icon\"];\n  @Prop() showIcon: DBNavigationItemProps[\"showIcon\"];\n  @Prop() active: DBNavigationItemProps[\"active\"];\n  @Prop() wrap: DBNavigationItemProps[\"wrap\"];\n  @Prop() disabled: DBNavigationItemProps[\"disabled\"];\n  @Prop() text: DBNavigationItemProps[\"text\"];\n  @Prop() backButtonId: DBNavigationItemProps[\"backButtonId\"];\n  @Prop() backButtonText: DBNavigationItemProps[\"backButtonText\"];\n  @State() initialized = false;\n  @State() hasAreaPopup = false;\n  @State() hasSubNavigation = true;\n  @State() isSubNavigationExpanded = false;\n  @State() autoClose = false;\n  @State() subNavigationId = \"sub-navigation-\" + uuid();\n  @State() navigationItemSafeTriangle = undefined;\n\n  handleNavigationItemClick(event: unknown) {\n    if (isEventTargetNavigationItem(event)) {\n      this.autoClose = true;\n      delay(() => {\n        this.autoClose = false;\n      }, 300);\n    }\n  }\n  handleClick(event: ClickEvent<HTMLButtonElement> | any) {\n    if (this.click) {\n      event.stopPropagation();\n      this.click.emit(event);\n    }\n    if (this.hasAreaPopup) {\n      this.isSubNavigationExpanded = true;\n    }\n  }\n  handleBackClick(event: ClickEvent<HTMLButtonElement> | any) {\n    event.stopPropagation();\n    this.isSubNavigationExpanded = false;\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.subNavigationExpanded !== undefined) {\n      this.isSubNavigationExpanded = !!getBoolean(\n        this.subNavigationExpanded,\n        \"subNavigationExpanded\"\n      );\n    }\n  }\n\n  @Watch(\"subNavigationExpanded\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this.initialized && this._ref) {\n      const subNavigationSlot = this._ref.querySelector(\"menu\");\n      if (subNavigationSlot) {\n        if (subNavigationSlot.children?.length > 0) {\n          this.hasAreaPopup = true;\n          if (!this.navigationItemSafeTriangle) {\n            this.navigationItemSafeTriangle = new NavigationItemSafeTriangle(\n              this._ref,\n              subNavigationSlot\n            );\n          }\n        } else {\n          this.hasSubNavigation = false;\n        }\n      }\n    }\n  }\n\n  @Watch(\"initialized\")\n  @Watch(\"_ref\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-navigation-item\");\n    this.initialized = true;\n    this.watch0Fn();\n    this.watch1Fn();\n  }\n\n  render() {\n    return (\n      <li\n        class={cls(\"db-navigation-item\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        onMouseOver={() => this.navigationItemSafeTriangle?.enableFollow()}\n        onMouseLeave={() => this.navigationItemSafeTriangle?.disableFollow()}\n        onMouseMove={(event) =>\n          this.navigationItemSafeTriangle?.followByMouseEvent(event)\n        }\n        data-width={this.width}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-active={this.active}\n        data-wrap={getBooleanAsString(this.wrap)}\n        aria-disabled={getBooleanAsString(this.disabled)}\n      >\n        {!this.hasSubNavigation ? this.text ? this.text : <slot></slot> : null}\n        {this.hasSubNavigation ? (\n          <Fragment>\n            <button\n              class=\"db-navigation-item-expand-button\"\n              aria-haspopup={this.hasAreaPopup}\n              aria-expanded={this.isSubNavigationExpanded}\n              disabled={getBoolean(this.disabled, \"disabled\")}\n              onClick={(event) => this.handleClick(event)}\n            >\n              {this.text ? this.text : <slot></slot>}\n            </button>\n            <menu\n              class=\"db-sub-navigation\"\n              data-auto-close={this.autoClose}\n              id={this.subNavigationId}\n              onClick={(event) => this.handleNavigationItemClick(event)}\n            >\n              {this.hasAreaPopup ? (\n                <div class=\"db-mobile-navigation-back\">\n                  <db-button\n                    icon=\"arrow_left\"\n                    variant=\"ghost\"\n                    id={this.backButtonId}\n                    onClick={(event) => this.handleBackClick(event)}\n                  >\n                    {this.backButtonText ?? DEFAULT_BACK}\n                  </db-button>\n                </div>\n              ) : null}\n              <slot name=\"subNavigation\"></slot>\n            </menu>\n          </Fragment>\n        ) : null}\n      </li>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["DBNavigationItem","constructor","hostRef","this","initialized","hasAreaPopup","hasSubNavigation","isSubNavigationExpanded","autoClose","subNavigationId","uuid","navigationItemSafeTriangle","undefined","handleNavigationItemClick","event","isEventTargetNavigationItem","delay","handleClick","click","stopPropagation","emit","handleBackClick","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","subNavigationExpanded","getBoolean","watch0","watch1Fn","_ref","subNavigationSlot","querySelector","_a","children","NavigationItemSafeTriangle","watch1","componentDidLoad","render","h","key","class","cls","className","ref","el","id","onMouseOver","enableFollow","onMouseLeave","disableFollow","onMouseMove","followByMouseEvent","width","icon","getHideProp","showIcon","active","getBooleanAsString","wrap","disabled","text","Fragment","onClick","variant","backButtonId","backButtonText","DEFAULT_BACK"],"sources":["src/components/navigation-item/navigation-item.tsx"],"sourcesContent":["import { DBNavigationItemProps, DBNavigationItemState } from \"./model\";\nimport { DBButton } from \"../button/button\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getBooleanAsString,\n  getHideProp,\n  uuid,\n} from \"../../utils\";\nimport {\n  isEventTargetNavigationItem,\n  NavigationItemSafeTriangle,\n} from \"../../utils/navigation\";\nimport { DEFAULT_BACK } from \"../../shared/constants\";\nimport { ClickEvent } from \"../../shared/model\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot subNavigation - TODO: Add description for slotSubNavigation\n */\n @Component({\n  tag: \"db-navigation-item\",\n})\nexport class DBNavigationItem {\n  private _ref!: HTMLLIElement | any;\n  @Prop() subNavigationExpanded: DBNavigationItemProps[\"subNavigationExpanded\"];\n  @Event() click: EventEmitter<\n    Parameters<Required<DBNavigationItemProps>[\"onClick\"]>[number]\n  > | void;\n  @Prop() id: DBNavigationItemProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBNavigationItemProps[\"className\"];\n  @Prop() width: DBNavigationItemProps[\"width\"];\n  @Prop() icon: DBNavigationItemProps[\"icon\"];\n  @Prop() showIcon: DBNavigationItemProps[\"showIcon\"];\n  @Prop() active: DBNavigationItemProps[\"active\"];\n  @Prop() wrap: DBNavigationItemProps[\"wrap\"];\n  @Prop() disabled: DBNavigationItemProps[\"disabled\"];\n  @Prop() text: DBNavigationItemProps[\"text\"];\n  @Prop() backButtonId: DBNavigationItemProps[\"backButtonId\"];\n  @Prop() backButtonText: DBNavigationItemProps[\"backButtonText\"];\n  @State() initialized = false;\n  @State() hasAreaPopup = false;\n  @State() hasSubNavigation = true;\n  @State() isSubNavigationExpanded = false;\n  @State() autoClose = false;\n  @State() subNavigationId = \"sub-navigation-\" + uuid();\n  @State() navigationItemSafeTriangle = undefined;\n\n  handleNavigationItemClick(event: unknown) {\n    if (isEventTargetNavigationItem(event)) {\n      this.autoClose = true;\n      delay(() => {\n        this.autoClose = false;\n      }, 300);\n    }\n  }\n  handleClick(event: ClickEvent<HTMLButtonElement> | any) {\n    if (this.click) {\n      event.stopPropagation();\n      this.click.emit(event);\n    }\n    if (this.hasAreaPopup) {\n      this.isSubNavigationExpanded = true;\n    }\n  }\n  handleBackClick(event: ClickEvent<HTMLButtonElement> | any) {\n    event.stopPropagation();\n    this.isSubNavigationExpanded = false;\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this.subNavigationExpanded !== undefined) {\n      this.isSubNavigationExpanded = !!getBoolean(\n        this.subNavigationExpanded,\n        \"subNavigationExpanded\"\n      );\n    }\n  }\n\n  @Watch(\"subNavigationExpanded\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this.initialized && this._ref) {\n      const subNavigationSlot = this._ref.querySelector(\"menu\");\n      if (subNavigationSlot) {\n        if (subNavigationSlot.children?.length > 0) {\n          this.hasAreaPopup = true;\n          if (!this.navigationItemSafeTriangle) {\n            this.navigationItemSafeTriangle = new NavigationItemSafeTriangle(\n              this._ref,\n              subNavigationSlot\n            );\n          }\n        } else {\n          this.hasSubNavigation = false;\n        }\n      }\n    }\n  }\n\n  @Watch(\"initialized\")\n  @Watch(\"_ref\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-navigation-item\");\n    this.initialized = true;\n    this.watch0Fn();\n    this.watch1Fn();\n  }\n\n  render() {\n    return (\n      <li\n        class={cls(\"db-navigation-item\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n        onMouseOver={() => this.navigationItemSafeTriangle?.enableFollow()}\n        onMouseLeave={() => this.navigationItemSafeTriangle?.disableFollow()}\n        onMouseMove={(event) =>\n          this.navigationItemSafeTriangle?.followByMouseEvent(event)\n        }\n        data-width={this.width}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n        data-active={this.active}\n        data-wrap={getBooleanAsString(this.wrap)}\n        aria-disabled={getBooleanAsString(this.disabled)}\n      >\n        {!this.hasSubNavigation ? this.text ? this.text : <slot></slot> : null}\n        {this.hasSubNavigation ? (\n          <Fragment>\n            <button\n              class=\"db-navigation-item-expand-button\"\n              aria-haspopup={this.hasAreaPopup}\n              aria-expanded={this.isSubNavigationExpanded}\n              disabled={getBoolean(this.disabled, \"disabled\")}\n              onClick={(event) => this.handleClick(event)}\n            >\n              {this.text ? this.text : <slot></slot>}\n            </button>\n            <menu\n              class=\"db-sub-navigation\"\n              data-auto-close={this.autoClose}\n              id={this.subNavigationId}\n              onClick={(event) => this.handleNavigationItemClick(event)}\n            >\n              {this.hasAreaPopup ? (\n                <div class=\"db-mobile-navigation-back\">\n                  <db-button\n                    icon=\"arrow_left\"\n                    variant=\"ghost\"\n                    id={this.backButtonId}\n                    onClick={(event) => this.handleBackClick(event)}\n                  >\n                    {this.backButtonText ?? DEFAULT_BACK}\n                  </db-button>\n                </div>\n              ) : null}\n              <slot name=\"subNavigation\"></slot>\n            </menu>\n          </Fragment>\n        ) : null}\n      </li>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-474734cf.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i}from"./p-Ctmm4hMW.js";import{d as s,g as e,c as a}from"./p-BgQRUWMZ.js";import{b as o}from"./p-DYeQU2bY.js";import{D as h}from"./p-Dgkqk5fN.js";const n=class{constructor(i){t(this,i);this.initialized=false;this.isExpanded=false;this._documentScrollListenerCallbackId=undefined;this._observer=undefined}handleEscape(t){if(!t||t.key==="Escape"){for(const t of Array.from(this._ref.children)){t.blur()}}}handleAutoPlacement(){if(!this._ref)return;const t=this._ref.querySelector("article");if(t){s((()=>{var i;o(t,this._ref,(i=this.placement)!==null&&i!==void 0?i:"bottom")}),1)}}handleDocumentScroll(t){var i,s;if(((i=t===null||t===void 0?void 0:t.target)===null||i===void 0?void 0:i.contains)&&((s=t===null||t===void 0?void 0:t.target)===null||s===void 0?void 0:s.contains(this._ref))){this.handleAutoPlacement()}}handleEnter(){var t;this.isExpanded=true;this._documentScrollListenerCallbackId=(new h).addCallback((t=>this.handleDocumentScroll(t)));this.handleAutoPlacement();const i=this.getTrigger();if(i){(t=this._observer)===null||t===void 0?void 0:t.observe(i)}}handleLeave(t){var i;const s=t===null||t===void 0?void 0:t.target;const e=s===null||s===void 0?void 0:s.parentNode;if(!e||s.parentNode.querySelector(":focus")!==s&&s.parentNode.querySelector(":focus-within")!==s&&s.parentNode.querySelector(":hover")!==s){this.isExpanded=false;if(this._documentScrollListenerCallbackId){(new h).removeCallback(this._documentScrollListenerCallbackId)}const t=this.getTrigger();if(t){(i=this._observer)===null||i===void 0?void 0:i.unobserve(t)}}}getTrigger(){var t;if(this._ref){const i=Array.from(this._ref.children);if(i.length>=2){const s=i[0];if(s.tagName.includes("-")){return((t=s.children)===null||t===void 0?void 0:t.length)>0?s.children[0]:null}else{return s}}}return null}enableAttributePassing(t,i){const s=t===null||t===void 0?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let e=0;e<i.length;e++){const a=i.item(e);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){t.setAttribute(a.name,a.value);s.removeAttribute(a.name)}if(a&&a.name==="class"){const i=a.value.includes("hydrated");const e=a.value.replace("hydrated","").trim();const o=t.getAttribute("class");t.setAttribute(a.name,`${o?`${o} `:""}${e}`);if(i){s.setAttribute("class","hydrated")}else{s.removeAttribute(a.name)}}}}}watch0Fn(){if(this._ref&&this.initialized){this.initialized=false;const t=this.getTrigger();if(t){t.ariaHasPopup="true"}this.handleAutoPlacement();this._ref.addEventListener("keydown",(t=>this.handleEscape(t)));["mouseenter","focusin"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleEnter()))}));["mouseleave","focusout"].forEach((t=>{this._ref.addEventListener(t,(()=>this.handleLeave()))}));this._observer=new IntersectionObserver((t=>{const i=t.find((({target:t})=>t===this.getTrigger()));if(i&&!i.isIntersecting){this.handleEscape(false)}}))}}watch0(){this.watch0Fn()}watch1Fn(){if(this._ref){const t=this.getTrigger();if(t){t.ariaExpanded=Boolean(this.isExpanded).toString()}}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-popover");this.initialized=true;this.watch0Fn();this.watch1Fn()}render(){var t;return i("div",{key:"427fa21d533d868808eb48f691fd10b114941429",class:a("db-popover",this.className),ref:t=>{this._ref=t},id:this.id},i("slot",{key:"5db1f4e40e54d9874e9eeca0349955f1c20cb858",name:"trigger"}),i("article",{key:"76a3f14bc917010ab61b46cc8c6ff009d19eed08",class:"db-popover-content","data-spacing":this.spacing,"data-gap":e(this.gap),"data-animation":e((t=this.animation)!==null&&t!==void 0?t:true),"data-open":e(this.open),"data-delay":this.delay,"data-width":this.width,"data-placement":this.placement},i("slot",{key:"12dafac945922f511586216166870002e8d1a0c4"})))}static get watchers(){return{_ref:["watch0","watch1"],initialized:["watch0"],isExpanded:["watch1"]}}};export{n as db_popover};
+//# sourceMappingURL=p-474734cf.entry.js.map

package/dist/db-ux/p-474734cf.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DBPopover","constructor","hostRef","this","initialized","isExpanded","_documentScrollListenerCallbackId","undefined","_observer","handleEscape","event","key","child","Array","from","_ref","children","blur","handleAutoPlacement","article","querySelector","utilsDelay","handleFixedPopover","_a","placement","handleDocumentScroll","target","contains","_b","handleEnter","DocumentScrollListener","addCallback","getTrigger","observe","handleLeave","element","parent","parentNode","removeCallback","unobserve","length","firstChild","tagName","includes","enableAttributePassing","customElementSelector","closest","attributes","i","attr","item","name","startsWith","setAttribute","value","removeAttribute","isWebComponent","replace","trim","currentClass","getAttribute","watch0Fn","ariaHasPopup","addEventListener","forEach","IntersectionObserver","payload","entry","find","isIntersecting","watch0","watch1Fn","ariaExpanded","Boolean","toString","watch1","componentDidLoad","render","h","class","cls","className","ref","el","id","spacing","getBooleanAsString","gap","animation","open","delay","width"],"sources":["src/components/popover/popover.tsx"],"sourcesContent":["import { DBPopoverProps, DBPopoverState } from \"./model\";\nimport { cls, delay as utilsDelay, getBooleanAsString } from \"../../utils\";\nimport { handleFixedPopover } from \"../../utils/floating-components\";\nimport { DocumentScrollListener } from \"../../utils/document-scroll-listener\";\n\nimport { Component, h, Fragment, Watch, Prop, State } from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n * @slot trigger - TODO: Add description for slotTrigger\n */\n @Component({\n  tag: \"db-popover\",\n})\nexport class DBPopover {\n  private _ref!: HTMLDivElement | any;\n  @Prop() placement: DBPopoverProps[\"placement\"];\n  @Prop() id: DBPopoverProps[\"id\"];\n  @Prop({attribute: \"classname\"}) className: DBPopoverProps[\"className\"];\n  @Prop() spacing: DBPopoverProps[\"spacing\"];\n  @Prop() gap: DBPopoverProps[\"gap\"];\n  @Prop() animation: DBPopoverProps[\"animation\"];\n  @Prop() open: DBPopoverProps[\"open\"];\n  @Prop() delay: DBPopoverProps[\"delay\"];\n  @Prop() width: DBPopoverProps[\"width\"];\n  @State() initialized = false;\n  @State() isExpanded = false;\n  @State() _documentScrollListenerCallbackId = undefined;\n  @State() _observer = undefined;\n\n  handleEscape(event: any) {\n    if (!event || event.key === \"Escape\") {\n      // TODO: Recursive for any child\n      for (const child of Array.from(this._ref.children)) {\n        (child as HTMLElement).blur();\n      }\n    }\n  }\n  handleAutoPlacement() {\n    if (!this._ref) return;\n    const article = this._ref.querySelector(\"article\");\n    if (article) {\n      // This is a workaround for angular\n      utilsDelay(() => {\n        handleFixedPopover(\n          article,\n          this._ref,\n          (this.placement as unknown as string) ?? \"bottom\"\n        );\n      }, 1);\n    }\n  }\n  handleDocumentScroll(event: any) {\n    if (event?.target?.contains && event?.target?.contains(this._ref)) {\n      this.handleAutoPlacement();\n    }\n  }\n  handleEnter() {\n    this.isExpanded = true;\n    this._documentScrollListenerCallbackId =\n      new DocumentScrollListener().addCallback((event) =>\n        this.handleDocumentScroll(event)\n      );\n    this.handleAutoPlacement();\n    const child = this.getTrigger();\n    if (child) {\n      this._observer?.observe(child);\n    }\n  }\n  handleLeave(event?: any) {\n    const element = event?.target as HTMLElement;\n    const parent = element?.parentNode;\n    if (\n      !parent ||\n      (element.parentNode.querySelector(\":focus\") !== element &&\n        element.parentNode.querySelector(\":focus-within\") !== element &&\n        element.parentNode.querySelector(\":hover\") !== element)\n    ) {\n      this.isExpanded = false;\n      if (this._documentScrollListenerCallbackId) {\n        new DocumentScrollListener().removeCallback(\n          this._documentScrollListenerCallbackId!\n        );\n      }\n      const child = this.getTrigger();\n      if (child) {\n        this._observer?.unobserve(child);\n      }\n    }\n  }\n  getTrigger() {\n    if (this._ref) {\n      const children: Element[] = Array.from(this._ref.children);\n      if (children.length >= 2) {\n        const firstChild = children[0];\n        if (firstChild.tagName.includes(\"-\")) {\n          // this is a workaround for custom angular components\n          return firstChild.children?.length > 0\n            ? firstChild.children[0]\n            : null;\n        } else {\n          return firstChild;\n        }\n      }\n    }\n    return null;\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    if (this._ref && this.initialized) {\n      this.initialized = false;\n      const child = this.getTrigger();\n      if (child) {\n        child.ariaHasPopup = \"true\";\n      }\n      this.handleAutoPlacement();\n      this._ref.addEventListener(\"keydown\", (event: any) =>\n        this.handleEscape(event)\n      );\n      [\"mouseenter\", \"focusin\"].forEach((event) => {\n        this._ref.addEventListener(event, () => this.handleEnter());\n      });\n      [\"mouseleave\", \"focusout\"].forEach((event) => {\n        this._ref.addEventListener(event, () => this.handleLeave());\n      });\n      this._observer = new IntersectionObserver((payload) => {\n        const entry = payload.find(\n          ({ target }) => target === this.getTrigger()\n        );\n        if (entry && !entry.isIntersecting) {\n          this.handleEscape(false);\n        }\n      });\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"initialized\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._ref) {\n      const child = this.getTrigger();\n      if (child) {\n        child.ariaExpanded = Boolean(this.isExpanded).toString();\n      }\n    }\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"isExpanded\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-popover\");\n    this.initialized = true;\n    this.watch0Fn();\n    this.watch1Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-popover\", this.className)}\n        ref={(el: any) => {\n          this._ref = el;\n        }}\n        id={this.id}\n      >\n        <slot name=\"trigger\"></slot>\n        <article\n          class=\"db-popover-content\"\n          data-spacing={this.spacing}\n          data-gap={getBooleanAsString(this.gap)}\n          data-animation={getBooleanAsString(this.animation ?? true)}\n          data-open={getBooleanAsString(this.open)}\n          data-delay={this.delay}\n          data-width={this.width}\n          data-placement={this.placement}\n        >\n          <slot></slot>\n        </article>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/p-4c47f2d7.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as s,F as h}from"./p-Ctmm4hMW.js";import{h as e,d as a,s as d,u as l,b as n,j as o,c}from"./p-BgQRUWMZ.js";import{l as u,g as r,h as f,f as v,i as b,k as p,a as m}from"./p-DC9V_oNU.js";const y=class{constructor(s){i(this,s);this.click=t(this,"click");this.input=t(this,"input");this.change=t(this,"change");this.blur=t(this,"blur");this.focus=t(this,"focus");this._id=undefined;this._messageId=undefined;this._validMessageId=undefined;this._invalidMessageId=undefined;this._invalidMessage=undefined;this._placeholderId="";this._descByIds="";this._value="";this.initialized=false;this._voiceOverFallback=""}hasValidState(){var i;return!!((i=this.validMessage)!==null&&i!==void 0?i:this.validation==="valid")}handleValidation(){var i,t,s,h;if(!((i=this._ref)===null||i===void 0?void 0:i.validity.valid)||this.validation==="invalid"){this._descByIds=this._invalidMessageId;this._invalidMessage=this.invalidMessage||((t=this._ref)===null||t===void 0?void 0:t.validationMessage)||u;if(e()){this._voiceOverFallback=this._invalidMessage;a((()=>this._voiceOverFallback=""),1e3)}}else if(this.hasValidState()&&((s=this._ref)===null||s===void 0?void 0:s.validity.valid)&&this.required){this._descByIds=this._validMessageId;if(e()){this._voiceOverFallback=(h=this.validMessage)!==null&&h!==void 0?h:p;a((()=>this._voiceOverFallback=""),1e3)}}else if(d(this.message,this.showMessage)){this._descByIds=this._messageId}else{this._descByIds=this._placeholderId}}handleClick(i){if(this.click){this.click.emit(i)}}handleInput(i){if(this.input){this.input.emit(i)}this.handleValidation()}handleChange(i){if(this.change){this.change.emit(i)}this.handleValidation()}handleBlur(i){if(this.blur){this.blur.emit(i)}}handleFocus(i){if(this.focus){this.focus.emit(i)}}getOptionLabel(i){var t,s;return(t=i.label)!==null&&t!==void 0?t:(s=i.value)===null||s===void 0?void 0:s.toString()}enableAttributePassing(i,t){const s=i===null||i===void 0?void 0:i.closest(t);if(i&&s){const t=s.attributes;for(let h=0;h<t.length;h++){const e=t.item(h);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){i.setAttribute(e.name,e.value);s.removeAttribute(e.name)}if(e&&e.name==="class"){const t=e.value.includes("hydrated");const h=e.value.replace("hydrated","").trim();const a=i.getAttribute("class");i.setAttribute(e.name,`${a?`${a} `:""}${h}`);if(t){s.setAttribute("class","hydrated")}else{s.removeAttribute(e.name)}}}}}watch0Fn(){var i;this._invalidMessage=this.invalidMessage||((i=this._ref)===null||i===void 0?void 0:i.validationMessage)||u}watch0(){this.watch0Fn()}watch1Fn(){if(this._id&&this.initialized){const i=this._id+v;const t=this._id+b;this._messageId=i;this._validMessageId=this._id+r;this._invalidMessageId=this._id+f;this._placeholderId=t;if(d(this.message,this.showMessage)){this._descByIds=i}else{this._descByIds=t}this.initialized=false}}watch1(){this.watch1Fn()}watch2Fn(){this._value=this.value}watch2(){this.watch2Fn()}componentDidLoad(){var i;this.enableAttributePassing(this._ref,"db-select");this.initialized=true;const t=(i=this.id)!==null&&i!==void 0?i:`select-${l()}`;this._id=t;this._messageId=t+v;this._validMessageId=t+r;this._invalidMessageId=t+f;this._placeholderId=t+b;this._invalidMessage=this.invalidMessage||u;this.watch0Fn();this.watch1Fn();this.watch2Fn()}render(){var i,t,e,a,l,u;return s("div",{key:"074763175e55e0b1d038a99c0f9f466274b3688c",class:c("db-select",this.className),"data-variant":this.variant,"data-hide-label":o(this.showLabel),"data-icon":this.icon,"data-hide-icon":o(this.showIcon)},s("label",{key:"565555aba5062ca01850d0da0d053c521840cb96",htmlFor:this._id},(i=this.label)!==null&&i!==void 0?i:m),s("select",{key:"db01ae9a1da10bd63f2205c40cda63b03991eef2","aria-invalid":this.validation==="invalid","data-custom-validity":this.validation,ref:i=>{this._ref=i},required:n(this.required,"required"),disabled:n(this.disabled,"disabled"),id:this._id,name:this.name,size:this.size,value:(t=this.value)!==null&&t!==void 0?t:this._value,autocomplete:this.autocomplete,multiple:this.multiple,onInput:i=>this.handleInput(i),onClick:i=>this.handleClick(i),onChange:i=>this.handleChange(i),onBlur:i=>this.handleBlur(i),onFocus:i=>this.handleFocus(i),"aria-describedby":(e=this.ariaDescribedBy)!==null&&e!==void 0?e:this._descByIds},s("option",{key:"95f027a03b81685cd6ce514e382b06fe2832c5f4",hidden:true}),((a=this.options)===null||a===void 0?void 0:a.length)?(l=this.options)===null||l===void 0?void 0:l.map((i=>{var t;return s(h,null,i.options?s("optgroup",{label:this.getOptionLabel(i),key:undefined},(t=i.options)===null||t===void 0?void 0:t.map((i=>s("option",{value:i.value,selected:i.selected,disabled:i.disabled,key:undefined},this.getOptionLabel(i))))):s("option",{value:i.value,disabled:i.disabled,selected:i.selected,key:undefined},this.getOptionLabel(i)))})):s("slot",null)),s("span",{key:"32708e12adba5feed5b40a8eca55633579698225",id:this._placeholderId},(u=this.placeholder)!==null&&u!==void 0?u:this.label),d(this.message,this.showMessage)?s("db-infotext",{size:"small",icon:this.messageIcon,id:this._messageId},this.message):null,this.hasValidState()?s("db-infotext",{size:"small",semantic:"successful",id:this._validMessageId},this.validMessage||p):null,s("db-infotext",{key:"096600e52fa801ce99d84869fae5c21703509f87",size:"small",semantic:"critical",id:this._invalidMessageId},this._invalidMessage),s("span",{key:"8e2f86be314a8dceff8a047e93319fbe0e68dd62","data-visually-hidden":"true",role:"status"},this._voiceOverFallback))}static get watchers(){return{_ref:["watch0"],invalidMessage:["watch0"],_id:["watch1"],initialized:["watch1"],value:["watch2"]}}};export{y as db_select};
+//# sourceMappingURL=p-4c47f2d7.entry.js.map

package/dist/db-ux/p-4c47f2d7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DBSelect","constructor","hostRef","this","_id","undefined","_messageId","_validMessageId","_invalidMessageId","_invalidMessage","_placeholderId","_descByIds","_value","initialized","_voiceOverFallback","hasValidState","_a","validMessage","validation","handleValidation","_ref","validity","valid","invalidMessage","_b","validationMessage","DEFAULT_INVALID_MESSAGE","hasVoiceOver","delay","_c","required","_d","DEFAULT_VALID_MESSAGE","stringPropVisible","message","showMessage","handleClick","event","click","emit","handleInput","input","handleChange","change","handleBlur","blur","handleFocus","focus","getOptionLabel","option","label","value","toString","enableAttributePassing","element","customElementSelector","parent","closest","attributes","i","length","attr","item","name","startsWith","setAttribute","removeAttribute","isWebComponent","includes","replace","trim","currentClass","getAttribute","watch0Fn","watch0","watch1Fn","messageId","DEFAULT_MESSAGE_ID_SUFFIX","placeholderId","DEFAULT_PLACEHOLDER_ID_SUFFIX","DEFAULT_VALID_MESSAGE_ID_SUFFIX","DEFAULT_INVALID_MESSAGE_ID_SUFFIX","watch1","watch2Fn","watch2","componentDidLoad","mId","id","uuid","render","h","key","class","cls","className","variant","getHideProp","showLabel","icon","showIcon","htmlFor","DEFAULT_LABEL","ref","el","getBoolean","disabled","size","autocomplete","multiple","onInput","onClick","onChange","onBlur","onFocus","ariaDescribedBy","hidden","options","_e","map","Fragment","optgroupOption","selected","_f","placeholder","messageIcon","semantic","role"],"sources":["src/components/select/select.tsx"],"sourcesContent":["import { DBSelectOptionType, DBSelectProps, DBSelectState } from \"./model\";\nimport {\n  cls,\n  delay,\n  getBoolean,\n  getHideProp,\n  getOptionKey,\n  hasVoiceOver,\n  stringPropVisible,\n  uuid,\n} from \"../../utils\";\nimport {\n  DEFAULT_INVALID_MESSAGE,\n  DEFAULT_INVALID_MESSAGE_ID_SUFFIX,\n  DEFAULT_LABEL,\n  DEFAULT_MESSAGE_ID_SUFFIX,\n  DEFAULT_PLACEHOLDER_ID_SUFFIX,\n  DEFAULT_VALID_MESSAGE,\n  DEFAULT_VALID_MESSAGE_ID_SUFFIX,\n} from \"../../shared/constants\";\nimport { DBInfotext } from \"../infotext/infotext\";\nimport {\n  ChangeEvent,\n  ClickEvent,\n  InputEvent,\n  InteractionEvent,\n} from \"../../shared/model\";\nimport {\n  handleFrameworkEventAngular,\n  handleFrameworkEventVue,\n} from \"../../utils/form-components\";\n\nimport {\n  Component,\n  h,\n  Fragment,\n  Watch,\n  Event,\n  EventEmitter,\n  Prop,\n  State,\n} from \"@stencil/core\";\n\n\n/**\n * @slot children - This is a default/unnamed slot\n\n */\n @Component({\n  tag: \"db-select\",\n})\nexport class DBSelect {\n  private _ref!: HTMLSelectElement | any;\n  @Prop() id: DBSelectProps[\"id\"];\n  @Prop() invalidMessage: DBSelectProps[\"invalidMessage\"];\n  @Prop() message: DBSelectProps[\"message\"];\n  @Prop() showMessage: DBSelectProps[\"showMessage\"];\n  @Prop() value: DBSelectProps[\"value\"];\n  @Prop() validMessage: DBSelectProps[\"validMessage\"];\n  @Prop() validation: DBSelectProps[\"validation\"];\n  @Prop() required: DBSelectProps[\"required\"];\n  @Event() click: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onClick\"]>[number]\n  > | void;\n  @Event() input: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onInput\"]>[number]\n  > | void;\n  @Event() change: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onChange\"]>[number]\n  > | void;\n  @Event() blur: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onBlur\"]>[number]\n  > | void;\n  @Event() focus: EventEmitter<\n    Parameters<Required<DBSelectProps>[\"onFocus\"]>[number]\n  > | void;\n  @Prop({attribute: \"classname\"}) className: DBSelectProps[\"className\"];\n  @Prop() variant: DBSelectProps[\"variant\"];\n  @Prop() showLabel: DBSelectProps[\"showLabel\"];\n  @Prop() icon: DBSelectProps[\"icon\"];\n  @Prop() showIcon: DBSelectProps[\"showIcon\"];\n  @Prop() label: DBSelectProps[\"label\"];\n  @Prop() disabled: DBSelectProps[\"disabled\"];\n  @Prop() name: DBSelectProps[\"name\"];\n  @Prop() size: DBSelectProps[\"size\"];\n  @Prop() autocomplete: DBSelectProps[\"autocomplete\"];\n  @Prop() multiple: DBSelectProps[\"multiple\"];\n  @Prop() ariaDescribedBy: DBSelectProps[\"ariaDescribedBy\"];\n  @Prop() options: DBSelectProps[\"options\"];\n  @Prop() placeholder: DBSelectProps[\"placeholder\"];\n  @Prop() messageIcon: DBSelectProps[\"messageIcon\"];\n  @State() _id = undefined;\n  @State() _messageId = undefined;\n  @State() _validMessageId = undefined;\n  @State() _invalidMessageId = undefined;\n  @State() _invalidMessage = undefined;\n  @State() _placeholderId = \"\";\n  @State() _descByIds = \"\";\n  @State() _value = \"\";\n  @State() initialized = false;\n  @State() _voiceOverFallback = \"\";\n\n  hasValidState() {\n    return !!(this.validMessage ?? this.validation === \"valid\");\n  }\n  handleValidation() {\n    /* For a11y reasons we need to map the correct message with the select */\n    if (!this._ref?.validity.valid || this.validation === \"invalid\") {\n      this._descByIds = this._invalidMessageId;\n      this._invalidMessage =\n        this.invalidMessage ||\n        this._ref?.validationMessage ||\n        DEFAULT_INVALID_MESSAGE;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this._invalidMessage;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (\n      this.hasValidState() &&\n      this._ref?.validity.valid &&\n      this.required\n    ) {\n      this._descByIds = this._validMessageId;\n      if (hasVoiceOver()) {\n        this._voiceOverFallback = this.validMessage ?? DEFAULT_VALID_MESSAGE;\n        delay(() => (this._voiceOverFallback = \"\"), 1000);\n      }\n    } else if (stringPropVisible(this.message, this.showMessage)) {\n      this._descByIds = this._messageId;\n    } else {\n      this._descByIds = this._placeholderId;\n    }\n  }\n  handleClick(event: ClickEvent<HTMLSelectElement> | any) {\n    if (this.click) {\n      this.click.emit(event);\n    }\n  }\n  handleInput(event: InputEvent<HTMLSelectElement> | any) {\n    if (this.input) {\n      this.input.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleChange(event: ChangeEvent<HTMLSelectElement> | any) {\n    if (this.change) {\n      this.change.emit(event);\n    }\n    this.handleValidation();\n  }\n  handleBlur(event: InteractionEvent<HTMLSelectElement> | any) {\n    if (this.blur) {\n      this.blur.emit(event);\n    }\n  }\n  handleFocus(event: InteractionEvent<HTMLSelectElement> | any) {\n    if (this.focus) {\n      this.focus.emit(event);\n    }\n  }\n  getOptionLabel(option: DBSelectOptionType) {\n    return option.label ?? option.value?.toString();\n  }\n\n  /**\n   * Passes `aria-*`, `data-*` & `class` attributes to correct child. Used in angular and stencil.\n   * @param element  the ref for the component\n   * @param customElementSelector  the custom element like `my-component`\n   */\n  private enableAttributePassing(\n    element: HTMLSelectElement | null,\n    customElementSelector: string\n  ) {\n    const parent = element?.closest(customElementSelector);\n    if (element && parent) {\n      const attributes = parent.attributes;\n      for (let i = 0; i < attributes.length; i++) {\n        const attr = attributes.item(i);\n        if (\n          attr &&\n          (attr.name.startsWith(\"data-\") || attr.name.startsWith(\"aria-\"))\n        ) {\n          element.setAttribute(attr.name, attr.value);\n          parent.removeAttribute(attr.name);\n        }\n        if (attr && attr.name === \"class\") {\n          const isWebComponent = attr.value.includes(\"hydrated\");\n          const value = attr.value.replace(\"hydrated\", \"\").trim();\n          const currentClass = element.getAttribute(\"class\");\n          element.setAttribute(\n            attr.name,\n            `${currentClass ? `${currentClass} ` : \"\"}${value}`\n          );\n          if (isWebComponent) {\n            // Stencil is using this class for lazy loading component\n            parent.setAttribute(\"class\", \"hydrated\");\n          } else {\n            parent.removeAttribute(attr.name);\n          }\n        }\n      }\n    }\n  }\n\n  watch0Fn() {\n    this._invalidMessage =\n      this.invalidMessage ||\n      this._ref?.validationMessage ||\n      DEFAULT_INVALID_MESSAGE;\n  }\n\n  @Watch(\"_ref\")\n  @Watch(\"invalidMessage\")\n  watch0() {\n    this.watch0Fn();\n  }\n\n  watch1Fn() {\n    if (this._id && this.initialized) {\n      const messageId = this._id + DEFAULT_MESSAGE_ID_SUFFIX;\n      const placeholderId = this._id + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n      this._messageId = messageId;\n      this._validMessageId = this._id + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n      this._invalidMessageId = this._id + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n      this._placeholderId = placeholderId;\n      if (stringPropVisible(this.message, this.showMessage)) {\n        this._descByIds = messageId;\n      } else {\n        this._descByIds = placeholderId;\n      }\n      this.initialized = false;\n    }\n  }\n\n  @Watch(\"_id\")\n  @Watch(\"initialized\")\n  watch1() {\n    this.watch1Fn();\n  }\n\n  watch2Fn() {\n    this._value = this.value;\n  }\n\n  @Watch(\"value\")\n  watch2() {\n    this.watch2Fn();\n  }\n\n  componentDidLoad() {\n    this.enableAttributePassing(this._ref, \"db-select\");\n    this.initialized = true;\n    const mId = this.id ?? `select-${uuid()}`;\n    this._id = mId;\n    this._messageId = mId + DEFAULT_MESSAGE_ID_SUFFIX;\n    this._validMessageId = mId + DEFAULT_VALID_MESSAGE_ID_SUFFIX;\n    this._invalidMessageId = mId + DEFAULT_INVALID_MESSAGE_ID_SUFFIX;\n    this._placeholderId = mId + DEFAULT_PLACEHOLDER_ID_SUFFIX;\n    this._invalidMessage = this.invalidMessage || DEFAULT_INVALID_MESSAGE;\n    this.watch0Fn();\n    this.watch1Fn();\n    this.watch2Fn();\n  }\n\n  render() {\n    return (\n      <div\n        class={cls(\"db-select\", this.className)}\n        data-variant={this.variant}\n        data-hide-label={getHideProp(this.showLabel)}\n        data-icon={this.icon}\n        data-hide-icon={getHideProp(this.showIcon)}\n      >\n        <label htmlFor={this._id}>{this.label ?? DEFAULT_LABEL}</label>\n        <select\n          aria-invalid={this.validation === \"invalid\"}\n          data-custom-validity={this.validation}\n          ref={(el: any) => {\n            this._ref = el;\n          }}\n          required={getBoolean(this.required, \"required\")}\n          disabled={getBoolean(this.disabled, \"disabled\")}\n          id={this._id}\n          name={this.name}\n          size={this.size}\n          /* @ts-ignore */\nvalue={this.value ?? this._value}\n          autocomplete={this.autocomplete}\n          multiple={this.multiple}\n          onInput={(event) => this.handleInput(event)}\n          onClick={(event) => this.handleClick(event)}\n          onChange={(event) => this.handleChange(event)}\n          onBlur={(event) => this.handleBlur(event)}\n          onFocus={(event) => this.handleFocus(event)}\n          aria-describedby={this.ariaDescribedBy ?? this._descByIds}\n        >\n          <option hidden={true}></option>\n          {this.options?.length ? (\n            this.options?.map((option) => (\n              <Fragment>\n                {option.options ? (\n                  <optgroup label={this.getOptionLabel(option)} key={undefined}>\n                    {option.options?.map((optgroupOption) => (\n                      <option\n                        value={optgroupOption.value}\n                        selected={optgroupOption.selected}\n                        disabled={optgroupOption.disabled}\n                        key={undefined}\n                      >\n                        {this.getOptionLabel(optgroupOption)}\n                      </option>\n                    ))}\n                  </optgroup>\n                ) : (\n                  <option\n                    value={option.value}\n                    disabled={option.disabled}\n                    selected={option.selected}\n                    key={undefined}\n                  >\n                    {this.getOptionLabel(option)}\n                  </option>\n                )}\n              </Fragment>\n            ))\n          ) : (\n            <slot></slot>\n          )}\n        </select>\n        <span id={this._placeholderId}>{this.placeholder ?? this.label}</span>\n        {stringPropVisible(this.message, this.showMessage) ? (\n          <db-infotext\n            size=\"small\"\n            icon={this.messageIcon}\n            id={this._messageId}\n          >\n            {this.message}\n          </db-infotext>\n        ) : null}\n        {this.hasValidState() ? (\n          <db-infotext\n            size=\"small\"\n            semantic=\"successful\"\n            id={this._validMessageId}\n          >\n            {this.validMessage || DEFAULT_VALID_MESSAGE}\n          </db-infotext>\n        ) : null}\n        <db-infotext\n          size=\"small\"\n          semantic=\"critical\"\n          id={this._invalidMessageId}\n        >\n          {this._invalidMessage}\n        </db-infotext>\n        <span data-visually-hidden=\"true\" role=\"status\">\n          {this._voiceOverFallback}\n        </span>\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/db-ux/{p-55b02c80.entry.js → p-53f83d20.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h as a}from"./p-bH2PZLSq.js";import{g as i,m as e,j as d,c,u as h}from"./p-pglUTSkG.js";import{D as n}from"./p-DC9V_oNU.js";const o=class{constructor(a){t(this,a);this.change=s(this,"change");this._selected=false;this._name=undefined;this.initialized=false}handleNameAttribute(){if(this._ref){const t=this._ref.setAttribute;this._ref.setAttribute=(s,a)=>{t.call(this._ref,s,a);if(s==="name"){this._name=a}}}}handleChange(t){var s;t.stopPropagation();if(this.change){this.change.emit(t)}const a=(s=t.target)===null||s===void 0?void 0:s["checked"];this._selected=i(a)}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}watch0Fn(){if(this.initialized&&this._ref){if(this.active){this._ref.click()}this.initialized=false}}watch0(){this.watch0Fn()}watch1Fn(){if(this.name){this._name=this.name}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-item");this.initialized=true;this.watch0Fn();this.watch1Fn()}render(){return a("li",{key:"f6736b93c402902cda45e0efe5d84effba2888d9",class:c("db-tab-item",this.className),role:"none"},a("label",{key:"085df5637baad97ee075e5f955701e7162d33e8b",htmlFor:this.id,"data-icon":this.icon,"data-icon-after":this.iconAfter,"data-hide-icon":e(this.showIcon),"data-hide-icon-after":e(this.showIcon),"data-no-text":i(this.noText)},a("input",{key:"c0991cadeeb0a525e2a450948f935a4cf274c39a",type:"radio",role:"tab",disabled:d(this.disabled,"disabled"),"aria-selected":this._selected,"aria-controls":this.controls,checked:d(this.checked,"checked"),ref:t=>{this._ref=t},name:this._name,id:this.id,onInput:t=>this.handleChange(t)}),this.label?this.label:null,a("slot",{key:"f3eda59ab27578855ab52c916ccba5c0793e9d0b"})))}static get watchers(){return{_ref:["watch0"],initialized:["watch0"],name:["watch1"]}}};const l=class{constructor(s){t(this,s);this._id=n}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-list");this._id=this.id||"tab-list-"+h()}render(){return a("div",{key:"5e6faa8b67366ce60f67cb2238815dd3f28b71e9",class:c("db-tab-list",this.className),ref:t=>{this._ref=t},id:this._id},a("ul",{key:"61bcb604fca944ebe07a0918ea84503a4589dd85",role:"tablist"},a("slot",{key:"2ddb39c9465ac435ac294eb68f0065b1634508d0"})))}};const r=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-panel")}render(){return a("section",{key:"787a669772c3ad5989f5a5c8b6438ed64fd85279",class:c("db-tab-panel",this.className),role:"tabpanel",ref:t=>{this._ref=t},id:this.id,"aria-labelledby":this.labelledBy},this.content?this.content:null,a("slot",{key:"855217da7aebeb9a3df10efffb5afc9ca7049dda"}))}};export{o as db_tab_item,l as db_tab_list,r as db_tab_panel};
-//# sourceMappingURL=p-55b02c80.entry.js.map
+import{r as t,c as s,h as a}from"./p-Ctmm4hMW.js";import{g as i,j as e,b as d,c,u as h}from"./p-BgQRUWMZ.js";import{D as n}from"./p-DC9V_oNU.js";const o=class{constructor(a){t(this,a);this.change=s(this,"change");this._selected=false;this._name=undefined;this.initialized=false}handleNameAttribute(){if(this._ref){const t=this._ref.setAttribute;this._ref.setAttribute=(s,a)=>{t.call(this._ref,s,a);if(s==="name"){this._name=a}}}}handleChange(t){var s;t.stopPropagation();if(this.change){this.change.emit(t)}const a=(s=t.target)===null||s===void 0?void 0:s["checked"];this._selected=i(a)}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}watch0Fn(){if(this.initialized&&this._ref){if(this.active){this._ref.click()}this.initialized=false}}watch0(){this.watch0Fn()}watch1Fn(){if(this.name){this._name=this.name}}watch1(){this.watch1Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-item");this.initialized=true;this.watch0Fn();this.watch1Fn()}render(){return a("li",{key:"f6736b93c402902cda45e0efe5d84effba2888d9",class:c("db-tab-item",this.className),role:"none"},a("label",{key:"085df5637baad97ee075e5f955701e7162d33e8b",htmlFor:this.id,"data-icon":this.icon,"data-icon-after":this.iconAfter,"data-hide-icon":e(this.showIcon),"data-hide-icon-after":e(this.showIcon),"data-no-text":i(this.noText)},a("input",{key:"c0991cadeeb0a525e2a450948f935a4cf274c39a",type:"radio",role:"tab",disabled:d(this.disabled,"disabled"),"aria-selected":this._selected,"aria-controls":this.controls,checked:d(this.checked,"checked"),ref:t=>{this._ref=t},name:this._name,id:this.id,onInput:t=>this.handleChange(t)}),this.label?this.label:null,a("slot",{key:"f3eda59ab27578855ab52c916ccba5c0793e9d0b"})))}static get watchers(){return{_ref:["watch0"],initialized:["watch0"],name:["watch1"]}}};const l=class{constructor(s){t(this,s);this._id=n}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-list");this._id=this.id||"tab-list-"+h()}render(){return a("div",{key:"5e6faa8b67366ce60f67cb2238815dd3f28b71e9",class:c("db-tab-list",this.className),ref:t=>{this._ref=t},id:this._id},a("ul",{key:"61bcb604fca944ebe07a0918ea84503a4589dd85",role:"tablist"},a("slot",{key:"2ddb39c9465ac435ac294eb68f0065b1634508d0"})))}};const r=class{constructor(s){t(this,s)}enableAttributePassing(t,s){const a=t===null||t===void 0?void 0:t.closest(s);if(t&&a){const s=a.attributes;for(let i=0;i<s.length;i++){const e=s.item(i);if(e&&(e.name.startsWith("data-")||e.name.startsWith("aria-"))){t.setAttribute(e.name,e.value);a.removeAttribute(e.name)}if(e&&e.name==="class"){const s=e.value.includes("hydrated");const i=e.value.replace("hydrated","").trim();const d=t.getAttribute("class");t.setAttribute(e.name,`${d?`${d} `:""}${i}`);if(s){a.setAttribute("class","hydrated")}else{a.removeAttribute(e.name)}}}}}componentDidLoad(){this.enableAttributePassing(this._ref,"db-tab-panel")}render(){return a("section",{key:"787a669772c3ad5989f5a5c8b6438ed64fd85279",class:c("db-tab-panel",this.className),role:"tabpanel",ref:t=>{this._ref=t},id:this.id,"aria-labelledby":this.labelledBy},this.content?this.content:null,a("slot",{key:"855217da7aebeb9a3df10efffb5afc9ca7049dda"}))}};export{o as db_tab_item,l as db_tab_list,r as db_tab_panel};
+//# sourceMappingURL=p-53f83d20.entry.js.map

package/dist/db-ux/{p-0e4c3fb1.entry.js → p-55f53705.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i}from"./p-bH2PZLSq.js";import{u as s,c as h}from"./p-pglUTSkG.js";import{D as a}from"./p-DC9V_oNU.js";const e=class{constructor(i){t(this,i);this._id=a;this._name="";this.initialized=false;this._initOpenIndexDone=false}convertItems(){try{if(typeof this.items==="string"){return JSON.parse(this.items)}return this.items}catch(t){console.error(t)}return[]}enableAttributePassing(t,i){const s=t===null||t===void 0?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let h=0;h<i.length;h++){const a=i.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){t.setAttribute(a.name,a.value);s.removeAttribute(a.name)}if(a&&a.name==="class"){const i=a.value.includes("hydrated");const h=a.value.replace("hydrated","").trim();const e=t.getAttribute("class");t.setAttribute(a.name,`${e?`${e} `:""}${h}`);if(i){s.setAttribute("class","hydrated")}else{s.removeAttribute(a.name)}}}}}watch0Fn(){if(this.initialized){if(this.behavior==="single"){if(this.name){if(this._name!==this.name){this._name=this.name}}else{if(this._name!==this._id&&this._id){this._name=this._id}}}else{this._name=""}}}watch0(){this.watch0Fn()}watch1Fn(){var t;if(this._ref){const i=this._ref.getElementsByTagName("details");if(i){for(const s of Array.from(i)){if(this._name===""){s.removeAttribute("name")}else{s.name=(t=this._name)!==null&&t!==void 0?t:""}}}}}watch1(){this.watch1Fn()}watch2Fn(){if(this._ref&&this._initOpenIndexDone){if(this.initOpenIndex&&this.initOpenIndex.length>0){const t=this._ref.getElementsByTagName("details");if(t){const i=this.behavior==="single"&&this.initOpenIndex.length>1?[this.initOpenIndex[0]]:this.initOpenIndex;Array.from(t).forEach(((t,s)=>{if(i===null||i===void 0?void 0:i.includes(s)){t.open=true}}))}}this._initOpenIndexDone=false}}watch2(){this.watch2Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-accordion");this._id=this.id||"accordion-"+s();this.initialized=true;this._initOpenIndexDone=true;this.watch0Fn();this.watch1Fn();this.watch2Fn()}render(){var t;return i("ul",{key:"f0627f5ef564441a4c5a8c1e6376e66d1c2a19e1",class:h("db-accordion",this.className),ref:t=>{this._ref=t},id:this._id,"data-variant":this.variant},!this.items?i("slot",null):null,this.items?(t=this.convertItems())===null||t===void 0?void 0:t.map(((t,s)=>i("db-accordion-item",{key:`accordion-item-${s}`,headlinePlain:t.headlinePlain,disabled:t.disabled,text:t.text}))):null)}static get watchers(){return{initialized:["watch0"],name:["watch0"],behavior:["watch0"],_id:["watch0"],_ref:["watch1","watch2"],_name:["watch1"],_initOpenIndexDone:["watch2"],initOpenIndex:["watch2"]}}};export{e as db_accordion};
-//# sourceMappingURL=p-0e4c3fb1.entry.js.map
+import{r as t,h as i}from"./p-Ctmm4hMW.js";import{u as s,c as h}from"./p-BgQRUWMZ.js";import{D as a}from"./p-DC9V_oNU.js";const e=class{constructor(i){t(this,i);this._id=a;this._name="";this.initialized=false;this._initOpenIndexDone=false}convertItems(){try{if(typeof this.items==="string"){return JSON.parse(this.items)}return this.items}catch(t){console.error(t)}return[]}enableAttributePassing(t,i){const s=t===null||t===void 0?void 0:t.closest(i);if(t&&s){const i=s.attributes;for(let h=0;h<i.length;h++){const a=i.item(h);if(a&&(a.name.startsWith("data-")||a.name.startsWith("aria-"))){t.setAttribute(a.name,a.value);s.removeAttribute(a.name)}if(a&&a.name==="class"){const i=a.value.includes("hydrated");const h=a.value.replace("hydrated","").trim();const e=t.getAttribute("class");t.setAttribute(a.name,`${e?`${e} `:""}${h}`);if(i){s.setAttribute("class","hydrated")}else{s.removeAttribute(a.name)}}}}}watch0Fn(){if(this.initialized){if(this.behavior==="single"){if(this.name){if(this._name!==this.name){this._name=this.name}}else{if(this._name!==this._id&&this._id){this._name=this._id}}}else{this._name=""}}}watch0(){this.watch0Fn()}watch1Fn(){var t;if(this._ref){const i=this._ref.getElementsByTagName("details");if(i){for(const s of Array.from(i)){if(this._name===""){s.removeAttribute("name")}else{s.name=(t=this._name)!==null&&t!==void 0?t:""}}}}}watch1(){this.watch1Fn()}watch2Fn(){if(this._ref&&this._initOpenIndexDone){if(this.initOpenIndex&&this.initOpenIndex.length>0){const t=this._ref.getElementsByTagName("details");if(t){const i=this.behavior==="single"&&this.initOpenIndex.length>1?[this.initOpenIndex[0]]:this.initOpenIndex;Array.from(t).forEach(((t,s)=>{if(i===null||i===void 0?void 0:i.includes(s)){t.open=true}}))}}this._initOpenIndexDone=false}}watch2(){this.watch2Fn()}componentDidLoad(){this.enableAttributePassing(this._ref,"db-accordion");this._id=this.id||"accordion-"+s();this.initialized=true;this._initOpenIndexDone=true;this.watch0Fn();this.watch1Fn();this.watch2Fn()}render(){var t;return i("ul",{key:"f0627f5ef564441a4c5a8c1e6376e66d1c2a19e1",class:h("db-accordion",this.className),ref:t=>{this._ref=t},id:this._id,"data-variant":this.variant},!this.items?i("slot",null):null,this.items?(t=this.convertItems())===null||t===void 0?void 0:t.map(((t,s)=>i("db-accordion-item",{key:`accordion-item-${s}`,headlinePlain:t.headlinePlain,disabled:t.disabled,text:t.text}))):null)}static get watchers(){return{initialized:["watch0"],name:["watch0"],behavior:["watch0"],_id:["watch0"],_ref:["watch1","watch2"],_name:["watch1"],_initOpenIndexDone:["watch2"],initOpenIndex:["watch2"]}}};export{e as db_accordion};
+//# sourceMappingURL=p-55f53705.entry.js.map