@db-ux/wc-core-components 1.1.1 → 1.2.1

package/dist/cjs/index.cjs.js

@@ -1,11 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('./index-6e2cf235.js');
-const constants = require('./constants-89822e5f.js');
-const index = require('./index-403366c7.js');
-const navigation = require('./navigation-5586b826.js');
+require('./index-DBEtsnky.js');
+var constants = require('./constants-C75d4JiJ.js');
+var index = require('./index-sPDBdc1s.js');
+var navigation = require('./navigation-l4Ce-Ems.js');
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
 const SemanticList = ['adaptive', 'neutral', 'critical', 'informational', 'warning', 'successful'];
@@ -29,20 +27,16 @@ const LinkTargetList = ['_self', '_blank', '_parent', '_top'];
 const LinkReferrerPolicyList = ['no-referrer', 'no-referrer-when-downgrade', 'origin', 'origin-when-cross-origin', 'same-origin', 'strict-origin', 'strict-origin-when-cross-origin', 'unsafe-url'];
 const AlignmentList = ['start', 'center'];
 
-Object.defineProperty(exports, 'COLOR', {
+Object.defineProperty(exports, "COLOR", {
 	enumerable: true,
-	get: function () {
-		return constants.COLOR;
-	}
+	get: function () { return constants.COLOR; }
 });
 exports.COLORS = constants.COLORS;
 exports.COLORS_SIMPLE = constants.COLORS_SIMPLE;
 exports.COLOR_CONST = constants.COLOR_CONST;
-Object.defineProperty(exports, 'COLOR_SIMPLE', {
+Object.defineProperty(exports, "COLOR_SIMPLE", {
 	enumerable: true,
-	get: function () {
-		return constants.COLOR_SIMPLE;
-	}
+	get: function () { return constants.COLOR_SIMPLE; }
 });
 exports.DEFAULT_BACK = constants.DEFAULT_BACK;
 exports.DEFAULT_BURGER_MENU = constants.DEFAULT_BURGER_MENU;
@@ -61,19 +55,15 @@ exports.DEFAULT_VALID_MESSAGE = constants.DEFAULT_VALID_MESSAGE;
 exports.DEFAULT_VALID_MESSAGE_ID_SUFFIX = constants.DEFAULT_VALID_MESSAGE_ID_SUFFIX;
 exports.DEFAULT_VIEWPORT = constants.DEFAULT_VIEWPORT;
 exports.DENSITIES = constants.DENSITIES;
-Object.defineProperty(exports, 'DENSITY', {
+Object.defineProperty(exports, "DENSITY", {
 	enumerable: true,
-	get: function () {
-		return constants.DENSITY;
-	}
+	get: function () { return constants.DENSITY; }
 });
 exports.DENSITY_CONST = constants.DENSITY_CONST;
 exports.DESKTOP_VIEWPORT = constants.DESKTOP_VIEWPORT;
-Object.defineProperty(exports, 'SEMANTIC', {
+Object.defineProperty(exports, "SEMANTIC", {
 	enumerable: true,
-	get: function () {
-		return constants.SEMANTIC;
-	}
+	get: function () { return constants.SEMANTIC; }
 });
 exports.SEMANTICS = constants.SEMANTICS;
 exports.TESTING_VIEWPORTS = constants.TESTING_VIEWPORTS;
@@ -112,5 +102,6 @@ exports.SpacingList = SpacingList;
 exports.TagEmphasisList = TagEmphasisList;
 exports.ValidationList = ValidationList;
 exports.WidthList = WidthList;
+//# sourceMappingURL=index.cjs.js.map
 
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1 +1 @@
-{"file":"index.cjs.js","mappings":";;;;;;;;;AAAA;MAsCa,YAAY,GAAI,CAAC,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,eAAe,EAAE,SAAS,EAAE,YAAY,EAAY;MA2BxG,WAAW,GAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAY;MAQ9D,UAAU,GAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAY;MAQ7D,aAAa,GAAI,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAY;MAiB1K,cAAc,GAAI,CAAC,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAY;MAcvI,eAAe,GAAI,CAAC,YAAY,EAAE,UAAU,EAAY;MAQxD,SAAS,GAAI,CAAC,MAAM,EAAE,MAAM,EAAY;MAQxC,YAAY,GAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAY;MAQ/D,gBAAgB,GAAI,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAY;MAEvD,gBAAgB,GAAI,CAAC,MAAM,EAAE,OAAO,EAAY;MAyBhD,QAAQ,GAAI,CAAC,OAAO,EAAE,QAAQ,EAAY;MAQ1C,YAAY,GAAI,CAAC,MAAM,EAAE,QAAQ,EAAY;MAQ7C,eAAe,GAAI,CAAC,GAAG,YAAY,EAAE,QAAQ,EAAY;MAQzD,cAAc,GAAI,CAAC,SAAS,EAAE,OAAO,EAAE,eAAe,EAAY;MAiElE,gBAAgB,GAAI,CAAC,OAAO,EAAE,UAAU,EAAY;MAEpD,gBAAgB,GAAI,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,EAAY;MA0Dn1B,eAAe,GAAI,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAY;MAE3F,cAAc,GAAI,CAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAY;MAEnE,sBAAsB,GAAI,CAAC,aAAa,EAAE,4BAA4B,EAAE,QAAQ,EAAE,0BAA0B,EAAE,aAAa,EAAE,eAAe,EAAE,iCAAiC,EAAE,YAAY,EAAY;MA6EzM,aAAa,GAAI,CAAC,OAAO,EAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"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   * [`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;\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://db-ux-design-system.github.io/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;\n};\nexport type IconAfterProps = {\n  /**\n   * Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://db-ux-design-system.github.io/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;\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 PlacementList = (['left', 'right', 'top', 'bottom', 'left-start', 'left-end', 'right-start', 'right-end', 'top-start', 'top-end', 'bottom-start', 'bottom-end'] 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;\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;\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;\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;\n  /**\n   * Use fixed with for default max-width\n   */\n  width?: PopoverWidthType;\n};\nexport type PopoverState = {\n  handleAutoPlacement: () => 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 TagEmphasisList = ([...EmphasisList, 'origin'] as const);\nexport type TagEmphasisType = (typeof TagEmphasisList)[number];\nexport type TagEmphasisProps = {\n  /**\n   * The emphasis attribute divides in between a weak, strong or origin appearance.\n   */\n  emphasis?: TagEmphasisType;\n};\nexport const ValidationList = (['invalid', 'valid', 'no-validation'] as const);\nexport type ValidationType = (typeof ValidationList)[number];\nexport type FormProps = {\n  /**\n   * Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.\n   */\n  validation?: ValidationType;\n  /**\n   * The disabled attribute can be set to keep a user from clicking on the form element.\n   */\n  disabled?: boolean;\n  /**\n   * \tAssociates the control with a form element\n   */\n  form?: string;\n\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\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;\n  /**\n   * Enables/disables the visibility of the label\n   */\n  showLabel?: boolean;\n  /**\n   * The value property is to receive results from the native form element.\n   */\n  value?: any;\n};\nexport type FormTextProps = {\n  /**\n   * Maximum length (number of characters) of value\n   */\n  maxLength?: number;\n  /**\n   * Minimum length (number of characters) of value\n   */\n  minLength?: number;\n  /**\n   * The disabled attribute can be set to keep a user from edit on the form element\n   */\n  readOnly?: boolean;\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;\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;\n};\nexport type FormState = {\n  _messageId?: string;\n  _validMessageId?: string;\n  _invalidMessageId?: string;\n  _descByIds?: string;\n  _value?: string;\n\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;\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;\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>) => void;\n};\nexport type ToggleEventProps = {\n  onToggle?: (open: boolean) => void;\n};\nexport type ToggleEventState<T> = {\n  toggle: (event?: ClickEvent<T>) => void;\n};\nexport type CloseEventProps = {\n  /**\n   * Function to handle button click (close).\n   */\n  onClose?: (event?: any) => void;\n};\nexport type CloseEventState = {\n  handleClose: (event: any) => 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;\n};\nexport type ActiveProps = {\n  /**\n   * If the tab is checked/active.\n   */\n  active?: boolean;\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>) => 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>) => 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>) => void;\n  handleFocus: (event: InteractionEvent<T>) => 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}"],"version":3}
+{"version":3,"file":"index.cjs.js","sources":["src/shared/model.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport { IconTypes } from '@db-ux/core-foundations';\nexport type GlobalProps = {\n  /**\n   * default slot\n   */\n\n  children?: any;\n\n  /**\n   * React specific for adding className to the component.\n   */\n  className?: string;\n\n  /**\n   * Workaround for TypeScript using class for all components.\n   */\n  class?: string | any;\n\n  /**\n   * [`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;\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;\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 PlacementList = ['left', 'right', 'top', 'bottom', 'left-start', 'left-end', 'right-start', 'right-end', 'top-start', 'top-end', 'bottom-start', 'bottom-end'] 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;\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;\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;\n  /**\n   * Use fixed with for default max-width\n   */\n  width?: PopoverWidthType;\n};\nexport type PopoverState = {\n  handleAutoPlacement: () => 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 TagEmphasisList = [...EmphasisList, 'origin'] as const;\nexport type TagEmphasisType = (typeof TagEmphasisList)[number];\nexport type TagEmphasisProps = {\n  /**\n   * The emphasis attribute divides in between a weak, strong or origin appearance.\n   */\n  emphasis?: TagEmphasisType;\n};\nexport const ValidationList = ['invalid', 'valid', 'no-validation'] as const;\nexport type ValidationType = (typeof ValidationList)[number];\nexport type FormProps = {\n  /**\n   * Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.\n   */\n  validation?: ValidationType;\n  /**\n   * The disabled attribute can be set to keep a user from clicking on the form element.\n   */\n  disabled?: boolean;\n  /**\n   * \tAssociates the control with a form element\n   */\n  form?: string;\n\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\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;\n  /**\n   * Enables/disables the visibility of the label\n   */\n  showLabel?: boolean;\n  /**\n   * The value property is to receive results from the native form element.\n   */\n  value?: any;\n};\nexport type FormTextProps = {\n  /**\n   * Maximum length (number of characters) of value\n   */\n  maxLength?: number;\n  /**\n   * Minimum length (number of characters) of value\n   */\n  minLength?: number;\n  /**\n   * The disabled attribute can be set to keep a user from edit on the form element\n   */\n  readOnly?: boolean;\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;\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;\n};\nexport type FormState = {\n  _messageId?: string;\n  _validMessageId?: string;\n  _invalidMessageId?: string;\n  _descByIds?: string;\n  _value?: string;\n\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;\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;\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>) => void;\n};\nexport type ToggleEventProps = {\n  onToggle?: (open: boolean) => void;\n};\nexport type ToggleEventState<T> = {\n  toggle: (event?: ClickEvent<T>) => void;\n};\nexport type CloseEventProps = {\n  /**\n   * Function to handle button click (close).\n   */\n  onClose?: (event?: any) => void;\n};\nexport type CloseEventState = {\n  handleClose: (event: any) => 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;\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>) => 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>) => 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>) => void;\n  handleFocus: (event: InteractionEvent<T>) => 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;AAsCa,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;AAQtD,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY;AAiB7J,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;MAyBnC,QAAQ,GAAG,CAAC,OAAO,EAAE,QAAQ;MAQ7B,YAAY,GAAG,CAAC,MAAM,EAAE,QAAQ;AAQhC,MAAA,eAAe,GAAG,CAAC,GAAG,YAAY,EAAE,QAAQ;AAQ5C,MAAA,cAAc,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,eAAe;MAiErD,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;AA0Dt0B,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;MA6E5L,aAAa,GAAG,CAAC,OAAO,EAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/loader.cjs.js

@@ -1,17 +1,16 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-6e2cf235.js');
-const appGlobals = require('./app-globals-3a1e7e63.js');
+var index = require('./index-DBEtsnky.js');
+var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"db-tabs.cjs\",[[4,\"db-tabs\",{\"id\":[1],\"name\":[1],\"arrowScrollDistance\":[2,\"arrow-scroll-distance\"],\"orientation\":[1],\"behavior\":[1],\"initialSelectedMode\":[1,\"initial-selected-mode\"],\"initialSelectedIndex\":[2,\"initial-selected-index\"],\"className\":[1,\"classname\"],\"alignment\":[1],\"width\":[1],\"tabs\":[1],\"_id\":[32],\"_name\":[32],\"initialized\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32],\"scrollContainer\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-header.cjs\",[[4,\"db-header\",{\"id\":[1],\"forceMobile\":[4,\"force-mobile\"],\"drawerOpen\":[4,\"drawer-open\"],\"className\":[1,\"classname\"],\"width\":[1],\"burgerMenuLabel\":[1,\"burger-menu-label\"],\"_id\":[32],\"initialized\":[32],\"forcedToMobile\":[32]},null,{\"initialized\":[\"watch0\"]}]]],[\"db-accordion.cjs\",[[4,\"db-accordion\",{\"id\":[1],\"name\":[1],\"behavior\":[1],\"initOpenIndex\":[16],\"className\":[1,\"classname\"],\"variant\":[1],\"items\":[1],\"_id\":[32],\"_name\":[32],\"initialized\":[32],\"_initOpenIndexDone\":[32]},null,{\"initialized\":[\"watch0\"],\"name\":[\"watch0\"],\"behavior\":[\"watch0\"],\"_id\":[\"watch0\"],\"_ref\":[\"watch1\",\"watch2\"],\"_name\":[\"watch1\"],\"_initOpenIndexDone\":[\"watch2\"],\"initOpenIndex\":[\"watch2\"]}]]],[\"db-checkbox.cjs\",[[4,\"db-checkbox\",{\"id\":[1],\"message\":[1],\"showMessage\":[4,\"show-message\"],\"indeterminate\":[4],\"checked\":[4],\"change\":[16],\"validation\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"required\":[4],\"validMessage\":[1,\"valid-message\"],\"blur\":[16],\"focus\":[16],\"className\":[1,\"classname\"],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"name\":[1],\"disabled\":[4],\"value\":[8],\"label\":[1],\"messageIcon\":[1,\"message-icon\"],\"initialized\":[32],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_descByIds\":[32],\"_voiceOverFallback\":[32]},null,{\"_id\":[\"watch0\"],\"initialized\":[\"watch1\",\"watch2\"],\"_ref\":[\"watch1\",\"watch2\"],\"indeterminate\":[\"watch1\"],\"checked\":[\"watch2\"]}]]],[\"db-input.cjs\",[[4,\"db-input\",{\"id\":[1],\"dataListId\":[1,\"data-list-id\"],\"message\":[1],\"showMessage\":[4,\"show-message\"],\"value\":[8],\"input\":[16],\"change\":[16],\"validation\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"required\":[4],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"pattern\":[1],\"validMessage\":[1,\"valid-message\"],\"blur\":[16],\"focus\":[16],\"className\":[1,\"classname\"],\"variant\":[1],\"showLabel\":[4,\"show-label\"],\"showIcon\":[4,\"show-icon\"],\"icon\":[1],\"iconAfter\":[1,\"icon-after\"],\"label\":[1],\"name\":[1],\"type\":[1],\"placeholder\":[1],\"disabled\":[4],\"step\":[8],\"max\":[8],\"min\":[8],\"readOnly\":[4,\"read-only\"],\"form\":[1],\"size\":[2],\"autocomplete\":[1],\"autofocus\":[4],\"dataList\":[16],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_dataListId\":[32],\"_descByIds\":[32],\"_value\":[32],\"_voiceOverFallback\":[32]},null,{\"_id\":[\"watch0\"],\"value\":[\"watch1\"]}]]],[\"db-navigation-item.cjs\",[[4,\"db-navigation-item\",{\"subNavigationExpanded\":[4,\"sub-navigation-expanded\"],\"id\":[1],\"className\":[1,\"classname\"],\"width\":[1],\"icon\":[1],\"showIcon\":[4,\"show-icon\"],\"active\":[4],\"disabled\":[4],\"text\":[1],\"backButtonId\":[1,\"back-button-id\"],\"backButtonText\":[1,\"back-button-text\"],\"initialized\":[32],\"hasAreaPopup\":[32],\"hasSubNavigation\":[32],\"isSubNavigationExpanded\":[32],\"autoClose\":[32],\"subNavigationId\":[32],\"navigationItemSafeTriangle\":[32]},null,{\"subNavigationExpanded\":[\"watch0\"],\"initialized\":[\"watch1\"]}]]],[\"db-notification.cjs\",[[4,\"db-notification\",{\"id\":[1],\"className\":[1,\"classname\"],\"ariaLive\":[1,\"aria-live\"],\"semantic\":[1],\"variant\":[1],\"icon\":[1],\"showIcon\":[4,\"show-icon\"],\"linkVariant\":[1,\"link-variant\"],\"headline\":[8],\"showHeadline\":[4,\"show-headline\"],\"text\":[1],\"timestamp\":[1],\"showTimestamp\":[4,\"show-timestamp\"],\"closeable\":[4],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"]}]]],[\"db-select.cjs\",[[4,\"db-select\",{\"id\":[1],\"message\":[1],\"showMessage\":[4,\"show-message\"],\"value\":[8],\"input\":[16],\"change\":[16],\"validation\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"required\":[4],\"validMessage\":[1,\"valid-message\"],\"blur\":[16],\"focus\":[16],\"className\":[1,\"classname\"],\"variant\":[1],\"showLabel\":[4,\"show-label\"],\"icon\":[1],\"showIcon\":[4,\"show-icon\"],\"label\":[1],\"disabled\":[4],\"name\":[1],\"size\":[2],\"autocomplete\":[1],\"options\":[16],\"placeholder\":[1],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_placeholderId\":[32],\"_descByIds\":[32],\"_value\":[32],\"initialized\":[32],\"_voiceOverFallback\":[32]},null,{\"_id\":[\"watch0\"],\"initialized\":[\"watch0\"],\"value\":[\"watch1\"]}]]],[\"db-textarea.cjs\",[[0,\"db-textarea\",{\"id\":[1],\"message\":[1],\"showMessage\":[4,\"show-message\"],\"value\":[8],\"input\":[16],\"change\":[16],\"validation\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"required\":[4],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"validMessage\":[1,\"valid-message\"],\"blur\":[16],\"focus\":[16],\"className\":[1,\"classname\"],\"variant\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"resize\":[1],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"form\":[1],\"name\":[1],\"wrap\":[1],\"spellCheck\":[4,\"spell-check\"],\"autocomplete\":[1],\"placeholder\":[1],\"rows\":[2],\"cols\":[2],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_descByIds\":[32],\"_value\":[32],\"_voiceOverFallback\":[32]},null,{\"_id\":[\"watch0\"],\"value\":[\"watch1\"]}]]],[\"db-badge.cjs\",[[4,\"db-badge\",{\"placement\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"semantic\":[1],\"size\":[1],\"emphasis\":[1],\"label\":[1],\"text\":[1],\"initialized\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-brand.cjs\",[[4,\"db-brand\",{\"hideLogo\":[4,\"hide-logo\"],\"icon\":[1],\"showIcon\":[4,\"show-icon\"],\"id\":[1],\"className\":[1,\"classname\"],\"text\":[1]}]]],[\"db-card.cjs\",[[4,\"db-card\",{\"id\":[1],\"className\":[1,\"classname\"],\"behavior\":[1],\"elevationLevel\":[1,\"elevation-level\"],\"spacing\":[1]}]]],[\"db-divider.cjs\",[[0,\"db-divider\",{\"id\":[1],\"margin\":[1],\"variant\":[1],\"emphasis\":[1],\"width\":[1],\"className\":[1,\"classname\"]}]]],[\"db-icon.cjs\",[[4,\"db-icon\",{\"id\":[1],\"className\":[1,\"classname\"],\"icon\":[1],\"weight\":[1],\"variant\":[1],\"text\":[1]}]]],[\"db-link.cjs\",[[4,\"db-link\",{\"id\":[1],\"className\":[1,\"classname\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"role\":[1],\"hreflang\":[1],\"disabled\":[4],\"selected\":[4],\"label\":[1],\"current\":[8],\"size\":[1],\"showIcon\":[4,\"show-icon\"],\"variant\":[1],\"content\":[1],\"text\":[1]}]]],[\"db-navigation.cjs\",[[4,\"db-navigation\",{\"id\":[1],\"labelledBy\":[1,\"labelled-by\"],\"className\":[1,\"classname\"],\"_id\":[32]}]]],[\"db-page.cjs\",[[4,\"db-page\",{\"fadeIn\":[4,\"fade-in\"],\"documentOverflow\":[1,\"document-overflow\"],\"variant\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"fontsLoaded\":[32]}]]],[\"db-popover.cjs\",[[4,\"db-popover\",{\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"gap\":[4],\"animation\":[4],\"open\":[4],\"delay\":[1],\"width\":[1],\"placement\":[1],\"initialized\":[32],\"isExpanded\":[32]},null,{\"_ref\":[\"watch0\",\"watch1\"],\"initialized\":[\"watch0\"],\"isExpanded\":[\"watch1\"]}]]],[\"db-radio.cjs\",[[4,\"db-radio\",{\"id\":[1],\"checked\":[4],\"change\":[16],\"blur\":[16],\"focus\":[16],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"className\":[1,\"classname\"],\"validation\":[1],\"name\":[1],\"disabled\":[4],\"describedbyid\":[1],\"value\":[8],\"required\":[4],\"label\":[1],\"initialized\":[32],\"_id\":[32]},null,{\"initialized\":[\"watch0\"],\"_ref\":[\"watch0\"],\"checked\":[\"watch0\"]}]]],[\"db-section.cjs\",[[4,\"db-section\",{\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"_id\":[32]}]]],[\"db-stack.cjs\",[[4,\"db-stack\",{\"id\":[1],\"className\":[1,\"classname\"],\"gap\":[1],\"variant\":[1],\"direction\":[1],\"alignment\":[1],\"justifyContent\":[1,\"justify-content\"],\"wrap\":[4]}]]],[\"db-switch.cjs\",[[4,\"db-switch\",{\"id\":[1],\"checked\":[4],\"change\":[16],\"blur\":[16],\"focus\":[16],\"visualAid\":[4,\"visual-aid\"],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"emphasis\":[1],\"className\":[1,\"classname\"],\"value\":[8],\"disabled\":[4],\"describedbyid\":[1],\"validation\":[1],\"name\":[1],\"required\":[4],\"icon\":[1],\"iconAfter\":[1,\"icon-after\"],\"label\":[1],\"_id\":[32],\"_checked\":[32]},null,{\"checked\":[\"watch0\"]}]]],[\"db-tag.cjs\",[[4,\"db-tag\",{\"disabled\":[4],\"removeButton\":[1,\"remove-button\"],\"id\":[1],\"className\":[1,\"classname\"],\"semantic\":[1],\"emphasis\":[1],\"icon\":[1],\"showCheckState\":[4,\"show-check-state\"],\"showIcon\":[4,\"show-icon\"],\"noText\":[4,\"no-text\"],\"overflow\":[4],\"text\":[1],\"behavior\":[1],\"initialized\":[32]},null,{\"initialized\":[\"watch0\"],\"disabled\":[\"watch0\"],\"_ref\":[\"watch0\"]}]]],[\"db-tooltip.cjs\",[[4,\"db-tooltip\",{\"id\":[1],\"className\":[1,\"classname\"],\"emphasis\":[1],\"animation\":[4],\"delay\":[1],\"width\":[1],\"showArrow\":[4,\"show-arrow\"],\"placement\":[1],\"_id\":[32],\"initialized\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-drawer.cjs\",[[4,\"db-drawer\",{\"open\":[4],\"backdrop\":[1],\"variant\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"direction\":[1],\"rounded\":[4],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"]},null,{\"open\":[\"watch0\"]}]]],[\"db-accordion-item.cjs\",[[4,\"db-accordion-item\",{\"id\":[1],\"defaultOpen\":[4,\"default-open\"],\"className\":[1,\"classname\"],\"disabled\":[4],\"headlinePlain\":[1,\"headline-plain\"],\"text\":[1],\"_id\":[32],\"_open\":[32]}]]],[\"db-tab-item_3.cjs\",[[4,\"db-tab-item\",{\"active\":[4],\"change\":[16],\"className\":[1,\"classname\"],\"id\":[1],\"icon\":[1],\"iconAfter\":[1,\"icon-after\"],\"showIcon\":[4,\"show-icon\"],\"noText\":[4,\"no-text\"],\"disabled\":[4],\"controls\":[1],\"checked\":[4],\"label\":[1],\"initialized\":[32],\"_selected\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}],[4,\"db-tab-list\",{\"id\":[1],\"className\":[1,\"classname\"],\"_id\":[32]}],[4,\"db-tab-panel\",{\"className\":[1,\"classname\"],\"id\":[1],\"labelledBy\":[1,\"labelled-by\"],\"content\":[1]}]]],[\"db-infotext.cjs\",[[4,\"db-infotext\",{\"id\":[1],\"className\":[1,\"classname\"],\"icon\":[1],\"semantic\":[1],\"size\":[1],\"showIcon\":[4,\"show-icon\"],\"text\":[1]}]]],[\"db-button.cjs\",[[4,\"db-button\",{\"id\":[1],\"className\":[1,\"classname\"],\"type\":[1],\"disabled\":[4],\"label\":[1],\"icon\":[1],\"showIcon\":[4,\"show-icon\"],\"size\":[1],\"state\":[1],\"width\":[1],\"variant\":[1],\"noText\":[4,\"no-text\"],\"name\":[1],\"value\":[1],\"describedbyid\":[1],\"ariaexpanded\":[4],\"ariapressed\":[4],\"text\":[1]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"db-tabs.cjs\",[[4,\"db-tabs\",{\"id\":[1],\"name\":[1],\"arrowScrollDistance\":[2,\"arrow-scroll-distance\"],\"orientation\":[1],\"behavior\":[1],\"initialSelectedMode\":[1,\"initial-selected-mode\"],\"initialSelectedIndex\":[2,\"initial-selected-index\"],\"className\":[1,\"classname\"],\"alignment\":[1],\"width\":[1],\"tabs\":[1],\"_id\":[32],\"_name\":[32],\"initialized\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32],\"scrollContainer\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-header.cjs\",[[4,\"db-header\",{\"id\":[1],\"forceMobile\":[4,\"force-mobile\"],\"drawerOpen\":[4,\"drawer-open\"],\"className\":[1,\"classname\"],\"width\":[1],\"burgerMenuLabel\":[1,\"burger-menu-label\"],\"_id\":[32],\"initialized\":[32],\"forcedToMobile\":[32]},null,{\"initialized\":[\"watch0\"]}]]],[\"db-accordion.cjs\",[[4,\"db-accordion\",{\"id\":[1],\"name\":[1],\"behavior\":[1],\"initOpenIndex\":[16],\"className\":[1,\"classname\"],\"variant\":[1],\"items\":[1],\"_id\":[32],\"_name\":[32],\"initialized\":[32],\"_initOpenIndexDone\":[32]},null,{\"initialized\":[\"watch0\"],\"name\":[\"watch0\"],\"behavior\":[\"watch0\"],\"_id\":[\"watch0\"],\"_ref\":[\"watch1\",\"watch2\"],\"_name\":[\"watch1\"],\"_initOpenIndexDone\":[\"watch2\"],\"initOpenIndex\":[\"watch2\"]}]]],[\"db-checkbox.cjs\",[[4,\"db-checkbox\",{\"id\":[1],\"message\":[1],\"showMessage\":[4,\"show-message\"],\"indeterminate\":[4],\"checked\":[4],\"change\":[16],\"validation\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"required\":[4],\"validMessage\":[1,\"valid-message\"],\"blur\":[16],\"focus\":[16],\"className\":[1,\"classname\"],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"name\":[1],\"disabled\":[4],\"value\":[8],\"label\":[1],\"messageIcon\":[1,\"message-icon\"],\"initialized\":[32],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_descByIds\":[32],\"_voiceOverFallback\":[32]},null,{\"_id\":[\"watch0\"],\"initialized\":[\"watch1\",\"watch2\"],\"_ref\":[\"watch1\",\"watch2\"],\"indeterminate\":[\"watch1\"],\"checked\":[\"watch2\"]}]]],[\"db-input.cjs\",[[4,\"db-input\",{\"id\":[1],\"dataListId\":[1,\"data-list-id\"],\"message\":[1],\"showMessage\":[4,\"show-message\"],\"value\":[8],\"input\":[16],\"change\":[16],\"validation\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"required\":[4],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"pattern\":[1],\"validMessage\":[1,\"valid-message\"],\"blur\":[16],\"focus\":[16],\"className\":[1,\"classname\"],\"variant\":[1],\"showLabel\":[4,\"show-label\"],\"showIcon\":[4,\"show-icon\"],\"icon\":[1],\"iconAfter\":[1,\"icon-after\"],\"label\":[1],\"name\":[1],\"type\":[1],\"placeholder\":[1],\"disabled\":[4],\"step\":[8],\"max\":[8],\"min\":[8],\"readOnly\":[4,\"read-only\"],\"form\":[1],\"size\":[2],\"autocomplete\":[1],\"autofocus\":[4],\"dataList\":[16],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_dataListId\":[32],\"_descByIds\":[32],\"_value\":[32],\"_voiceOverFallback\":[32]},null,{\"_id\":[\"watch0\"],\"value\":[\"watch1\"]}]]],[\"db-navigation-item.cjs\",[[4,\"db-navigation-item\",{\"subNavigationExpanded\":[4,\"sub-navigation-expanded\"],\"id\":[1],\"className\":[1,\"classname\"],\"width\":[1],\"icon\":[1],\"showIcon\":[4,\"show-icon\"],\"active\":[4],\"disabled\":[4],\"text\":[1],\"backButtonId\":[1,\"back-button-id\"],\"backButtonText\":[1,\"back-button-text\"],\"initialized\":[32],\"hasAreaPopup\":[32],\"hasSubNavigation\":[32],\"isSubNavigationExpanded\":[32],\"autoClose\":[32],\"subNavigationId\":[32],\"navigationItemSafeTriangle\":[32]},null,{\"subNavigationExpanded\":[\"watch0\"],\"initialized\":[\"watch1\"]}]]],[\"db-notification.cjs\",[[4,\"db-notification\",{\"id\":[1],\"className\":[1,\"classname\"],\"ariaLive\":[1,\"aria-live\"],\"semantic\":[1],\"variant\":[1],\"icon\":[1],\"showIcon\":[4,\"show-icon\"],\"linkVariant\":[1,\"link-variant\"],\"headline\":[8],\"showHeadline\":[4,\"show-headline\"],\"text\":[1],\"timestamp\":[1],\"showTimestamp\":[4,\"show-timestamp\"],\"closeable\":[4],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"]}]]],[\"db-select.cjs\",[[4,\"db-select\",{\"id\":[1],\"message\":[1],\"showMessage\":[4,\"show-message\"],\"value\":[8],\"input\":[16],\"change\":[16],\"validation\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"required\":[4],\"validMessage\":[1,\"valid-message\"],\"blur\":[16],\"focus\":[16],\"className\":[1,\"classname\"],\"variant\":[1],\"showLabel\":[4,\"show-label\"],\"icon\":[1],\"showIcon\":[4,\"show-icon\"],\"label\":[1],\"disabled\":[4],\"name\":[1],\"size\":[2],\"autocomplete\":[1],\"options\":[16],\"placeholder\":[1],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_placeholderId\":[32],\"_descByIds\":[32],\"_value\":[32],\"initialized\":[32],\"_voiceOverFallback\":[32]},null,{\"_id\":[\"watch0\"],\"initialized\":[\"watch0\"],\"value\":[\"watch1\"]}]]],[\"db-textarea.cjs\",[[0,\"db-textarea\",{\"id\":[1],\"message\":[1],\"showMessage\":[4,\"show-message\"],\"value\":[8],\"input\":[16],\"change\":[16],\"validation\":[1],\"invalidMessage\":[1,\"invalid-message\"],\"required\":[4],\"minLength\":[2,\"min-length\"],\"maxLength\":[2,\"max-length\"],\"validMessage\":[1,\"valid-message\"],\"blur\":[16],\"focus\":[16],\"className\":[1,\"classname\"],\"variant\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"resize\":[1],\"disabled\":[4],\"readOnly\":[4,\"read-only\"],\"form\":[1],\"name\":[1],\"wrap\":[1],\"spellCheck\":[4,\"spell-check\"],\"autocomplete\":[1],\"placeholder\":[1],\"rows\":[2],\"cols\":[2],\"messageIcon\":[1,\"message-icon\"],\"_id\":[32],\"_messageId\":[32],\"_validMessageId\":[32],\"_invalidMessageId\":[32],\"_descByIds\":[32],\"_value\":[32],\"_voiceOverFallback\":[32]},null,{\"_id\":[\"watch0\"],\"value\":[\"watch1\"]}]]],[\"db-badge.cjs\",[[4,\"db-badge\",{\"placement\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"semantic\":[1],\"size\":[1],\"emphasis\":[1],\"label\":[1],\"text\":[1],\"initialized\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-brand.cjs\",[[4,\"db-brand\",{\"hideLogo\":[4,\"hide-logo\"],\"icon\":[1],\"showIcon\":[4,\"show-icon\"],\"id\":[1],\"className\":[1,\"classname\"],\"text\":[1]}]]],[\"db-card.cjs\",[[4,\"db-card\",{\"id\":[1],\"className\":[1,\"classname\"],\"behavior\":[1],\"elevationLevel\":[1,\"elevation-level\"],\"spacing\":[1]}]]],[\"db-divider.cjs\",[[0,\"db-divider\",{\"id\":[1],\"margin\":[1],\"variant\":[1],\"emphasis\":[1],\"width\":[1],\"className\":[1,\"classname\"]}]]],[\"db-icon.cjs\",[[4,\"db-icon\",{\"id\":[1],\"className\":[1,\"classname\"],\"icon\":[1],\"weight\":[1],\"variant\":[1],\"text\":[1]}]]],[\"db-link.cjs\",[[4,\"db-link\",{\"id\":[1],\"className\":[1,\"classname\"],\"href\":[1],\"target\":[1],\"rel\":[1],\"role\":[1],\"hreflang\":[1],\"disabled\":[4],\"selected\":[4],\"label\":[1],\"current\":[8],\"size\":[1],\"showIcon\":[4,\"show-icon\"],\"variant\":[1],\"content\":[1],\"text\":[1]}]]],[\"db-navigation.cjs\",[[4,\"db-navigation\",{\"id\":[1],\"labelledBy\":[1,\"labelled-by\"],\"className\":[1,\"classname\"],\"_id\":[32]}]]],[\"db-page.cjs\",[[4,\"db-page\",{\"fadeIn\":[4,\"fade-in\"],\"documentOverflow\":[1,\"document-overflow\"],\"variant\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"mainClass\":[1,\"main-class\"],\"fontsLoaded\":[32]}]]],[\"db-popover.cjs\",[[4,\"db-popover\",{\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"gap\":[4],\"animation\":[4],\"open\":[4],\"delay\":[1],\"width\":[1],\"placement\":[1],\"initialized\":[32],\"isExpanded\":[32]},null,{\"_ref\":[\"watch0\",\"watch1\"],\"initialized\":[\"watch0\"],\"isExpanded\":[\"watch1\"]}]]],[\"db-radio.cjs\",[[4,\"db-radio\",{\"id\":[1],\"checked\":[4],\"change\":[16],\"blur\":[16],\"focus\":[16],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"className\":[1,\"classname\"],\"validation\":[1],\"name\":[1],\"disabled\":[4],\"describedbyid\":[1],\"value\":[8],\"required\":[4],\"label\":[1],\"initialized\":[32],\"_id\":[32]},null,{\"initialized\":[\"watch0\"],\"_ref\":[\"watch0\"],\"checked\":[\"watch0\"]}]]],[\"db-section.cjs\",[[4,\"db-section\",{\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"_id\":[32]}]]],[\"db-stack.cjs\",[[4,\"db-stack\",{\"id\":[1],\"className\":[1,\"classname\"],\"gap\":[1],\"variant\":[1],\"direction\":[1],\"alignment\":[1],\"justifyContent\":[1,\"justify-content\"],\"wrap\":[4]}]]],[\"db-switch.cjs\",[[4,\"db-switch\",{\"id\":[1],\"checked\":[4],\"change\":[16],\"blur\":[16],\"focus\":[16],\"visualAid\":[4,\"visual-aid\"],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"emphasis\":[1],\"className\":[1,\"classname\"],\"value\":[8],\"disabled\":[4],\"describedbyid\":[1],\"validation\":[1],\"name\":[1],\"required\":[4],\"icon\":[1],\"iconAfter\":[1,\"icon-after\"],\"label\":[1],\"_id\":[32],\"_checked\":[32]},null,{\"checked\":[\"watch0\"]}]]],[\"db-tag.cjs\",[[4,\"db-tag\",{\"disabled\":[4],\"removeButton\":[1,\"remove-button\"],\"id\":[1],\"className\":[1,\"classname\"],\"semantic\":[1],\"emphasis\":[1],\"icon\":[1],\"showCheckState\":[4,\"show-check-state\"],\"showIcon\":[4,\"show-icon\"],\"noText\":[4,\"no-text\"],\"overflow\":[4],\"text\":[1],\"behavior\":[1],\"initialized\":[32]},null,{\"initialized\":[\"watch0\"],\"disabled\":[\"watch0\"],\"_ref\":[\"watch0\"]}]]],[\"db-tooltip.cjs\",[[4,\"db-tooltip\",{\"id\":[1],\"className\":[1,\"classname\"],\"emphasis\":[1],\"animation\":[4],\"delay\":[1],\"width\":[1],\"showArrow\":[4,\"show-arrow\"],\"placement\":[1],\"_id\":[32],\"initialized\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}]]],[\"db-drawer.cjs\",[[4,\"db-drawer\",{\"open\":[4],\"backdrop\":[1],\"variant\":[1],\"id\":[1],\"className\":[1,\"classname\"],\"spacing\":[1],\"width\":[1],\"direction\":[1],\"rounded\":[4],\"closeButtonId\":[1,\"close-button-id\"],\"closeButtonText\":[1,\"close-button-text\"]},null,{\"open\":[\"watch0\"]}]]],[\"db-accordion-item.cjs\",[[4,\"db-accordion-item\",{\"id\":[1],\"defaultOpen\":[4,\"default-open\"],\"className\":[1,\"classname\"],\"disabled\":[4],\"headlinePlain\":[1,\"headline-plain\"],\"text\":[1],\"_id\":[32],\"_open\":[32]}]]],[\"db-tab-item_3.cjs\",[[4,\"db-tab-item\",{\"active\":[4],\"change\":[16],\"className\":[1,\"classname\"],\"id\":[1],\"icon\":[1],\"iconAfter\":[1,\"icon-after\"],\"showIcon\":[4,\"show-icon\"],\"noText\":[4,\"no-text\"],\"disabled\":[4],\"controls\":[1],\"checked\":[4],\"label\":[1],\"initialized\":[32],\"_selected\":[32]},null,{\"_ref\":[\"watch0\"],\"initialized\":[\"watch0\"]}],[4,\"db-tab-list\",{\"id\":[1],\"className\":[1,\"classname\"],\"_id\":[32]}],[4,\"db-tab-panel\",{\"className\":[1,\"classname\"],\"id\":[1],\"labelledBy\":[1,\"labelled-by\"],\"content\":[1]}]]],[\"db-infotext.cjs\",[[4,\"db-infotext\",{\"id\":[1],\"className\":[1,\"classname\"],\"icon\":[1],\"semantic\":[1],\"size\":[1],\"showIcon\":[4,\"show-icon\"],\"text\":[1]}]]],[\"db-button.cjs\",[[4,\"db-button\",{\"id\":[1],\"className\":[1,\"classname\"],\"type\":[1],\"disabled\":[4],\"label\":[1],\"icon\":[1],\"showIcon\":[4,\"show-icon\"],\"size\":[1],\"state\":[1],\"width\":[1],\"variant\":[1],\"noText\":[4,\"no-text\"],\"name\":[1],\"value\":[1],\"describedbyid\":[1],\"ariaexpanded\":[4],\"ariapressed\":[4],\"text\":[1]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;
 exports.defineCustomElements = defineCustomElements;
+//# sourceMappingURL=loader.cjs.js.map
 
 //# sourceMappingURL=loader.cjs.js.map

package/dist/cjs/loader.cjs.js.map

@@ -1 +1 @@
-{"file":"loader.cjs.js","mappings":";;;;;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS,CAAC;AACtD,EAAE,MAAMA,wBAAa,EAAE,CAAC;AACxB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC,CAAC;AAC9D;;;;;","names":["globalScripts","bootstrapLazy"],"sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"version":3}
+{"version":3,"file":"loader.cjs.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":["globalScripts","bootstrapLazy"],"mappings":";;;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAMA,wBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;;"}

package/dist/cjs/{navigation-5586b826.js → navigation-l4Ce-Ems.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-403366c7.js');
+var index = require('./index-sPDBdc1s.js');
 
 const isEventTargetNavigationItem = (event) => {
     var _a, _b;
@@ -136,5 +136,6 @@ class NavigationItemSafeTriangle {
 
 exports.NavigationItemSafeTriangle = NavigationItemSafeTriangle;
 exports.isEventTargetNavigationItem = isEventTargetNavigationItem;
+//# sourceMappingURL=navigation-l4Ce-Ems.js.map
 
-//# sourceMappingURL=navigation-5586b826.js.map
+//# sourceMappingURL=navigation-l4Ce-Ems.js.map

package/dist/cjs/navigation-l4Ce-Ems.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-l4Ce-Ems.js","sources":["src/utils/navigation.ts"],"sourcesContent":["import { handleDataOutside } from './index';\nexport type TriangleData = {\n  itemRect: DOMRect;\n  parentElementWidth: number;\n  subNavigationHeight: number;\n  padding: number;\n  outsideVX: 'left' | 'right' | undefined;\n  outsideVY: 'top' | 'bottom' | undefined;\n};\nexport const isEventTargetNavigationItem = (event: unknown): boolean => {\n  const {\n    target\n  } = event as {\n    target: HTMLElement;\n  };\n  return Boolean(!target?.classList?.contains('db-navigation-item-expand-button') && target?.parentElement?.classList.contains('db-navigation-item'));\n};\nexport class NavigationItemSafeTriangle {\n  private readonly element: HTMLElement | null;\n  private readonly subNavigation: Element | null;\n  private readonly parentSubNavigation: Element | null = null;\n  private triangleData?: TriangleData;\n  private initialized: boolean = false;\n  private mouseX: number = 0;\n  private mouseY: number = 0;\n  constructor(element: HTMLElement | null, subNavigation: Element | null) {\n    this.element = element;\n    this.subNavigation = subNavigation;\n    if (!this.element || !this.subNavigation) {\n      return;\n    }\n    this.parentSubNavigation = this.element?.closest('.db-sub-navigation');\n\n    /*\n     * only initiate if:\n     * 1. item is not at root navigation level\n     * 2. item is not in the mobile navigation / within db-drawer\n     */\n    if (this.parentSubNavigation && !this.element.closest('.db-drawer')) {\n      this.init();\n    }\n  }\n  private init() {\n    const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n\n    // the triangle has the width of the sub-navigation, current nav-item can be wider.\n    // so the width of the triangle must be adapted to a possibly wider nav-item.\n    this.element?.style.setProperty('--db-navigation-item-inline-size', `${parentElementWidth}px`);\n    this.initialized = true;\n  }\n  public enableFollow() {\n    if (!this.initialized || this.triangleData || !this.element || !this.subNavigation) {\n      return;\n    }\n    const dataOutsidePair = handleDataOutside(this.subNavigation);\n    const itemRect = this.element.getBoundingClientRect();\n    const parentElementWidth = this.parentSubNavigation?.getBoundingClientRect().width ?? 0;\n    this.triangleData = {\n      itemRect,\n      parentElementWidth,\n      subNavigationHeight: this.subNavigation.getBoundingClientRect().height,\n      padding: (parentElementWidth - itemRect.width) / 2,\n      outsideVX: dataOutsidePair.vx,\n      outsideVY: dataOutsidePair.vy\n    };\n  }\n  public disableFollow() {\n    this.triangleData = undefined;\n  }\n  private getTriangleTipX(): number {\n    if (!this.triangleData) return 0;\n    if (this.triangleData.outsideVX === 'right') {\n      // vertical flipped triangle needs an inverted x pos\n      return this.triangleData.itemRect.width - this.mouseX;\n    }\n\n    // triangle stops shrinking from 75% x pos\n    return Math.min(this.mouseX, this.triangleData.itemRect.width * 0.75);\n  }\n  private getTriangleTipY(): number {\n    if (!this.triangleData) return 0;\n\n    // padding must be added to the y pos of the tip so that the y pos matches the cursor\n    const mouseYLimited = Math.max(Math.min(this.mouseY, this.triangleData.itemRect.height), 0) + this.triangleData.padding;\n    if (this.triangleData.outsideVY === 'bottom') {\n      // add offset to tip y pos to match corrected sub-navigation y pos\n      return mouseYLimited + (this.triangleData.subNavigationHeight - this.triangleData.padding * 2 - this.triangleData.itemRect.height);\n    }\n    return mouseYLimited;\n  }\n  private hasMouseEnteredSubNavigation(): boolean {\n    if (!this.triangleData) {\n      return false;\n    }\n    const isSubNavigationOnLeftSide = this.triangleData.outsideVX === 'right';\n    if (isSubNavigationOnLeftSide && this.mouseX < -1 * this.triangleData.padding) {\n      return true;\n    }\n    if (!isSubNavigationOnLeftSide && this.mouseX > this.triangleData.parentElementWidth - this.triangleData.padding) {\n      return true;\n    }\n    return false;\n  }\n  private getTriangleCoordinates(variant: 'safe-triangle' | 'fill-gap'): undefined | {\n    lb: string;\n    lt: string;\n    rt: string;\n    rb: string;\n  } {\n    if (!this.triangleData) {\n      return;\n    }\n    if (variant === 'fill-gap') {\n      const itemHeight = `${this.triangleData.itemRect.height + 2 * this.triangleData.padding}px`;\n      const xStart = `${this.triangleData.parentElementWidth - this.triangleData.padding}px`;\n      return {\n        lb: `${xStart} ${itemHeight}`,\n        lt: `${xStart} 0`,\n        rt: '100% 0',\n        rb: `100% ${itemHeight}`\n      };\n    }\n    const tipX = this.getTriangleTipX();\n    const tipY = this.getTriangleTipY();\n    const lb = `${tipX}px ${tipY}px`;\n    const lt = `${tipX}px ${tipY}px`;\n    return {\n      lb,\n      lt,\n      rt: '100% 0',\n      rb: '100% 100%'\n    };\n  }\n  public followByMouseEvent(event: MouseEvent) {\n    if (!this.initialized || !this.triangleData || !this.element || !this.subNavigation) {\n      return;\n    }\n    this.mouseX = event.clientX - this.triangleData.itemRect.left;\n    this.mouseY = event.clientY - this.triangleData.itemRect.top;\n    const isOverSubNavigation = this.hasMouseEnteredSubNavigation();\n    const coordinates = this.getTriangleCoordinates(isOverSubNavigation ? 'fill-gap' : 'safe-triangle');\n    if (!coordinates) {\n      return;\n    }\n    this.element.style.setProperty('--db-navigation-item-clip-path', `polygon(${coordinates.lb}, ${coordinates.lt}, ${coordinates.rt}, ${coordinates.rb})`);\n    if (isOverSubNavigation) {\n      this.triangleData = undefined;\n    }\n  }\n}\nexport default {\n  isEventTargetNavigationItem,\n  NavigationItemSafeTriangle\n}"],"names":["handleDataOutside"],"mappings":";;;;AASa,MAAA,2BAA2B,GAAG,CAAC,KAAc,KAAa;;AACrE,IAAA,MAAM,EACJ,MAAM,EACP,GAAG,KAEH;AACD,IAAA,OAAO,OAAO,CAAC,EAAC,CAAA,EAAA,GAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,SAAS,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,kCAAkC,CAAC,CAAA,KAAI,CAAA,EAAA,GAAA,MAAM,KAAN,IAAA,IAAA,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,SAAS,CAAC,QAAQ,CAAC,oBAAoB,CAAC,CAAA,CAAC;AACrJ;MACa,0BAA0B,CAAA;IAQrC,WAAY,CAAA,OAA2B,EAAE,aAA6B,EAAA;;QALrD,IAAmB,CAAA,mBAAA,GAAmB,IAAI;QAEnD,IAAW,CAAA,WAAA,GAAY,KAAK;QAC5B,IAAM,CAAA,MAAA,GAAW,CAAC;QAClB,IAAM,CAAA,MAAA,GAAW,CAAC;AAExB,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO;AACtB,QAAA,IAAI,CAAC,aAAa,GAAG,aAAa;QAClC,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACxC;;AAEF,QAAA,IAAI,CAAC,mBAAmB,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,OAAO,CAAC,oBAAoB,CAAC;AAEtE;;;;AAIG;AACH,QAAA,IAAI,IAAI,CAAC,mBAAmB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE;YACnE,IAAI,CAAC,IAAI,EAAE;;;IAGP,IAAI,GAAA;;AACV,QAAA,MAAM,kBAAkB,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,mBAAmB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,qBAAqB,EAAA,CAAG,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC;;;AAIvF,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,KAAK,CAAC,WAAW,CAAC,kCAAkC,EAAE,CAAA,EAAG,kBAAkB,CAAA,EAAA,CAAI,CAAC;AAC9F,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI;;IAElB,YAAY,GAAA;;AACjB,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YAClF;;QAEF,MAAM,eAAe,GAAGA,uBAAiB,CAAC,IAAI,CAAC,aAAa,CAAC;QAC7D,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE;AACrD,QAAA,MAAM,kBAAkB,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAI,CAAC,mBAAmB,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,qBAAqB,EAAA,CAAG,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,CAAC;QACvF,IAAI,CAAC,YAAY,GAAG;YAClB,QAAQ;YACR,kBAAkB;YAClB,mBAAmB,EAAE,IAAI,CAAC,aAAa,CAAC,qBAAqB,EAAE,CAAC,MAAM;YACtE,OAAO,EAAE,CAAC,kBAAkB,GAAG,QAAQ,CAAC,KAAK,IAAI,CAAC;YAClD,SAAS,EAAE,eAAe,CAAC,EAAE;YAC7B,SAAS,EAAE,eAAe,CAAC;SAC5B;;IAEI,aAAa,GAAA;AAClB,QAAA,IAAI,CAAC,YAAY,GAAG,SAAS;;IAEvB,eAAe,GAAA;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY;AAAE,YAAA,OAAO,CAAC;QAChC,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,KAAK,OAAO,EAAE;;YAE3C,OAAO,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM;;;AAIvD,QAAA,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC;;IAE/D,eAAe,GAAA;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY;AAAE,YAAA,OAAO,CAAC;;AAGhC,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO;QACvH,IAAI,IAAI,CAAC,YAAY,CAAC,SAAS,KAAK,QAAQ,EAAE;;YAE5C,OAAO,aAAa,IAAI,IAAI,CAAC,YAAY,CAAC,mBAAmB,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC;;AAEpI,QAAA,OAAO,aAAa;;IAEd,4BAA4B,GAAA;AAClC,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACtB,YAAA,OAAO,KAAK;;QAEd,MAAM,yBAAyB,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,KAAK,OAAO;AACzE,QAAA,IAAI,yBAAyB,IAAI,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;AAC7E,YAAA,OAAO,IAAI;;AAEb,QAAA,IAAI,CAAC,yBAAyB,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,kBAAkB,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;AAChH,YAAA,OAAO,IAAI;;AAEb,QAAA,OAAO,KAAK;;AAEN,IAAA,sBAAsB,CAAC,OAAqC,EAAA;AAMlE,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACtB;;AAEF,QAAA,IAAI,OAAO,KAAK,UAAU,EAAE;AAC1B,YAAA,MAAM,UAAU,GAAG,CAAA,EAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI;AAC3F,YAAA,MAAM,MAAM,GAAG,CAAG,EAAA,IAAI,CAAC,YAAY,CAAC,kBAAkB,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI;YACtF,OAAO;AACL,gBAAA,EAAE,EAAE,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,UAAU,CAAE,CAAA;gBAC7B,EAAE,EAAE,CAAG,EAAA,MAAM,CAAI,EAAA,CAAA;AACjB,gBAAA,EAAE,EAAE,QAAQ;gBACZ,EAAE,EAAE,CAAQ,KAAA,EAAA,UAAU,CAAE;aACzB;;AAEH,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE;AACnC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,eAAe,EAAE;AACnC,QAAA,MAAM,EAAE,GAAG,CAAA,EAAG,IAAI,CAAM,GAAA,EAAA,IAAI,IAAI;AAChC,QAAA,MAAM,EAAE,GAAG,CAAA,EAAG,IAAI,CAAM,GAAA,EAAA,IAAI,IAAI;QAChC,OAAO;YACL,EAAE;YACF,EAAE;AACF,YAAA,EAAE,EAAE,QAAQ;AACZ,YAAA,EAAE,EAAE;SACL;;AAEI,IAAA,kBAAkB,CAAC,KAAiB,EAAA;QACzC,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;YACnF;;AAEF,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI;AAC7D,QAAA,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG;AAC5D,QAAA,MAAM,mBAAmB,GAAG,IAAI,CAAC,4BAA4B,EAAE;AAC/D,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,GAAG,UAAU,GAAG,eAAe,CAAC;QACnG,IAAI,CAAC,WAAW,EAAE;YAChB;;QAEF,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,gCAAgC,EAAE,CAAW,QAAA,EAAA,WAAW,CAAC,EAAE,CAAK,EAAA,EAAA,WAAW,CAAC,EAAE,CAAK,EAAA,EAAA,WAAW,CAAC,EAAE,CAAK,EAAA,EAAA,WAAW,CAAC,EAAE,CAAG,CAAA,CAAA,CAAC;QACvJ,IAAI,mBAAmB,EAAE;AACvB,YAAA,IAAI,CAAC,YAAY,GAAG,SAAS;;;AAGlC;;;;;"}

package/dist/collection/collection-manifest.json

@@ -34,7 +34,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.27.2",
+    "version": "4.28.2",
     "typescriptVersion": "5.5.4"
   },
   "collections": [],

package/dist/collection/components/accordion/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/accordion/model.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,oBAAoB,GAAI,CAAC,SAAS,EAAE,MAAM,CAAW,CAAC;AAEnE,MAAM,CAAC,MAAM,qBAAqB,GAAI,CAAC,UAAU,EAAE,QAAQ,CAAW,CAAC","sourcesContent":["import { GlobalProps, GlobalState, InitializedState } from '../../shared/model';\nimport { DBAccordionItemDefaultProps } from '../accordion-item/model';\nexport const AccordionVariantList = (['divider', 'card'] as const);\nexport type AccordionVariantType = (typeof AccordionVariantList)[number];\nexport const AccordionBehaviorList = (['multiple', 'single'] as const);\nexport type AccordionBehaviorType = (typeof AccordionBehaviorList)[number];\nexport type DBAccordionDefaultProps = {\n  /**\n   * To allow multiple items open at the same time or only 1 item\n   */\n  behavior?: AccordionBehaviorType;\n  /**\n   * The index of items which should be open when loading the accordion\n   */\n  initOpenIndex?: number[];\n\n  /**\n   * Alternative to pass in a simple representation of accordion items\n   */\n  items?: DBAccordionItemDefaultProps[] | string;\n\n  /**\n   * Set details name for exclusive accordions, see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details#name\n   */\n  name?: string;\n\n  /**\n   * Informs about the changes in the internal state, which item is open\n   */\n  onChange?: (openAccordionItemIds: string[]) => void;\n\n  /**\n   * Defines the display of the accordion and the items:\n   * \"divider\": with a dividing line between the items\n   * \"card\": w/o dividing line, but items are shown in the card variant\n   */\n  variant?: AccordionVariantType;\n};\nexport type DBAccordionProps = DBAccordionDefaultProps & GlobalProps;\nexport type DBAccordionDefaultState = {\n  _initOpenIndexDone: boolean;\n  _name: string;\n  convertItems: (items?: unknown[] | string) => DBAccordionItemDefaultProps[];\n};\nexport type DBAccordionState = DBAccordionDefaultState & GlobalState & InitializedState"]}
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/accordion/model.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,SAAS,EAAE,MAAM,CAAU,CAAC;AAEjE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,UAAU,EAAE,QAAQ,CAAU,CAAC","sourcesContent":["import { GlobalProps, GlobalState, InitializedState } from '../../shared/model';\nimport { DBAccordionItemDefaultProps } from '../accordion-item/model';\nexport const AccordionVariantList = ['divider', 'card'] as const;\nexport type AccordionVariantType = (typeof AccordionVariantList)[number];\nexport const AccordionBehaviorList = ['multiple', 'single'] as const;\nexport type AccordionBehaviorType = (typeof AccordionBehaviorList)[number];\nexport type DBAccordionDefaultProps = {\n  /**\n   * To allow multiple items open at the same time or only 1 item\n   */\n  behavior?: AccordionBehaviorType;\n  /**\n   * The index of items which should be open when loading the accordion\n   */\n  initOpenIndex?: number[];\n\n  /**\n   * Alternative to pass in a simple representation of accordion items\n   */\n  items?: DBAccordionItemDefaultProps[] | string;\n\n  /**\n   * Set details name for exclusive accordions, see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details#name\n   */\n  name?: string;\n\n  /**\n   * Informs about the changes in the internal state, which item is open\n   */\n  onChange?: (openAccordionItemIds: string[]) => void;\n\n  /**\n   * Defines the display of the accordion and the items:\n   * \"divider\": with a dividing line between the items\n   * \"card\": w/o dividing line, but items are shown in the card variant\n   */\n  variant?: AccordionVariantType;\n};\nexport type DBAccordionProps = DBAccordionDefaultProps & GlobalProps;\nexport type DBAccordionDefaultState = {\n  _initOpenIndexDone: boolean;\n  _name: string;\n  convertItems: (items?: unknown[] | string) => DBAccordionItemDefaultProps[];\n};\nexport type DBAccordionState = DBAccordionDefaultState & GlobalState & InitializedState"]}

package/dist/collection/components/badge/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/badge/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,kBAAkB,GAAI,CAAC,QAAQ,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,qBAAqB,CAAW,CAAC","sourcesContent":["import { GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, TagEmphasisProps, TextProps } from '../../shared/model';\nexport const BadgePlacementList = (['inline', 'corner-top-left', 'corner-top-right', 'corner-center-left', 'corner-center-right', 'corner-bottom-left', 'corner-bottom-right'] as const);\nexport type BadgePlacementType = (typeof BadgePlacementList)[number];\nexport type DBBadgeDefaultProps = {\n  /**\n   * The `placement` attributes `corner-*` values change the position to absolute and adds a transform based on the placement.\n   */\n  placement?: BadgePlacementType;\n\n  /**\n   * Describes the badge for a11y if you use placement attribute with `corner-*`\n   */\n  label?: string;\n};\nexport type DBBadgeProps = DBBadgeDefaultProps & GlobalProps & SemanticProps & SizeProps & TagEmphasisProps & TextProps;\nexport type DBBadgeDefaultState = {};\nexport type DBBadgeState = DBBadgeDefaultState & GlobalState & InitializedState"]}
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/badge/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,QAAQ,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,qBAAqB,CAAU,CAAC","sourcesContent":["import { GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, TagEmphasisProps, TextProps } from '../../shared/model';\nexport const BadgePlacementList = ['inline', 'corner-top-left', 'corner-top-right', 'corner-center-left', 'corner-center-right', 'corner-bottom-left', 'corner-bottom-right'] as const;\nexport type BadgePlacementType = (typeof BadgePlacementList)[number];\nexport type DBBadgeDefaultProps = {\n  /**\n   * The `placement` attributes `corner-*` values change the position to absolute and adds a transform based on the placement.\n   */\n  placement?: BadgePlacementType;\n\n  /**\n   * Describes the badge for a11y if you use placement attribute with `corner-*`\n   */\n  label?: string;\n};\nexport type DBBadgeProps = DBBadgeDefaultProps & GlobalProps & SemanticProps & SizeProps & TagEmphasisProps & TextProps;\nexport type DBBadgeDefaultState = {};\nexport type DBBadgeState = DBBadgeDefaultState & GlobalState & InitializedState"]}

package/dist/collection/components/button/button.js

@@ -283,7 +283,7 @@ export class DBButton {
                 "mutable": false,
                 "complexType": {
                     "original": "DBButtonProps[\"width\"]",
-                    "resolved": "\"auto\" | \"full\"",
+                    "resolved": "string",
                     "references": {
                         "DBButtonProps": {
                             "location": "import",

package/dist/collection/components/button/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/button/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,iBAAiB,GAAI,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAW,CAAC;AAErF,MAAM,CAAC,MAAM,cAAc,GAAI,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAW,CAAC;AAEvE,MAAM,CAAC,MAAM,eAAe,GAAI,CAAC,SAAS,CAAW,CAAC","sourcesContent":["import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, ShowIconProps, SizeProps, TextProps, WidthProps } from '../../shared/model';\nexport const ButtonVariantList = (['outlined', 'brand', 'filled', 'ghost'] as const);\nexport type ButtonVariantType = (typeof ButtonVariantList)[number];\nexport const ButtonTypeList = (['button', 'reset', 'submit'] as const);\nexport type ButtonTypeType = (typeof ButtonTypeList)[number];\nexport const ButtonStateList = (['loading'] as const);\nexport type ButtonStateType = (typeof ButtonStateList)[number];\nexport type DBButtonDefaultProps = {\n  /**\n   * If the button controls a grouping of other elements, the ariaexpanded state [indicates whether the controlled grouping is currently expanded or collapsed](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded).\n   */\n  ariaexpanded?: boolean;\n\n  /**\n   * Defines the button as a toggle button. The value of [ariapressed describes the state of the button](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed).\n   */\n  ariapressed?: boolean;\n\n  /**\n   * The disabled attribute can be set to [keep a user from clicking on the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).\n   */\n  disabled?: boolean;\n\n  /**\n   * Define the text next to the icon specified via the icon Property to get hidden.\n   */\n  noText?: boolean; // We had to rename this to noText because wc-core-components uses a regex and always finds \"icon\" instead of \"onlyIcon\"\n\n  /**\n   * The label represents the [aria-label attributes](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) value of the button\n   */\n  label?: string;\n\n  /**\n   * The name attribute specifies a [name attributes value](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name) for the button.\n   */\n  name?: string;\n\n  /**\n   * The type attribute specifies the [type of button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type).\n   */\n  type?: ButtonTypeType;\n\n  /**\n   * The value attribute specifies an initial [value for the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value).\n   */\n  value?: string;\n\n  /**\n   * Show loading progress inside button.\n   */\n  state?: ButtonStateType;\n\n  /**\n   * Variant of the button. Use only 1 primary button on a page as CTA otherwise use one of the adaptive buttons.\n   */\n  variant?: ButtonVariantType | string;\n};\nexport type DBButtonProps = DBButtonDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & SizeProps & ShowIconProps & TextProps;\nexport type DBButtonDefaultState = {};\nexport type DBButtonState = DBButtonDefaultState & GlobalState & ClickEventState<HTMLButtonElement>"]}
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/button/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,UAAU,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAU,CAAC;AAEnF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,CAAU,CAAC;AAErE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAS,CAAU,CAAC","sourcesContent":["import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, ShowIconProps, SizeProps, TextProps, WidthProps } from '../../shared/model';\nexport const ButtonVariantList = ['outlined', 'brand', 'filled', 'ghost'] as const;\nexport type ButtonVariantType = (typeof ButtonVariantList)[number];\nexport const ButtonTypeList = ['button', 'reset', 'submit'] as const;\nexport type ButtonTypeType = (typeof ButtonTypeList)[number];\nexport const ButtonStateList = ['loading'] as const;\nexport type ButtonStateType = (typeof ButtonStateList)[number];\nexport type DBButtonDefaultProps = {\n  /**\n   * If the button controls a grouping of other elements, the ariaexpanded state [indicates whether the controlled grouping is currently expanded or collapsed](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded).\n   */\n  ariaexpanded?: boolean;\n\n  /**\n   * Defines the button as a toggle button. The value of [ariapressed describes the state of the button](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-pressed).\n   */\n  ariapressed?: boolean;\n\n  /**\n   * The disabled attribute can be set to [keep a user from clicking on the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).\n   */\n  disabled?: boolean;\n\n  /**\n   * Define the text next to the icon specified via the icon Property to get hidden.\n   */\n  noText?: boolean; // We had to rename this to noText because wc-core-components uses a regex and always finds \"icon\" instead of \"onlyIcon\"\n\n  /**\n   * The label represents the [aria-label attributes](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label) value of the button\n   */\n  label?: string;\n\n  /**\n   * The name attribute specifies a [name attributes value](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name) for the button.\n   */\n  name?: string;\n\n  /**\n   * The type attribute specifies the [type of button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type).\n   */\n  type?: ButtonTypeType;\n\n  /**\n   * The value attribute specifies an initial [value for the button](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value).\n   */\n  value?: string;\n\n  /**\n   * Show loading progress inside button.\n   */\n  state?: ButtonStateType;\n\n  /**\n   * Variant of the button. Use only 1 primary button on a page as CTA otherwise use one of the adaptive buttons.\n   */\n  variant?: ButtonVariantType | string;\n};\nexport type DBButtonProps = DBButtonDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & SizeProps & ShowIconProps & TextProps;\nexport type DBButtonDefaultState = {};\nexport type DBButtonState = DBButtonDefaultState & GlobalState & ClickEventState<HTMLButtonElement>"]}

package/dist/collection/components/card/card.js

@@ -158,7 +158,7 @@ export class DBCard {
                 "mutable": false,
                 "complexType": {
                     "original": "DBCardProps[\"spacing\"]",
-                    "resolved": "\"large\" | \"medium\" | \"none\" | \"small\"",
+                    "resolved": "string",
                     "references": {
                         "DBCardProps": {
                             "location": "import",

package/dist/collection/components/card/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/card/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,gBAAgB,GAAI,CAAC,QAAQ,EAAE,aAAa,CAAW,CAAC;AAErE,MAAM,CAAC,MAAM,sBAAsB,GAAI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAW,CAAC","sourcesContent":["import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, SpacingProps } from '../../shared/model';\nexport const CardBehaviorList = (['static', 'interactive'] as const);\nexport type CardBehaviorType = (typeof CardBehaviorList)[number];\nexport const CardElevationLevelList = (['1', '2', '3'] as const);\nexport type CardElevationLevelType = (typeof CardElevationLevelList)[number];\nexport type DBCardDefaultProps = {\n  /**\n   * Makes the card interactive\n   */\n  behavior?: CardBehaviorType;\n\n  /**\n   * Changes the elevation of the card which is equal to `basic-background-level`\n   */\n  elevationLevel?: CardElevationLevelType;\n};\nexport type DBCardProps = DBCardDefaultProps & GlobalProps & ClickEventProps<HTMLElement> & SpacingProps;\nexport type DBCardDefaultState = {};\nexport type DBCardState = DBCardDefaultState & GlobalState & ClickEventState<HTMLElement>"]}
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/card/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAQ,EAAE,aAAa,CAAU,CAAC;AAEnE,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC","sourcesContent":["import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, SpacingProps } from '../../shared/model';\nexport const CardBehaviorList = ['static', 'interactive'] as const;\nexport type CardBehaviorType = (typeof CardBehaviorList)[number];\nexport const CardElevationLevelList = ['1', '2', '3'] as const;\nexport type CardElevationLevelType = (typeof CardElevationLevelList)[number];\nexport type DBCardDefaultProps = {\n  /**\n   * Makes the card interactive\n   */\n  behavior?: CardBehaviorType;\n\n  /**\n   * Changes the elevation of the card which is equal to `basic-background-level`\n   */\n  elevationLevel?: CardElevationLevelType;\n};\nexport type DBCardProps = DBCardDefaultProps & GlobalProps & ClickEventProps<HTMLElement> & SpacingProps;\nexport type DBCardDefaultState = {};\nexport type DBCardState = DBCardDefaultState & GlobalState & ClickEventState<HTMLElement>"]}

package/dist/collection/components/divider/divider.js

@@ -153,7 +153,7 @@ export class DBDivider {
                 "mutable": false,
                 "complexType": {
                     "original": "DBDividerProps[\"width\"]",
-                    "resolved": "\"auto\" | \"full\"",
+                    "resolved": "string",
                     "references": {
                         "DBDividerProps": {
                             "location": "import",

package/dist/collection/components/divider/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/divider/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,iBAAiB,GAAI,CAAC,MAAM,EAAE,GAAG,CAAW,CAAC;AAE1D,MAAM,CAAC,MAAM,kBAAkB,GAAI,CAAC,YAAY,EAAE,UAAU,CAAW,CAAC","sourcesContent":["import { EmphasisProps, GlobalProps, GlobalState, MarginProps, WidthProps } from '../../shared/model';\nexport const DividerMarginList = (['none', '_'] as const);\nexport type DividerMarginType = (typeof DividerMarginList)[number];\nexport const DividerVariantList = (['horizontal', 'vertical'] as const);\nexport type DividerVariantType = (typeof DividerVariantList)[number];\nexport type DBDividerDefaultProps = {\n  /**\n   * Removes the margin of the divider.\n   */\n  margin?: DividerMarginType;\n  /**\n   * Changes the orientation of the divider.\n   */\n  variant?: DividerVariantType;\n};\nexport type DBDividerProps = DBDividerDefaultProps & GlobalProps & EmphasisProps & MarginProps & WidthProps;\nexport type DBDividerDefaultState = {};\nexport type DBDividerState = DBDividerDefaultState & GlobalState"]}
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/divider/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,MAAM,EAAE,GAAG,CAAU,CAAC;AAExD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,YAAY,EAAE,UAAU,CAAU,CAAC","sourcesContent":["import { EmphasisProps, GlobalProps, GlobalState, MarginProps, WidthProps } from '../../shared/model';\nexport const DividerMarginList = ['none', '_'] as const;\nexport type DividerMarginType = (typeof DividerMarginList)[number];\nexport const DividerVariantList = ['horizontal', 'vertical'] as const;\nexport type DividerVariantType = (typeof DividerVariantList)[number];\nexport type DBDividerDefaultProps = {\n  /**\n   * Removes the margin of the divider.\n   */\n  margin?: DividerMarginType;\n  /**\n   * Changes the orientation of the divider.\n   */\n  variant?: DividerVariantType;\n};\nexport type DBDividerProps = DBDividerDefaultProps & GlobalProps & EmphasisProps & MarginProps & WidthProps;\nexport type DBDividerDefaultState = {};\nexport type DBDividerState = DBDividerDefaultState & GlobalState"]}

package/dist/collection/components/drawer/drawer.js

@@ -233,7 +233,7 @@ export class DBDrawer {
                 "mutable": false,
                 "complexType": {
                     "original": "DBDrawerProps[\"spacing\"]",
-                    "resolved": "\"large\" | \"medium\" | \"none\" | \"small\"",
+                    "resolved": "string",
                     "references": {
                         "DBDrawerProps": {
                             "location": "import",
@@ -258,7 +258,7 @@ export class DBDrawer {
                 "mutable": false,
                 "complexType": {
                     "original": "DBDrawerProps[\"width\"]",
-                    "resolved": "\"auto\" | \"full\"",
+                    "resolved": "string",
                     "references": {
                         "DBDrawerProps": {
                             "location": "import",

package/dist/collection/components/drawer/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/drawer/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,kBAAkB,GAAI,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAW,CAAC;AAErF,MAAM,CAAC,MAAM,mBAAmB,GAAI,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAW,CAAC;AAE9E,MAAM,CAAC,MAAM,iBAAiB,GAAI,CAAC,OAAO,EAAE,QAAQ,CAAW,CAAC","sourcesContent":["import { CloseEventProps, CloseEventState, GlobalProps, GlobalState, InnerCloseButtonProps, SpacingProps, WidthProps } from '../../shared/model';\nexport const DrawerBackdropList = (['none', 'strong', 'weak', 'invisible'] as const);\nexport type DrawerBackdropType = (typeof DrawerBackdropList)[number];\nexport const DrawerDirectionList = (['left', 'right', 'up', 'down'] as const);\nexport type DrawerDirectionType = (typeof DrawerDirectionList)[number];\nexport const DrawerVariantList = (['modal', 'inside'] as const);\nexport type DrawerVariantType = (typeof DrawerVariantList)[number];\nexport type DBDrawerDefaultProps = {\n  /**\n   * The backdrop attribute changes the opacity of the backdrop.\n   * The backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`\n   */\n  backdrop?: DrawerBackdropType;\n  /**\n   * The direction attribute changes the position & animation of the drawer.\n   * E.g. \"left\" slides from left screen border to the right.\n   */\n  direction?: DrawerDirectionType;\n\n  /**\n   * Slot for changing the header of the drawer.\n   */\n  drawerHeader?: any;\n\n  /**\n   * The open attribute opens or closes the drawer based on the state.\n   */\n  open?: boolean;\n  /**\n   * The rounded attribute changes the border radius of the corners on the \"end\" of the drawer.\n   * The \"end\" depends on which direction you use.\n   */\n  rounded?: boolean;\n  /**\n   * Set the variant modal|inside. Defaults to modal.\n   */\n  variant?: DrawerVariantType;\n};\nexport type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps & InnerCloseButtonProps & WidthProps & SpacingProps;\nexport type DBDrawerDefaultState = {\n  handleDialogOpen: () => void;\n};\nexport type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState"]}
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/drawer/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,CAAU,CAAC;AAEnF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAU,CAAC;AAE5E,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAU,CAAC","sourcesContent":["import { CloseEventProps, CloseEventState, GlobalProps, GlobalState, InnerCloseButtonProps, SpacingProps, WidthProps } from '../../shared/model';\nexport const DrawerBackdropList = ['none', 'strong', 'weak', 'invisible'] as const;\nexport type DrawerBackdropType = (typeof DrawerBackdropList)[number];\nexport const DrawerDirectionList = ['left', 'right', 'up', 'down'] as const;\nexport type DrawerDirectionType = (typeof DrawerDirectionList)[number];\nexport const DrawerVariantList = ['modal', 'inside'] as const;\nexport type DrawerVariantType = (typeof DrawerVariantList)[number];\nexport type DBDrawerDefaultProps = {\n  /**\n   * The backdrop attribute changes the opacity of the backdrop.\n   * The backdrop 'none' will use `dialog.show()` instead of `dialog.showModal()`\n   */\n  backdrop?: DrawerBackdropType;\n  /**\n   * The direction attribute changes the position & animation of the drawer.\n   * E.g. \"left\" slides from left screen border to the right.\n   */\n  direction?: DrawerDirectionType;\n\n  /**\n   * Slot for changing the header of the drawer.\n   */\n  drawerHeader?: any;\n\n  /**\n   * The open attribute opens or closes the drawer based on the state.\n   */\n  open?: boolean;\n  /**\n   * The rounded attribute changes the border radius of the corners on the \"end\" of the drawer.\n   * The \"end\" depends on which direction you use.\n   */\n  rounded?: boolean;\n  /**\n   * Set the variant modal|inside. Defaults to modal.\n   */\n  variant?: DrawerVariantType;\n};\nexport type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps & InnerCloseButtonProps & WidthProps & SpacingProps;\nexport type DBDrawerDefaultState = {\n  handleDialogOpen: () => void;\n};\nexport type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState"]}

package/dist/collection/components/icon/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/icon/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,eAAe,GAAI,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAW,CAAC;AAE5E,MAAM,CAAC,MAAM,cAAc,GAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAW,CAAC","sourcesContent":["import { GlobalProps, GlobalState, IconProps, TextProps } from '../../shared/model';\nexport const IconVariantList = (['default', 'inverted', 'filled'] as const);\nexport type IconVariantType = (typeof IconVariantList)[number];\nexport const IconWeightList = (['16', '20', '24', '32', '48', '64'] as const);\nexport type IconWeightType = (typeof IconWeightList)[number];\nexport type DBIconDefaultProps = {\n  variant?: IconVariantType;\n  weight?: IconWeightType;\n};\nexport type DBIconProps = DBIconDefaultProps & GlobalProps & IconProps & TextProps;\nexport type DBIconDefaultState = {};\nexport type DBIconState = DBIconDefaultState & GlobalState"]}
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/icon/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,SAAS,EAAE,UAAU,EAAE,QAAQ,CAAU,CAAC;AAE1E,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAU,CAAC","sourcesContent":["import { GlobalProps, GlobalState, IconProps, TextProps } from '../../shared/model';\nexport const IconVariantList = ['default', 'inverted', 'filled'] as const;\nexport type IconVariantType = (typeof IconVariantList)[number];\nexport const IconWeightList = ['16', '20', '24', '32', '48', '64'] as const;\nexport type IconWeightType = (typeof IconWeightList)[number];\nexport type DBIconDefaultProps = {\n  variant?: IconVariantType;\n  weight?: IconWeightType;\n};\nexport type DBIconProps = DBIconDefaultProps & GlobalProps & IconProps & TextProps;\nexport type DBIconDefaultState = {};\nexport type DBIconState = DBIconDefaultState & GlobalState"]}

package/dist/collection/components/input/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/input/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,aAAa,GAAI,CAAC,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM;IACjF,mCAAmC;IACnC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO;IAChD,mCAAmC;IACnC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAW,CAAC","sourcesContent":["import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, GlobalProps, GlobalState, IconAfterProps, IconProps, InputEventProps, InputEventState, ShowIconProps, ValueLabelType } from '../../shared/model';\nexport const InputTypeList = (['color', 'date', 'datetime-local', 'email', 'file',\n// TODO: move this to own component\n'hidden', 'month', 'number', 'password', 'range',\n// TODO: move this to own component\n'search', 'tel', 'text', 'time', 'url', 'week'] as const);\nexport type InputTypeType = (typeof InputTypeList)[number];\nexport type DBInputDefaultProps = {\n  /**\n   * Set a [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) via attribute instead of children.\n   */\n  dataList?: string[] | ValueLabelType[];\n  /**\n   * Add a custom id to [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) if you're using `dataList` attribute.\n   */\n  dataListId?: string;\n  /**\n   * Maximum value\n   */\n  max?: number | string;\n  /**\n   * Minimum value\n   */\n  min?: number | string;\n\n  /**\n   * Pattern the value must match to be valid\n   */\n  pattern?: string;\n  /**\n   * \tType of form control\n   */\n  type?: InputTypeType | string;\n  /**\n   * Sets [step value](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).\n   */\n  step?: number | string;\n};\nexport type DBInputProps = DBInputDefaultProps & GlobalProps & FormTextProps & InputEventProps<HTMLInputElement> & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & IconProps & IconAfterProps & FormMessageProps & ShowIconProps & FormSizeProps;\nexport type DBInputDefaultState = {\n  _dataListId?: string;\n  getDataList: (_list?: string[] | ValueLabelType[]) => ValueLabelType[];\n};\nexport type DBInputState = DBInputDefaultState & GlobalState & InputEventState<HTMLInputElement> & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState"]}
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/input/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM;IAChF,mCAAmC;IACnC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO;IAChD,mCAAmC;IACnC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAU,CAAC","sourcesContent":["import { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormMessageProps, FormProps, FormSizeProps, FormState, FormTextProps, GlobalProps, GlobalState, IconAfterProps, IconProps, InputEventProps, InputEventState, ShowIconProps, ValueLabelType } from '../../shared/model';\nexport const InputTypeList = ['color', 'date', 'datetime-local', 'email', 'file',\n// TODO: move this to own component\n'hidden', 'month', 'number', 'password', 'range',\n// TODO: move this to own component\n'search', 'tel', 'text', 'time', 'url', 'week'] as const;\nexport type InputTypeType = (typeof InputTypeList)[number];\nexport type DBInputDefaultProps = {\n  /**\n   * Set a [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) via attribute instead of children.\n   */\n  dataList?: string[] | ValueLabelType[];\n  /**\n   * Add a custom id to [data list](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist) if you're using `dataList` attribute.\n   */\n  dataListId?: string;\n  /**\n   * Maximum value\n   */\n  max?: number | string;\n  /**\n   * Minimum value\n   */\n  min?: number | string;\n\n  /**\n   * Pattern the value must match to be valid\n   */\n  pattern?: string;\n  /**\n   * \tType of form control\n   */\n  type?: InputTypeType | string;\n  /**\n   * Sets [step value](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/step).\n   */\n  step?: number | string;\n};\nexport type DBInputProps = DBInputDefaultProps & GlobalProps & FormTextProps & InputEventProps<HTMLInputElement> & ChangeEventProps<HTMLInputElement> & FocusEventProps<HTMLInputElement> & FormProps & IconProps & IconAfterProps & FormMessageProps & ShowIconProps & FormSizeProps;\nexport type DBInputDefaultState = {\n  _dataListId?: string;\n  getDataList: (_list?: string[] | ValueLabelType[]) => ValueLabelType[];\n};\nexport type DBInputState = DBInputDefaultState & GlobalState & InputEventState<HTMLInputElement> & ChangeEventState<HTMLInputElement> & FocusEventState<HTMLInputElement> & FormState"]}

package/dist/collection/components/link/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/link/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,eAAe,GAAI,CAAC,UAAU,EAAE,OAAO,CAAW,CAAC;AAEhE,MAAM,CAAC,MAAM,YAAY,GAAI,CAAC,QAAQ,EAAE,OAAO,CAAW,CAAC;AAE3D,MAAM,CAAC,MAAM,eAAe,GAAI,CAAC,UAAU,EAAE,UAAU,CAAW,CAAC","sourcesContent":["import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, LinkProps, ShowIconProps, TextProps } from '../../shared/model';\nexport const LinkVariantList = (['adaptive', 'brand'] as const);\nexport type LinkVariantType = (typeof LinkVariantList)[number];\nexport const LinkSizeList = (['medium', 'small'] as const);\nexport type LinkSizeType = (typeof LinkSizeList)[number];\nexport const LinkContentList = (['external', 'internal'] as const);\nexport type LinkContentType = (typeof LinkContentList)[number];\nexport type DBLinkDefaultProps = {\n  /**\n   * Adds a different arrow after the link to indicate external or internal link\n   */\n  content?: LinkContentType;\n  /**\n   * Change the size of the link\n   */\n  size?: LinkSizeType;\n  /**\n   * Change the styling of the link. `inline` will remove the arrow. Defaults to adaptive.\n   */\n  variant?: LinkVariantType;\n};\nexport type DBLinkProps = DBLinkDefaultProps & GlobalProps & ClickEventProps<HTMLAnchorElement> & LinkProps & ShowIconProps & TextProps;\nexport type DBLinkDefaultState = {};\nexport type DBLinkState = DBLinkDefaultState & GlobalState & ClickEventState<HTMLAnchorElement>"]}
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/link/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,UAAU,EAAE,OAAO,CAAU,CAAC;AAE9D,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU,CAAC;AAEzD,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,UAAU,EAAE,UAAU,CAAU,CAAC","sourcesContent":["import { ClickEventProps, ClickEventState, GlobalProps, GlobalState, LinkProps, ShowIconProps, TextProps } from '../../shared/model';\nexport const LinkVariantList = ['adaptive', 'brand'] as const;\nexport type LinkVariantType = (typeof LinkVariantList)[number];\nexport const LinkSizeList = ['medium', 'small'] as const;\nexport type LinkSizeType = (typeof LinkSizeList)[number];\nexport const LinkContentList = ['external', 'internal'] as const;\nexport type LinkContentType = (typeof LinkContentList)[number];\nexport type DBLinkDefaultProps = {\n  /**\n   * Adds a different arrow after the link to indicate external or internal link\n   */\n  content?: LinkContentType;\n  /**\n   * Change the size of the link\n   */\n  size?: LinkSizeType;\n  /**\n   * Change the styling of the link. `inline` will remove the arrow. Defaults to adaptive.\n   */\n  variant?: LinkVariantType;\n};\nexport type DBLinkProps = DBLinkDefaultProps & GlobalProps & ClickEventProps<HTMLAnchorElement> & LinkProps & ShowIconProps & TextProps;\nexport type DBLinkDefaultState = {};\nexport type DBLinkState = DBLinkDefaultState & GlobalState & ClickEventState<HTMLAnchorElement>"]}

package/dist/collection/components/navigation-item/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/navigation-item/model.ts"],"names":[],"mappings":"","sourcesContent":["import { ClickEvent, ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, NavigationBehaviorState, ShowIconProps, TextProps, WidthProps } from '../../shared/model';\nimport { NavigationItemSafeTriangle } from '../../utils/navigation';\nexport type DBNavigationItemDefaultProps = {\n  /**\n   * Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current=\"page\" on the contained anchor, this does not guarantee correct a11y.\n   */\n  active?: boolean;\n\n  /**\n   * The disabled attribute can be set to [keep a user from clicking on the item](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).\n   */\n  disabled?: boolean;\n\n  /**\n   * React-specific property to pass in a slot for sub-navigation\n   */\n  subNavigation?: any;\n\n  /**\n   * This is for mobile navigation only, if it is set the sub-navigation is a static overlay\n   */\n  subNavigationExpanded?: boolean;\n};\nexport type DBNavigationItemProps = DBNavigationItemDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & NavigationBackButtonProps & ShowIconProps & TextProps;\nexport type DBNavigationItemDefaultState = {\n  handleBackClick: (event: ClickEvent<HTMLButtonElement>) => void;\n  hasAreaPopup: boolean;\n  isSubNavigationExpanded: boolean;\n  subNavigationId: string;\n\n  /**\n   * Internal state property to show/hide sub-navigation button\n   */\n  hasSubNavigation?: boolean;\n  updateSubNavigationState: () => void;\n  navigationItemSafeTriangle?: NavigationItemSafeTriangle;\n  autoClose?: boolean;\n};\nexport type DBNavigationItemState = DBNavigationItemDefaultState & ClickEventState<HTMLButtonElement> & GlobalState & InitializedState & NavigationBehaviorState"]}
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/navigation-item/model.ts"],"names":[],"mappings":"","sourcesContent":["import { ClickEvent, ClickEventProps, ClickEventState, GlobalProps, GlobalState, IconProps, InitializedState, NavigationBackButtonProps, NavigationBehaviorState, ShowIconProps, TextProps, WidthProps } from '../../shared/model';\nimport { NavigationItemSafeTriangle } from '../../utils/navigation';\nexport type DBNavigationItemDefaultProps = {\n  /**\n   * Alternative indicator for active navigation item (bold font). In contrast to the use of aria-current=\"page\" on the contained anchor, this does not guarantee correct a11y.\n   */\n  active?: boolean;\n\n  /**\n   * The disabled attribute can be set to [keep a user from clicking on the item](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled).\n   */\n  disabled?: boolean;\n\n  /**\n   * React-specific property to pass in a slot for sub-navigation\n   */\n\n  subNavigation?: any;\n\n  /**\n   * This is for mobile navigation only, if it is set the sub-navigation is a static overlay\n   */\n  subNavigationExpanded?: boolean;\n};\nexport type DBNavigationItemProps = DBNavigationItemDefaultProps & GlobalProps & ClickEventProps<HTMLButtonElement> & IconProps & WidthProps & NavigationBackButtonProps & ShowIconProps & TextProps;\nexport type DBNavigationItemDefaultState = {\n  handleBackClick: (event: ClickEvent<HTMLButtonElement>) => void;\n  hasAreaPopup: boolean;\n  isSubNavigationExpanded: boolean;\n  subNavigationId: string;\n\n  /**\n   * Internal state property to show/hide sub-navigation button\n   */\n  hasSubNavigation?: boolean;\n  updateSubNavigationState: () => void;\n  navigationItemSafeTriangle?: NavigationItemSafeTriangle;\n  autoClose?: boolean;\n};\nexport type DBNavigationItemState = DBNavigationItemDefaultState & ClickEventState<HTMLButtonElement> & GlobalState & InitializedState & NavigationBehaviorState"]}

package/dist/collection/components/navigation-item/navigation-item.js

@@ -194,7 +194,7 @@ export class DBNavigationItem {
                 "mutable": false,
                 "complexType": {
                     "original": "DBNavigationItemProps[\"width\"]",
-                    "resolved": "\"auto\" | \"full\"",
+                    "resolved": "string",
                     "references": {
                         "DBNavigationItemProps": {
                             "location": "import",

package/dist/collection/components/notification/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/notification/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,uBAAuB,GAAI,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,CAAW,CAAC;AAEtF,MAAM,CAAC,MAAM,2BAA2B,GAAI,CAAC,OAAO,EAAE,QAAQ,CAAW,CAAC;AAE1E,MAAM,CAAC,MAAM,wBAAwB,GAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAW,CAAC","sourcesContent":["import { CloseEventProps, CloseEventState, GlobalProps, GlobalState, IconProps, InnerCloseButtonProps, PopoverProps, SemanticProps, ShowIconProps, TextProps } from '../../shared/model';\nexport const NotificationVariantList = (['docked', 'standalone', 'overlay'] as const);\nexport type NotificationVariantType = (typeof NotificationVariantList)[number];\nexport const NotificationLinkVariantList = (['block', 'inline'] as const);\nexport type NotificationLinkVariantType = (typeof NotificationLinkVariantList)[number];\nexport const NotificationAriaLiveList = (['assertive', 'polite', 'off'] as const);\nexport type NotificationAriaLiveType = (typeof NotificationAriaLiveList)[number];\nexport type DBNotificationDefaultProps = {\n  /**\n   * The arialive attribute will lead to that the screenreader interrupts immediately\n   * and reads out the notification if set to \"assertive\", while it will wait for the\n   * user's idleness when set to \"polite\", compare to [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live)\n   */\n  ariaLive?: NotificationAriaLiveType;\n\n  /**\n   * The closeable attribute shows/hides the close button on the top right.\n   */\n  closeable?: boolean;\n\n  /**\n   * The headline attribute changes the text of the bold headline.\n   */\n  headline?: string | any;\n\n  /**\n   * The slotImage can be set instead of an icon.\n   */\n  image?: any;\n\n  /**\n   * The slotLink can be set for non overlay-notifications\n   */\n  link?: any;\n\n  /**\n   * The linkVariant will be used if slotLink is set.\n   */\n  linkVariant?: NotificationLinkVariantType;\n\n  /**\n   * Enables or disables the visibility of the headline.\n   */\n  showHeadline?: boolean;\n\n  /**\n   * The timestamp attribute can be set for overlay notifications\n   */\n  timestamp?: string;\n\n  /**\n   * Enables or disables the visibility of the timestamp.\n   */\n  showTimestamp?: boolean;\n\n  /**\n   * The variant attribute changes the styling of the notification.\n   * The docked notifications are used e.g. between header and main content to show a global alert.\n   * The standalone notifications are used  e.g. inside a form to show an alert for a specific field.\n   * The overlay notifications are used for absolute and floating notifications like snackbars etc.\n   */\n  variant?: NotificationVariantType;\n};\nexport type DBNotificationProps = DBNotificationDefaultProps & GlobalProps & CloseEventProps & IconProps & SemanticProps & InnerCloseButtonProps & PopoverProps & ShowIconProps & TextProps;\nexport type DBNotificationDefaultState = {};\nexport type DBNotificationState = DBNotificationDefaultState & GlobalState & CloseEventState"]}
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/notification/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,CAAU,CAAC;AAEpF,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAU,CAAC;AAExE,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,CAAU,CAAC","sourcesContent":["import { CloseEventProps, CloseEventState, GlobalProps, GlobalState, IconProps, InnerCloseButtonProps, PopoverProps, SemanticProps, ShowIconProps, TextProps } from '../../shared/model';\nexport const NotificationVariantList = ['docked', 'standalone', 'overlay'] as const;\nexport type NotificationVariantType = (typeof NotificationVariantList)[number];\nexport const NotificationLinkVariantList = ['block', 'inline'] as const;\nexport type NotificationLinkVariantType = (typeof NotificationLinkVariantList)[number];\nexport const NotificationAriaLiveList = ['assertive', 'polite', 'off'] as const;\nexport type NotificationAriaLiveType = (typeof NotificationAriaLiveList)[number];\nexport type DBNotificationDefaultProps = {\n  /**\n   * The arialive attribute will lead to that the screenreader interrupts immediately\n   * and reads out the notification if set to \"assertive\", while it will wait for the\n   * user's idleness when set to \"polite\", compare to [aria-live](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-live)\n   */\n  ariaLive?: NotificationAriaLiveType;\n\n  /**\n   * The closeable attribute shows/hides the close button on the top right.\n   */\n  closeable?: boolean;\n\n  /**\n   * The headline attribute changes the text of the bold headline.\n   */\n  headline?: string | any;\n\n  /**\n   * The slotImage can be set instead of an icon.\n   */\n  image?: any;\n\n  /**\n   * The slotLink can be set for non overlay-notifications\n   */\n  link?: any;\n\n  /**\n   * The linkVariant will be used if slotLink is set.\n   */\n  linkVariant?: NotificationLinkVariantType;\n\n  /**\n   * Enables or disables the visibility of the headline.\n   */\n  showHeadline?: boolean;\n\n  /**\n   * The timestamp attribute can be set for overlay notifications\n   */\n  timestamp?: string;\n\n  /**\n   * Enables or disables the visibility of the timestamp.\n   */\n  showTimestamp?: boolean;\n\n  /**\n   * The variant attribute changes the styling of the notification.\n   * The docked notifications are used e.g. between header and main content to show a global alert.\n   * The standalone notifications are used  e.g. inside a form to show an alert for a specific field.\n   * The overlay notifications are used for absolute and floating notifications like snackbars etc.\n   */\n  variant?: NotificationVariantType;\n};\nexport type DBNotificationProps = DBNotificationDefaultProps & GlobalProps & CloseEventProps & IconProps & SemanticProps & InnerCloseButtonProps & PopoverProps & ShowIconProps & TextProps;\nexport type DBNotificationDefaultState = {};\nexport type DBNotificationState = DBNotificationDefaultState & GlobalState & CloseEventState"]}

package/dist/collection/components/page/model.js.map

@@ -1 +1 @@
-{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/page/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,eAAe,GAAI,CAAC,MAAM,EAAE,OAAO,CAAW,CAAC;AAE5D,MAAM,CAAC,MAAM,wBAAwB,GAAI,CAAC,QAAQ,EAAE,MAAM,CAAW,CAAC","sourcesContent":["import { GlobalProps, GlobalState } from '../../shared/model';\nexport const PageVariantList = (['auto', 'fixed'] as const);\nexport type PageVariantType = (typeof PageVariantList)[number];\nexport const PageDocumentOverflowList = (['hidden', 'auto'] as const);\nexport type PageDocumentOverflowType = (typeof PageDocumentOverflowList)[number];\nexport type DBPageDefaultProps = {\n  /**\n   * The documentOverflow sets the overflow:hidden/auto to the root document\n   */\n  documentOverflow?: PageDocumentOverflowType;\n  /**\n   * Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/\n   */\n  fadeIn?: boolean;\n\n  /**\n   * The slot can be used for React to set a footer.\n   */\n  footer?: any;\n  /**\n   * The slot can be used for React to set a header.\n   */\n  header?: any;\n\n  /**\n   * The variant=fixed uses flex-box to make header and footer static\n   */\n  variant?: PageVariantType;\n};\nexport type DBPageProps = DBPageDefaultProps & GlobalProps;\nexport type DBPageDefaultState = {\n  fontsLoaded?: boolean;\n};\nexport type DBPageState = DBPageDefaultState & GlobalState"]}
+{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../src/components/page/model.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AAE1D,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,QAAQ,EAAE,MAAM,CAAU,CAAC","sourcesContent":["import { GlobalProps, GlobalState } from '../../shared/model';\nexport const PageVariantList = ['auto', 'fixed'] as const;\nexport type PageVariantType = (typeof PageVariantList)[number];\nexport const PageDocumentOverflowList = ['hidden', 'auto'] as const;\nexport type PageDocumentOverflowType = (typeof PageDocumentOverflowList)[number];\nexport type DBPageDefaultProps = {\n  /**\n   * The documentOverflow sets the overflow:hidden/auto to the root document\n   */\n  documentOverflow?: PageDocumentOverflowType;\n  /**\n   * Set this to have a transition with opacity to avoid layout-shifts https://simonhearne.com/2021/layout-shifts-webfonts/\n   */\n  fadeIn?: boolean;\n\n  /**\n   * The slot can be used for React to set a footer.\n   */\n  footer?: any;\n  /**\n   * The slot can be used for React to set a header.\n   */\n  header?: any;\n\n  /**\n   * Adds `class` to `<main>` element\n   */\n  mainClass?: string;\n\n  /**\n   * The variant=fixed uses flex-box to make header and footer static\n   */\n  variant?: PageVariantType;\n};\nexport type DBPageProps = DBPageDefaultProps & GlobalProps;\nexport type DBPageDefaultState = {\n  fontsLoaded?: boolean;\n};\nexport type DBPageState = DBPageDefaultState & GlobalState"]}