@sapudex/web-components 2.1.0 → 2.1.1

package/dist/TextField.js

@@ -64,6 +64,12 @@ let UDExTextField = UDExTextField_1 = class UDExTextField extends UI5Element {
          * @public
          */
         this.valueState = ValueState.Standard;
+        /**
+         * Defines the behaviour of autocomplete.
+         * @default "off"
+         * @public
+         */
+        this.autocomplete = "off";
         /**
          * Defines the inner stored show password button tooltip.
          *
@@ -158,6 +164,12 @@ let UDExTextField = UDExTextField_1 = class UDExTextField extends UI5Element {
             "ariaHasPopup": this._ariaHasPopup || undefined,
         };
     }
+    get inputRole() {
+        return this.isAutoCompleteDisabled ? "presentation" : undefined;
+    }
+    get isAutoCompleteDisabled() {
+        return this.autocomplete === "off" || this.autocomplete === "new-password";
+    }
     handleKeydown(e) {
         e.stopPropagation();
         this.fireDecoratorEvent("keydown", { keyboardEvent: e });
@@ -232,6 +244,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], UDExTextField.prototype, "active", void 0);
+__decorate([
+    property({ type: String })
+], UDExTextField.prototype, "autocomplete", void 0);
 __decorate([
     property({ type: String })
 ], UDExTextField.prototype, "showButtonTooltip", void 0);

package/dist/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../src/TextField.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  VALUE_STATE_SUCCESS,\n  VALUE_STATE_INFORMATION,\n  VALUE_STATE_WARNING,\n  VALUE_STATE_ERROR,\n  READ_ONLY,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport UDExControlButton from \"./ControlButton.js\";\nimport ValueState from \"./types/common.js\";\nimport UDExStatusMessage from \"./StatusMessage.js\";\n\n// Template\nimport TextFieldTemplate from \"./generated/templates/TextFieldTemplate.lit.js\";\n\n// Styles\nimport TextFieldCss from \"./generated/themes/TextField.css.js\";\n\ntype AccInfo = {\n  ariaInvalid?: string;\n  ariaDescribedBy?: string;\n  ariaLabelledBy?: string;\n  ariaLabel?: string;\n  ariaHasPopup?: string,\n}\n\nexport type UDExTextFieldKeydownEventDetail = {\n  keyboardEvent: KeyboardEvent;\n}\n\n/**\n * @class\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-text-field\n * @public\n */\n@customElement({\n  tag: \"udex-text-field\",\n  renderer: litRender,\n  styles: TextFieldCss,\n  template: TextFieldTemplate,\n  dependencies: [UDExControlButton, Icon, UDExStatusMessage],\n})\n\n/**\n   * Fired when the value of the component changes at each keystroke.\n   *\n   * @public\n   */\n@event(\"input\", { bubbles: true })\n/**\n   * Fired when the input operation has finished by pressing Enter or on focusout.\n   *\n   * @public\n   */\n@event(\"change\", { bubbles: true })\n/**\n * Fired event when the user clicks the icon.\n *\n * @private\n */\n@event(\"click-icon\", { bubbles: true })\n\n/**\n * Fired event when the key is pressed in the input.\n *\n * @private\n */\n@event(\"keydown\", { bubbles: true })\nclass UDExTextField extends UI5Element {\n  eventDetails!: {\n    \"keydown\": UDExTextFieldKeydownEventDetail,\n    \"input\": void,\n    \"change\": void,\n    \"click-icon\": void,\n  };\n  _labelActiveClassName = \"udex-text-field__label_active\";\n\n  /**\n   * Defines whether the component is in disabled state.\n   * <br><br>\n   * <b>Note:</b> A disabled component is completely noninteractive.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines the value of the component.\n   * <br><br>\n   * <b>Note:</b> The property is updated upon typing.\n   *\n   * @default \"\"\n   * @formEvents input\n   * @formProperty\n   * @public\n   */\n  @property({ type: String })\n    value: string = \"\";\n\n  /**\n   * Sets the maximum number of characters available in the input field.\n   * <br><br>\n   * <b>Note:</b> This property is not compatible with the ui5-input type InputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.\n   *\n   * @public\n   */\n  @property({ type: Number })\n    maxlength?: number;\n\n  /**\n   * Defines label text for the input field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    label!: string;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName!: string;\n\n  /**\n   * Receives id (or many ids) of the elements that label the component.\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleNameRef: string = \"\";\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleIconName: string = \"\";\n\n  /**\n   * Defines whether the component is read-only.\n   * <br><br>\n   * <b>Note:</b> A read-only component is not editable,\n   * but still provides visual feedback upon user interaction.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n\n  /**\n   * Defines whether the component is display-only.\n   * <br><br>\n   * <b>Note:</b> A display-only component is not editable,\n   * but still provides visual feedback upon user interaction, input border is not visible.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    displayonly!: boolean;\n\n  /**\n   * Defines whether the component is required.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    required!: boolean;\n\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"Standard\"\n   * @public\n   */\n  @property()\n    valueState: `${ValueState}` = ValueState.Standard;\n\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    supportingText!: string;\n\n  /**\n   * Defines the icon name in the text-field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    icon!: string;\n\n  /**\n   * Defines if the text-field is active\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    active!: boolean;\n\n  /**\n   * Defines the inner stored show password button tooltip.\n   *\n   * @default \"\"\n   * @private\n   */\n\n  @property({ type: String })\n    showButtonTooltip: string = \"\";\n\n  /**\n   * Defines the inner stored class of the label.\n   *\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    labelActiveClass: string = \"\";\n\n  /**\n   * Defines the inner stored value of the readonly attribute of the input.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isInputReadonly!: boolean;\n\n  /**\n   * Defines the inner stored value of the classes of the label.\n   *\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    labelClasses: string = \"\";\n\n  /**\n   * Defines the inner stored value of the classes of the label.\n   *\n   * @default \"text\"\n   * @private\n   */\n  @property({ type: String })\n    type: \"Text\" | \"Email\" | \"Number\" | \"Password\" | \"Tel\" | \"URL\" | \"Search\" = \"Text\";\n\n  /**\n   * Defines direction of the input.\n   *\n   * @public\n   */\n  @property({ type: String, noAttribute: true })\n    direction?: string;\n\n  /**\n   * Defines the max value for the \"number\" type of the input.\n   */\n  @property({ type: Number })\n    max?: number;\n\n  /**\n   * Defines the min value for the \"number\" type of the input.\n   */\n  @property({ type: Number })\n    min?: number;\n\n  /**\n   * Defines the step for the \"number\" type of the input.\n   * @default undefined\n   */\n  @property({ type: Number })\n    step?: number;\n\n  /**\n   * Allows setting the aria-describedby property on the internal input node.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    ariaDescribedBy?: string;\n\n  /**\n   * Defines the aria-has-popup attribute of the input.\n   * @private\n   */\n  @property({ type: String })\n    _ariaHasPopup?: string;\n\n  /**\n   * Defines is it the touch of the input field (only for mobile devices).\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _isTouched!: boolean;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  get valueStateTypeMappings(): Record<string, string> {\n    return {\n      \"Success\": UDExTextField.i18nBundle.getText(VALUE_STATE_SUCCESS),\n      \"Standard\": UDExTextField.i18nBundle.getText(VALUE_STATE_INFORMATION),\n      \"Error\": UDExTextField.i18nBundle.getText(VALUE_STATE_ERROR),\n      \"Warning\": UDExTextField.i18nBundle.getText(VALUE_STATE_WARNING),\n    };\n  }\n\n  get hasValueState(): boolean {\n    return this.valueState !== ValueState.Standard;\n  }\n\n  get valueStateText(): string | undefined {\n    return this.valueState !== ValueState.Standard ? this.valueStateTypeMappings[this.valueState] : undefined;\n  }\n\n  get readOnlyStateText(): string {\n    return UDExTextField.i18nBundle.getText(READ_ONLY);\n  }\n\n  get ariaDescribedById(): string {\n    return `${this.supportingTextId} ${this.valueStateTextId} ${this.readOnlyStateTextId}`.trim();\n  }\n\n  get supportingTextId(): string {\n    return this.supportingText ? `${this._id}-supportingTextDesc` : \"\";\n  }\n\n  get valueStateTextId(): string {\n    return this.hasValueState ? `${this._id}-valueStateDesc` : \"\";\n  }\n\n  get readOnlyStateTextId(): string {\n    return this.readonly ? `${this._id}-stateReadOnlyDesc` : \"\";\n  }\n\n  get accInfo(): AccInfo {\n    return {\n      \"ariaInvalid\": this.valueState === ValueState.Error ? \"true\" : undefined,\n      \"ariaDescribedBy\": this.ariaDescribedBy ? this.ariaDescribedBy : this.ariaDescribedById || undefined,\n      \"ariaLabelledBy\": this.accessibleNameRef || undefined,\n      \"ariaLabel\": this.accessibleName || undefined,\n      \"ariaHasPopup\": this._ariaHasPopup || undefined,\n    };\n  }\n\n  handleKeydown(e: KeyboardEvent): void {\n    e.stopPropagation();\n    this.fireDecoratorEvent(\"keydown\", { keyboardEvent: e });\n  }\n\n  handleChange = (): void => {\n    this.fireDecoratorEvent(\"change\");\n  };\n\n  handleInput = (inputEvent: InputEvent) => {\n    this.value = (inputEvent.target as HTMLInputElement)?.value;\n  };\n\n  handleClick = (): void => {\n    if (!isDesktop()) {\n      this._isTouched = true;\n    }\n  };\n\n  handleFocus = (): void => {\n    if (!this.disabled && !this.readonly && !this.displayonly) {\n      this.labelActiveClass = this._labelActiveClassName;\n      this.active = true;\n    }\n  };\n\n  handleBlur = (): void => {\n    this.active = false;\n\n    if (this.value) {\n      this.labelActiveClass = this._labelActiveClassName;\n    } else {\n      this.labelActiveClass = \"\";\n    }\n    this._isTouched = false;\n  };\n\n  handleIconClick(): void {\n    this.fireDecoratorEvent(\"click-icon\");\n  }\n\n  onBeforeRendering(): void {\n    if ((this.value || this.active) && this.labelActiveClass === \"\") {\n      this.labelActiveClass = this._labelActiveClassName;\n    } else if (!this.active && !this.value && this.labelActiveClass.length) {\n      this.labelActiveClass = \"\";\n    }\n\n    this.isInputReadonly = this.readonly || this.displayonly;\n\n    this.labelClasses = `udex-text-field__label ${this.labelActiveClass}`;\n  }\n\n  onAfterRendering(): void {\n    const directionStyles: string = window\n      .getComputedStyle(this)\n      .getPropertyValue(\"direction\");\n\n    if (!directionStyles) {\n      this.direction = \"ltr\";\n    } else {\n      this.direction = directionStyles;\n    }\n  }\n\n  get readonlyNotDisabled(): boolean {\n    return this.isInputReadonly && !this.disabled;\n  }\n}\n\nUDExTextField.define();\n\nexport default UDExTextField;\n"]}
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../src/TextField.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  VALUE_STATE_SUCCESS,\n  VALUE_STATE_INFORMATION,\n  VALUE_STATE_WARNING,\n  VALUE_STATE_ERROR,\n  READ_ONLY,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport UDExControlButton from \"./ControlButton.js\";\nimport ValueState from \"./types/common.js\";\nimport UDExStatusMessage from \"./StatusMessage.js\";\n\n// Template\nimport TextFieldTemplate from \"./generated/templates/TextFieldTemplate.lit.js\";\n\n// Styles\nimport TextFieldCss from \"./generated/themes/TextField.css.js\";\n\ntype AccInfo = {\n  ariaInvalid?: string;\n  ariaDescribedBy?: string;\n  ariaLabelledBy?: string;\n  ariaLabel?: string;\n  ariaHasPopup?: string,\n}\n\nexport type UDExTextFieldKeydownEventDetail = {\n  keyboardEvent: KeyboardEvent;\n}\n\n/**\n * @class\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-text-field\n * @public\n */\n@customElement({\n  tag: \"udex-text-field\",\n  renderer: litRender,\n  styles: TextFieldCss,\n  template: TextFieldTemplate,\n  dependencies: [UDExControlButton, Icon, UDExStatusMessage],\n})\n\n/**\n   * Fired when the value of the component changes at each keystroke.\n   *\n   * @public\n   */\n@event(\"input\", { bubbles: true })\n/**\n   * Fired when the input operation has finished by pressing Enter or on focusout.\n   *\n   * @public\n   */\n@event(\"change\", { bubbles: true })\n/**\n * Fired event when the user clicks the icon.\n *\n * @private\n */\n@event(\"click-icon\", { bubbles: true })\n\n/**\n * Fired event when the key is pressed in the input.\n *\n * @private\n */\n@event(\"keydown\", { bubbles: true })\nclass UDExTextField extends UI5Element {\n  eventDetails!: {\n    \"keydown\": UDExTextFieldKeydownEventDetail,\n    \"input\": void,\n    \"change\": void,\n    \"click-icon\": void,\n  };\n  _labelActiveClassName = \"udex-text-field__label_active\";\n\n  /**\n   * Defines whether the component is in disabled state.\n   * <br><br>\n   * <b>Note:</b> A disabled component is completely noninteractive.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines the value of the component.\n   * <br><br>\n   * <b>Note:</b> The property is updated upon typing.\n   *\n   * @default \"\"\n   * @formEvents input\n   * @formProperty\n   * @public\n   */\n  @property({ type: String })\n    value: string = \"\";\n\n  /**\n   * Sets the maximum number of characters available in the input field.\n   * <br><br>\n   * <b>Note:</b> This property is not compatible with the ui5-input type InputType.Number. If the ui5-input type is set to Number, the maxlength value is ignored.\n   *\n   * @public\n   */\n  @property({ type: Number })\n    maxlength?: number;\n\n  /**\n   * Defines label text for the input field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    label!: string;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName!: string;\n\n  /**\n   * Receives id (or many ids) of the elements that label the component.\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleNameRef: string = \"\";\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleIconName: string = \"\";\n\n  /**\n   * Defines whether the component is read-only.\n   * <br><br>\n   * <b>Note:</b> A read-only component is not editable,\n   * but still provides visual feedback upon user interaction.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n\n  /**\n   * Defines whether the component is display-only.\n   * <br><br>\n   * <b>Note:</b> A display-only component is not editable,\n   * but still provides visual feedback upon user interaction, input border is not visible.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    displayonly!: boolean;\n\n  /**\n   * Defines whether the component is required.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    required!: boolean;\n\n  /**\n   * Defines the value state of the component.\n   *\n   * @default \"Standard\"\n   * @public\n   */\n  @property()\n    valueState: `${ValueState}` = ValueState.Standard;\n\n  /**\n   * Defines supporting text under the input field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    supportingText!: string;\n\n  /**\n   * Defines the icon name in the text-field.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    icon!: string;\n\n  /**\n   * Defines if the text-field is active\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    active!: boolean;\n\n  /**\n   * Defines the behaviour of autocomplete.\n   * @default \"off\"\n   * @public\n   */\n  @property({ type: String })\n    autocomplete: string = \"off\";\n\n  /**\n   * Defines the inner stored show password button tooltip.\n   *\n   * @default \"\"\n   * @private\n   */\n\n  @property({ type: String })\n    showButtonTooltip: string = \"\";\n\n  /**\n   * Defines the inner stored class of the label.\n   *\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    labelActiveClass: string = \"\";\n\n  /**\n   * Defines the inner stored value of the readonly attribute of the input.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isInputReadonly!: boolean;\n\n  /**\n   * Defines the inner stored value of the classes of the label.\n   *\n   * @default \"\"\n   * @private\n   */\n  @property({ type: String, noAttribute: true })\n    labelClasses: string = \"\";\n\n  /**\n   * Defines the inner stored value of the classes of the label.\n   *\n   * @default \"text\"\n   * @private\n   */\n  @property({ type: String })\n    type: \"Text\" | \"Email\" | \"Number\" | \"Password\" | \"Tel\" | \"URL\" | \"Search\" = \"Text\";\n\n  /**\n   * Defines direction of the input.\n   *\n   * @public\n   */\n  @property({ type: String, noAttribute: true })\n    direction?: string;\n\n  /**\n   * Defines the max value for the \"number\" type of the input.\n   */\n  @property({ type: Number })\n    max?: number;\n\n  /**\n   * Defines the min value for the \"number\" type of the input.\n   */\n  @property({ type: Number })\n    min?: number;\n\n  /**\n   * Defines the step for the \"number\" type of the input.\n   * @default undefined\n   */\n  @property({ type: Number })\n    step?: number;\n\n  /**\n   * Allows setting the aria-describedby property on the internal input node.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    ariaDescribedBy?: string;\n\n  /**\n   * Defines the aria-has-popup attribute of the input.\n   * @private\n   */\n  @property({ type: String })\n    _ariaHasPopup?: string;\n\n  /**\n   * Defines is it the touch of the input field (only for mobile devices).\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _isTouched!: boolean;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  get valueStateTypeMappings(): Record<string, string> {\n    return {\n      \"Success\": UDExTextField.i18nBundle.getText(VALUE_STATE_SUCCESS),\n      \"Standard\": UDExTextField.i18nBundle.getText(VALUE_STATE_INFORMATION),\n      \"Error\": UDExTextField.i18nBundle.getText(VALUE_STATE_ERROR),\n      \"Warning\": UDExTextField.i18nBundle.getText(VALUE_STATE_WARNING),\n    };\n  }\n\n  get hasValueState(): boolean {\n    return this.valueState !== ValueState.Standard;\n  }\n\n  get valueStateText(): string | undefined {\n    return this.valueState !== ValueState.Standard ? this.valueStateTypeMappings[this.valueState] : undefined;\n  }\n\n  get readOnlyStateText(): string {\n    return UDExTextField.i18nBundle.getText(READ_ONLY);\n  }\n\n  get ariaDescribedById(): string {\n    return `${this.supportingTextId} ${this.valueStateTextId} ${this.readOnlyStateTextId}`.trim();\n  }\n\n  get supportingTextId(): string {\n    return this.supportingText ? `${this._id}-supportingTextDesc` : \"\";\n  }\n\n  get valueStateTextId(): string {\n    return this.hasValueState ? `${this._id}-valueStateDesc` : \"\";\n  }\n\n  get readOnlyStateTextId(): string {\n    return this.readonly ? `${this._id}-stateReadOnlyDesc` : \"\";\n  }\n\n  get accInfo(): AccInfo {\n    return {\n      \"ariaInvalid\": this.valueState === ValueState.Error ? \"true\" : undefined,\n      \"ariaDescribedBy\": this.ariaDescribedBy ? this.ariaDescribedBy : this.ariaDescribedById || undefined,\n      \"ariaLabelledBy\": this.accessibleNameRef || undefined,\n      \"ariaLabel\": this.accessibleName || undefined,\n      \"ariaHasPopup\": this._ariaHasPopup || undefined,\n    };\n  }\n\n  get inputRole(): string | undefined {\n    return this.isAutoCompleteDisabled ? \"presentation\" : undefined;\n  }\n\n  get isAutoCompleteDisabled(): boolean {\n    return this.autocomplete === \"off\" || this.autocomplete === \"new-password\";\n  }\n\n  handleKeydown(e: KeyboardEvent): void {\n    e.stopPropagation();\n    this.fireDecoratorEvent(\"keydown\", { keyboardEvent: e });\n  }\n\n  handleChange = (): void => {\n    this.fireDecoratorEvent(\"change\");\n  };\n\n  handleInput = (inputEvent: InputEvent) => {\n    this.value = (inputEvent.target as HTMLInputElement)?.value;\n  };\n\n  handleClick = (): void => {\n    if (!isDesktop()) {\n      this._isTouched = true;\n    }\n  };\n\n  handleFocus = (): void => {\n    if (!this.disabled && !this.readonly && !this.displayonly) {\n      this.labelActiveClass = this._labelActiveClassName;\n      this.active = true;\n    }\n  };\n\n  handleBlur = (): void => {\n    this.active = false;\n\n    if (this.value) {\n      this.labelActiveClass = this._labelActiveClassName;\n    } else {\n      this.labelActiveClass = \"\";\n    }\n    this._isTouched = false;\n  };\n\n  handleIconClick(): void {\n    this.fireDecoratorEvent(\"click-icon\");\n  }\n\n  onBeforeRendering(): void {\n    if ((this.value || this.active) && this.labelActiveClass === \"\") {\n      this.labelActiveClass = this._labelActiveClassName;\n    } else if (!this.active && !this.value && this.labelActiveClass.length) {\n      this.labelActiveClass = \"\";\n    }\n\n    this.isInputReadonly = this.readonly || this.displayonly;\n\n    this.labelClasses = `udex-text-field__label ${this.labelActiveClass}`;\n  }\n\n  onAfterRendering(): void {\n    const directionStyles: string = window\n      .getComputedStyle(this)\n      .getPropertyValue(\"direction\");\n\n    if (!directionStyles) {\n      this.direction = \"ltr\";\n    } else {\n      this.direction = directionStyles;\n    }\n  }\n\n  get readonlyNotDisabled(): boolean {\n    return this.isInputReadonly && !this.disabled;\n  }\n}\n\nUDExTextField.define();\n\nexport default UDExTextField;\n"]}

package/dist/Tooltip.d.ts

@@ -94,5 +94,10 @@ declare class UDExTooltip extends UI5Element {
      * @public
      */
     preventFocusRestore: boolean;
+    _onClose: EventListener;
+    constructor();
+    syncClose(): void;
+    onEnterDOM(): void;
+    onExitDOM(): void;
 }
 export default UDExTooltip;

package/dist/Tooltip.js

@@ -36,7 +36,7 @@ import TooltipCss from "./generated/themes/Tooltip.css.js";
  */
 let UDExTooltip = class UDExTooltip extends UI5Element {
     constructor() {
-        super(...arguments);
+        super();
         /**
          * Defines the Tooltip title.
          *
@@ -75,6 +75,16 @@ let UDExTooltip = class UDExTooltip extends UI5Element {
          * @public
          */
         this.accessibleRole = PopupAccessibleRole.Dialog;
+        this._onClose = this.syncClose.bind(this);
+    }
+    syncClose() {
+        this.open = false;
+    }
+    onEnterDOM() {
+        this.shadowRoot?.querySelector("[ui5-popover]")?.addEventListener("close", this._onClose);
+    }
+    onExitDOM() {
+        this.removeEventListener("close", this._onClose);
     }
 };
 __decorate([

package/dist/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,OAAO,MAAM,oCAAoC,CAAC;AACzD,OAAO,mBAAmB,MAAM,sDAAsD,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEhF,WAAW;AACX,OAAO,eAAe,MAAM,8CAA8C,CAAC;AAE3E,SAAS;AACT,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAE3D;;;;;;;;;;;;;;;;;GAiBG;AAQH,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QASE;;;;;WAKG;QAED,UAAK,GAAW,EAAE,CAAC;QAWrB;;;;;WAKG;QAED,cAAS,GAAmB,SAAS,CAAC,GAAG,CAAC;QAC5C;;;;WAIG;QAED,oBAAe,GAAyB,eAAe,CAAC,MAAM,CAAC;QAEjE;;;;WAIG;QAED,kBAAa,GAAuB,aAAa,CAAC,MAAM,CAAC;QAa3D;;;;WAIG;QAED,sBAAiB,GAAW,EAAE,CAAC;QAEjC;;;;WAIG;QAED,mBAAc,GAA6B,mBAAmB,CAAC,MAAM,CAAC;IAsB1E,CAAC;CAAA,CAAA;AA3FuB;IAArB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;4CAAgB;AASnC;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACN;AASnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CACN;AASpB;IADD,QAAQ,EAAE;8CACiC;AAO1C;IADD,QAAQ,EAAE;oDACsD;AAQ/D;IADD,QAAQ,EAAE;kDACgD;AAGzD;IADD,QAAQ,EAAE;2CACqB;AAQ9B;IADD,QAAQ,EAAE;mDACe;AAQxB;IADD,QAAQ,EAAE;sDACsB;AAQ/B;IADD,QAAQ,EAAE;mDAC6D;AAOtE;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCACX;AAOd;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACI;AAO/B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACI;AAjG5B,WAAW;IAPhB,aAAa,CAAC;QACb,GAAG,EAAE,cAAc;QACnB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,eAAe;QACzB,YAAY,EAAE,CAAC,OAAO,CAAC;KACxB,CAAC;GACI,WAAW,CAkGhB;AAED,WAAW,CAAC,MAAM,EAAE,CAAC;AAErB,eAAe,WAAW,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport PopupAccessibleRole from \"@ui5/webcomponents/dist/types/PopupAccessibleRole.js\";\nimport { HorizontalAlign, Placement, VerticalAlign } from \"./types/Dropdown.js\";\n\n// Template\nimport TooltipTemplate from \"./generated/templates/TooltipTemplate.lit.js\";\n\n// Styles\nimport TooltipCss from \"./generated/themes/Tooltip.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-tooltip</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Tooltip.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-tooltip\n * @public\n */\n@customElement({\n  tag: \"udex-tooltip\",\n  renderer: litRender,\n  styles: TooltipCss,\n  template: TooltipTemplate,\n  dependencies: [Popover],\n})\nclass UDExTooltip extends UI5Element {\n  /**\n   * Defines the content of the component.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: Node }) default!: Node;\n\n  /**\n   * Defines the Tooltip title.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    title: string = \"\";\n\n  /**\n   * Defines if Tooltip has an arrow or not.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    hideArrow!: boolean;\n\n  /**\n   * Determines on which side of the component the Tooltip is displayed.\n   *\n   * @default \"End\"\n   * @public\n   */\n  @property()\n    placement: `${Placement}` = Placement.End;\n  /**\n   * Determines the horizontal alignment of the component.\n   * @default \"Center\"\n   * @public\n   */\n  @property()\n    horizontalAlign: `${HorizontalAlign}` = HorizontalAlign.Center;\n\n  /**\n   * Determines the vertical alignment of the component.\n   * @default \"Center\"\n   * @public\n   */\n  @property()\n    verticalAlign: `${VerticalAlign}` = VerticalAlign.Center;\n\n  @property()\n    opener!: HTMLElement | string;\n\n  /**\n   * Defines the accessible name of the component.\n   * @default undefined\n   * @public\n   */\n  @property()\n    accessibleName?: string;\n\n  /**\n   * Defines the IDs of the elements that label the component.\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleNameRef: string = \"\";\n\n  /**\n   * Allows setting a custom role.\n   * @default \"Dialog\"\n   * @public\n   */\n  @property()\n    accessibleRole: `${PopupAccessibleRole}` = PopupAccessibleRole.Dialog;\n\n  /**\n   * Defines if the tooltip is open.\n   * @public\n   */\n  @property({ type: Boolean })\n    open!: boolean;\n\n  /**\n   * Defines if the initial focus should be prevented.\n   * @public\n   */\n   @property({ type: Boolean })\n     preventInitialFocus!: boolean;\n\n  /**\n   * Defines if the focus should be returned to the previously focused element.\n   * @public\n   */\n  @property({ type: Boolean })\n    preventFocusRestore!: boolean;\n}\n\nUDExTooltip.define();\n\nexport default UDExTooltip;\n"]}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../src/Tooltip.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,OAAO,MAAM,oCAAoC,CAAC;AACzD,OAAO,mBAAmB,MAAM,sDAAsD,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEhF,WAAW;AACX,OAAO,eAAe,MAAM,8CAA8C,CAAC;AAE3E,SAAS;AACT,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAE3D;;;;;;;;;;;;;;;;;GAiBG;AAQH,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAqGlC;QACE,KAAK,EAAE,CAAC;QA7FV;;;;;WAKG;QAED,UAAK,GAAW,EAAE,CAAC;QAWrB;;;;;WAKG;QAED,cAAS,GAAmB,SAAS,CAAC,GAAG,CAAC;QAC5C;;;;WAIG;QAED,oBAAe,GAAyB,eAAe,CAAC,MAAM,CAAC;QAEjE;;;;WAIG;QAED,kBAAa,GAAuB,aAAa,CAAC,MAAM,CAAC;QAa3D;;;;WAIG;QAED,sBAAiB,GAAW,EAAE,CAAC;QAEjC;;;;WAIG;QAED,mBAAc,GAA6B,mBAAmB,CAAC,MAAM,CAAC;QA2BtE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IAED,SAAS;QACP,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;IACpB,CAAC;IAED,UAAU;QACR,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,EAAE,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC5F,CAAC;IAED,SAAS;QACP,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC;CACF,CAAA;AA9GuB;IAArB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;4CAAgB;AASnC;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACN;AASnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;8CACN;AASpB;IADD,QAAQ,EAAE;8CACiC;AAO1C;IADD,QAAQ,EAAE;oDACsD;AAQ/D;IADD,QAAQ,EAAE;kDACgD;AAGzD;IADD,QAAQ,EAAE;2CACqB;AAQ9B;IADD,QAAQ,EAAE;mDACe;AAQxB;IADD,QAAQ,EAAE;sDACsB;AAQ/B;IADD,QAAQ,EAAE;mDAC6D;AAOtE;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCACX;AAOd;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACI;AAO/B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACI;AAjG5B,WAAW;IAPhB,aAAa,CAAC;QACb,GAAG,EAAE,cAAc;QACnB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,UAAU;QAClB,QAAQ,EAAE,eAAe;QACzB,YAAY,EAAE,CAAC,OAAO,CAAC;KACxB,CAAC;GACI,WAAW,CAqHhB;AAED,WAAW,CAAC,MAAM,EAAE,CAAC;AAErB,eAAe,WAAW,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport PopupAccessibleRole from \"@ui5/webcomponents/dist/types/PopupAccessibleRole.js\";\nimport { HorizontalAlign, Placement, VerticalAlign } from \"./types/Dropdown.js\";\n\n// Template\nimport TooltipTemplate from \"./generated/templates/TooltipTemplate.lit.js\";\n\n// Styles\nimport TooltipCss from \"./generated/themes/Tooltip.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-tooltip</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Tooltip.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-tooltip\n * @public\n */\n@customElement({\n  tag: \"udex-tooltip\",\n  renderer: litRender,\n  styles: TooltipCss,\n  template: TooltipTemplate,\n  dependencies: [Popover],\n})\nclass UDExTooltip extends UI5Element {\n  /**\n   * Defines the content of the component.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: Node }) default!: Node;\n\n  /**\n   * Defines the Tooltip title.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    title: string = \"\";\n\n  /**\n   * Defines if Tooltip has an arrow or not.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    hideArrow!: boolean;\n\n  /**\n   * Determines on which side of the component the Tooltip is displayed.\n   *\n   * @default \"End\"\n   * @public\n   */\n  @property()\n    placement: `${Placement}` = Placement.End;\n  /**\n   * Determines the horizontal alignment of the component.\n   * @default \"Center\"\n   * @public\n   */\n  @property()\n    horizontalAlign: `${HorizontalAlign}` = HorizontalAlign.Center;\n\n  /**\n   * Determines the vertical alignment of the component.\n   * @default \"Center\"\n   * @public\n   */\n  @property()\n    verticalAlign: `${VerticalAlign}` = VerticalAlign.Center;\n\n  @property()\n    opener!: HTMLElement | string;\n\n  /**\n   * Defines the accessible name of the component.\n   * @default undefined\n   * @public\n   */\n  @property()\n    accessibleName?: string;\n\n  /**\n   * Defines the IDs of the elements that label the component.\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleNameRef: string = \"\";\n\n  /**\n   * Allows setting a custom role.\n   * @default \"Dialog\"\n   * @public\n   */\n  @property()\n    accessibleRole: `${PopupAccessibleRole}` = PopupAccessibleRole.Dialog;\n\n  /**\n   * Defines if the tooltip is open.\n   * @public\n   */\n  @property({ type: Boolean })\n    open!: boolean;\n\n  /**\n   * Defines if the initial focus should be prevented.\n   * @public\n   */\n   @property({ type: Boolean })\n     preventInitialFocus!: boolean;\n\n  /**\n   * Defines if the focus should be returned to the previously focused element.\n   * @public\n   */\n  @property({ type: Boolean })\n    preventFocusRestore!: boolean;\n\n  _onClose!: EventListener;\n\n  constructor() {\n    super();\n    this._onClose = this.syncClose.bind(this);\n  }\n\n  syncClose() {\n    this.open = false;\n  }\n\n  onEnterDOM(): void {\n    this.shadowRoot?.querySelector(\"[ui5-popover]\")?.addEventListener(\"close\", this._onClose);\n  }\n\n  onExitDOM(): void {\n    this.removeEventListener(\"close\", this._onClose);\n  }\n}\n\nUDExTooltip.define();\n\nexport default UDExTooltip;\n"]}

package/dist/assets/{InputSuggestions-DoWo0hwS.js → InputSuggestions-CP3cBQsh.js}

@@ -1,2 +1,2 @@
-import{f as V,j as r,a as c,p as S,d as w,b as P,s as g,m as x,L as v,c as y,e as R,g as O,D as L,h as D,i as F,F as A,B as I,I as b,k as f,R as G,l as H,n as E,o as $,q as N,r as B}from"./bundle.esm-D10tX-qa.js";const M=n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");function _(n,e,t,s){return n.replaceAll(new RegExp(M(e),`${s?"i":""}g`),t)}function z(n,e){if(!n||!e)return n;const t=l=>{const[a,d]=l.split("");for(;n.indexOf(l)>=0||e.indexOf(l)>=0;)l=`${a}${l}${d}`;return l},s=t("12"),i=t("34");let o=V(_(n,e,l=>`${s}${l}${i}`,!0));return[[s,"<b>"],[i,"</b>"]].forEach(([l,a])=>{o=_(o,l,a,!1)}),o}function q(n,e){const t=(n==null?void 0:n.listItemContent)||U;return r("li",{part:"native-li","data-sap-focus-ref":!0,tabindex:this._effectiveTabIndex,class:this.classes.main,draggable:this.movable,role:e==null?void 0:e.role,title:e==null?void 0:e.title,onFocusIn:this._onfocusin,onKeyUp:this._onkeyup,onKeyDown:this._onkeydown,onClick:this._onclick,children:t.call(this)})}function U(){return r("div",{part:"content",id:`${this._id}-content`,class:"ui5-li-content",children:r("div",{class:"ui5-li-text-wrapper",children:r("span",{part:"title",class:"ui5-li-title",children:r("slot",{})})})})}function K(){return[q.call(this,{listItemContent:W},{role:"option"})]}function W(){return r("div",{part:"content",id:"content",class:"ui5-li-content",children:c("div",{class:"ui5-li-text-wrapper",children:[r("span",{part:"title",className:"ui5-li-title",dangerouslySetInnerHTML:{__html:this.markupText}}),this.additionalText&&r("span",{part:"additional-text",class:"ui5-li-additional-text",children:this.additionalText})]})})}S("@ui5/webcomponents-theming","sap_horizon",async()=>w);S("@ui5/webcomponents","sap_horizon",async()=>P);const X=`:host([ui5-suggestion-item]){height:auto;min-height:var(--_ui5-v2-10-0_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-root{min-height:var(--_ui5-v2-10-0_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-content{padding-bottom:.875rem;padding-top:.875rem;box-sizing:border-box}
+import{f as V,j as r,a as c,p as S,d as w,b as P,s as g,m as x,L as v,c as y,e as R,g as O,D as L,h as D,i as F,F as A,B as I,I as b,k as f,R as G,l as H,n as E,o as $,q as N,r as B}from"./bundle.esm-jHcdiVfj.js";const M=n=>n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");function _(n,e,t,s){return n.replaceAll(new RegExp(M(e),`${s?"i":""}g`),t)}function z(n,e){if(!n||!e)return n;const t=l=>{const[a,d]=l.split("");for(;n.indexOf(l)>=0||e.indexOf(l)>=0;)l=`${a}${l}${d}`;return l},s=t("12"),i=t("34");let o=V(_(n,e,l=>`${s}${l}${i}`,!0));return[[s,"<b>"],[i,"</b>"]].forEach(([l,a])=>{o=_(o,l,a,!1)}),o}function q(n,e){const t=(n==null?void 0:n.listItemContent)||U;return r("li",{part:"native-li","data-sap-focus-ref":!0,tabindex:this._effectiveTabIndex,class:this.classes.main,draggable:this.movable,role:e==null?void 0:e.role,title:e==null?void 0:e.title,onFocusIn:this._onfocusin,onKeyUp:this._onkeyup,onKeyDown:this._onkeydown,onClick:this._onclick,children:t.call(this)})}function U(){return r("div",{part:"content",id:`${this._id}-content`,class:"ui5-li-content",children:r("div",{class:"ui5-li-text-wrapper",children:r("span",{part:"title",class:"ui5-li-title",children:r("slot",{})})})})}function K(){return[q.call(this,{listItemContent:W},{role:"option"})]}function W(){return r("div",{part:"content",id:"content",class:"ui5-li-content",children:c("div",{class:"ui5-li-text-wrapper",children:[r("span",{part:"title",className:"ui5-li-title",dangerouslySetInnerHTML:{__html:this.markupText}}),this.additionalText&&r("span",{part:"additional-text",class:"ui5-li-additional-text",children:this.additionalText})]})})}S("@ui5/webcomponents-theming","sap_horizon",async()=>w);S("@ui5/webcomponents","sap_horizon",async()=>P);const X=`:host([ui5-suggestion-item]){height:auto;min-height:var(--_ui5-v2-10-0_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-root{min-height:var(--_ui5-v2-10-0_list_item_base_height)}:host([ui5-suggestion-item]) .ui5-li-content{padding-bottom:.875rem;padding-top:.875rem;box-sizing:border-box}
 `;var p=function(n,e,t,s){var i=arguments.length,o=i<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,s);else for(var a=n.length-1;a>=0;a--)(l=n[a])&&(o=(i<3?l(o):i>3?l(e,t,o):l(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};let h=class extends v{constructor(){super(...arguments),this.markupText=""}onEnterDOM(){y()&&this.setAttribute("desktop","")}get _effectiveTabIndex(){return-1}};p([g()],h.prototype,"text",void 0);p([g()],h.prototype,"additionalText",void 0);p([g()],h.prototype,"markupText",void 0);h=p([x({tag:"ui5-suggestion-item",template:K,styles:[v.styles,X]})],h);h.define();function j(n){const e=(n==null?void 0:n.items)||J;return c("ul",{role:"group",class:"ui5-group-li-root",onDragEnter:this._ondragenter,onDragOver:this._ondragover,onDrop:this._ondrop,onDragLeave:this._ondragleave,children:[this.hasHeader&&r(O,{focused:this.focused,part:"header",accessibleRole:R.Group,children:this.hasFormattedHeader?r("slot",{name:"header"}):this.headerText}),e.call(this),r(L,{orientation:"Horizontal",ownerReference:this})]})}function J(){return r("slot",{})}var T=function(n,e,t,s){var i=arguments.length,o=i<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,e,t,s);else for(var a=n.length-1;a>=0;a--)(l=n[a])&&(o=(i<3?l(o):i>3?l(e,t,o):l(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};let m=class extends F{};T([D({default:!0,invalidateOnChildChange:!0,type:HTMLElement})],m.prototype,"items",void 0);m=T([x({tag:"ui5-suggestion-item-group",template:j})],m);m.define();function Q(n){const e=(n==null?void 0:n.suggestionsList)||Y,t=n==null?void 0:n.valueStateMessage,s=n==null?void 0:n.valueStateMessageInputIcon;return c(G,{class:this.classes.popover,hideArrow:!0,preventFocusRestore:!0,preventInitialFocus:!0,placement:"Bottom",horizontalAlign:"Start",tabindex:-1,style:this.styles.suggestionsPopover,onOpen:this._afterOpenPicker,onClose:this._afterClosePicker,onScroll:this._scroll,open:this.open,opener:this,accessibleName:this._popupLabel,children:[this._isPhone&&c(A,{children:[c("div",{slot:"header",class:"ui5-responsive-popover-header",children:[c("div",{class:"row",children:[r("span",{children:this._headerTitleText}),r(I,{class:"ui5-responsive-popover-close-btn",icon:$,design:"Transparent",onClick:this._closePicker})]}),r("div",{class:"row",children:r("div",{class:"input-root-phone native-input-wrapper",children:r(b,{class:"ui5-input-inner-phone",type:this.inputType,value:this.value,showClearIcon:this.showClearIcon,placeholder:this.placeholder,onInput:this._handleInput,onChange:this._handleChange})})})]}),this.hasValueStateMessage&&c("div",{class:this.classes.popoverValueState,style:this.styles.suggestionPopoverHeader,children:[r(f,{class:"ui5-input-value-state-message-icon",name:s==null?void 0:s.call(this)}),this.open&&(t==null?void 0:t.call(this))]})]}),!this._isPhone&&this.hasValueStateMessage&&c("div",{slot:"header",class:{"ui5-responsive-popover-header":!0,"ui5-responsive-popover-header--focused":this._isValueStateFocused,...this.classes.popoverValueState},style:this.styles.suggestionPopoverHeader,children:[r(f,{class:"ui5-input-value-state-message-icon",name:s==null?void 0:s.call(this)}),this.open&&(t==null?void 0:t.call(this))]}),e.call(this),this._isPhone&&r("div",{slot:"footer",class:"ui5-responsive-popover-footer",children:r(I,{design:"Transparent",onClick:this._closePicker,children:"OK"})})]})}function Y(){return r(E,{accessibleRole:H.ListBox,separators:this.suggestionSeparators,selectionMode:"Single",onMouseDown:this.onItemMouseDown,onItemClick:this._handleSuggestionItemPress,onSelectionChange:this._handleSelectionChange,children:r("slot",{})})}class u{get template(){return Q}constructor(e,t,s,i){this.component=e,this.slotName=t,this.handleFocus=i,this.highlight=s,this.selectedItemIndex=-1}onUp(e,t){e.preventDefault();const s=!this.isOpened&&this._hasValueState&&t===-1?0:t;return this._handleItemNavigation(!1,s),!0}onDown(e,t){e.preventDefault();const s=!this.isOpened&&this._hasValueState&&t===-1?0:t;return this._handleItemNavigation(!0,s),!0}onSpace(e){return this._isItemOnTarget()?(e.preventDefault(),this.onItemSelected(this._selectedItem,!0),!0):!1}onEnter(e){return this._isGroupItem?(e.preventDefault(),!1):this._isItemOnTarget()?(this.onItemSelected(this._selectedItem,!0),!0):!1}onPageUp(e){e.preventDefault();const t=this.selectedItemIndex-10>-1;return this._hasValueState&&!t?(this._focusValueState(),!0):(this._moveItemSelection(this.selectedItemIndex,t?this.selectedItemIndex-=10:this.selectedItemIndex=0),!0)}onPageDown(e){e.preventDefault();const t=this._getItems(),s=t.length-1,i=this.selectedItemIndex+10<=s;return this._hasValueState&&!t?(this._focusValueState(),!0):(this._moveItemSelection(this.selectedItemIndex,i?this.selectedItemIndex+=10:this.selectedItemIndex=s),!0)}onHome(e){return e.preventDefault(),this._hasValueState?(this._focusValueState(),!0):(this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=0),!0)}onEnd(e){e.preventDefault();const t=this._getItems().length-1;return this._hasValueState&&!t?(this._focusValueState(),!0):(this._moveItemSelection(this.selectedItemIndex,this.selectedItemIndex=t),!0)}onTab(){return this._isItemOnTarget()?(this.onItemSelected(this._selectedItem,!0),!0):!1}toggle(e,t){(e!==void 0?e:!this.isOpened())?this._getComponent().open=!0:this.close(t.preventFocusRestore)}get _selectedItem(){return this._getNonGroupItems().find(e=>e.selected)}_isScrollable(){const e=this._getScrollContainer();return e.offsetHeight<e.scrollHeight}close(e=!1){const t=this._getItems()&&this._getItems()[this.selectedItemIndex];this._getComponent().open=!1;const s=this._getPicker();s.preventFocusRestore=e,s.open=!1,t&&t.focused&&(t.focused=!1)}updateSelectedItemPosition(e){this.selectedItemIndex=e}onItemSelected(e,t){const s=e,i=this._getNonGroupItems();s&&(this.accInfo={isGroup:s.hasAttribute("ui5-suggestion-item-group"),currentPos:i.indexOf(s)+1,listSize:i.length,itemText:s.text||"",additionalText:s.additionalText},this._getComponent().onItemSelected(s,t),this._getComponent().open=!1)}onItemSelect(e){this._getComponent().onItemSelect(e)}onItemPress(e){let t;const s=e.type==="ui5-item-click";s&&!e.detail.item.selected||this._handledPress&&!s||(s&&e.detail.item.selected?(t=e.detail.item,this._handledPress=!0):t=e.detail.selectedItems[0],this.onItemSelected(t,!1))}_onClose(){this._handledPress=!1}_isItemOnTarget(){return this.isOpened()&&this.selectedItemIndex!==null&&this.selectedItemIndex!==-1&&!this._isGroupItem}get _isGroupItem(){const e=this._getItems();return!e||!e[this.selectedItemIndex]?!1:e[this.selectedItemIndex].hasAttribute("ui5-suggestion-item-group")}isOpened(){var e;return!!((e=this._getPicker())!=null&&e.open)}_handleItemNavigation(e,t){this.selectedItemIndex=t,this._getItems().length&&(e?this._selectNextItem():this._selectPreviousItem())}_selectNextItem(){const e=this._getItems().length,t=this.selectedItemIndex;if(this._hasValueState&&t===-1&&!this.component._isValueStateFocused){this._focusValueState();return}(t===-1&&!this._hasValueState||this.component._isValueStateFocused)&&(this._clearValueStateFocus(),this.selectedItemIndex=-1),!(t!==-1&&t+1>e-1)&&this._moveItemSelection(t,++this.selectedItemIndex)}_selectPreviousItem(){const e=this._getItems(),t=this.selectedItemIndex;if(this._hasValueState&&t===0&&!this.component._isValueStateFocused){this.component.hasSuggestionItemSelected=!1,this.component._isValueStateFocused=!0,this.selectedItemIndex=0,e[0].focused=!1,e[0].hasAttribute("ui5-suggestion-item")&&(e[0].selected=!1);return}if(this.component._isValueStateFocused){this.component.focused=!0,this.component._isValueStateFocused=!1,this.selectedItemIndex=0;return}if(!(t===-1||t===null)){if(t-1<0){(e[t].hasAttribute("ui5-suggestion-item")||e[t].hasAttribute("ui5-suggestion-item-custom"))&&(e[t].selected=!1),e[t].focused=!1,this.component.focused=!0,this.component.hasSuggestionItemSelected=!1,this.selectedItemIndex-=1;return}this._moveItemSelection(t,--this.selectedItemIndex)}}_moveItemSelection(e,t){const s=this._getItems(),i=s[t],o=s[e],l=this._getNonGroupItems(),a=i.hasAttribute("ui5-suggestion-item-group");if(!i)return;this.component.focused=!1,this._clearValueStateFocus();const d=this._getItems()[this.selectedItemIndex];if(this.accInfo={isGroup:a,currentPos:s.indexOf(i)+1,itemText:(a?d.headerText:d.text)||""},(i.hasAttribute("ui5-suggestion-item")||i.hasAttribute("ui5-suggestion-item-custom"))&&(this.accInfo.additionalText=i.additionalText||"",this.accInfo.currentPos=l.indexOf(i)+1,this.accInfo.listSize=l.length),o&&(o.focused=!1),(o!=null&&o.hasAttribute("ui5-suggestion-item")||o!=null&&o.hasAttribute("ui5-suggestion-item-custom"))&&(o.selected=!1),i&&(i.focused=!0,a||(i.selected=!0),this.handleFocus&&i.focus()),this.component.hasSuggestionItemSelected=!0,this.onItemSelect(i),!this._isItemIntoView(i)){const C=this._isGroupItem?i.shadowRoot.querySelector("[ui5-li-group-header]"):i;this._scrollItemIntoView(C)}}_deselectItems(){this._getItems().forEach(t=>{t.hasAttribute("ui5-suggestion-item")&&(t.selected=!1),t.focused=!1})}_clearItemFocus(){const e=this._getItems().find(t=>t.focused);e&&(e.focused=!1)}_isItemIntoView(e){const t=e.getDomRef().getBoundingClientRect(),s=this._getComponent().getDomRef().getBoundingClientRect(),i=window.innerHeight||document.documentElement.clientHeight;let o=0;return this._hasValueState&&(o=this._getPicker().querySelector("[slot=header]").getBoundingClientRect().height),t.top+u.SCROLL_STEP<=i&&t.top>=s.top+o}_scrollItemIntoView(e){e.scrollIntoView({behavior:"auto",block:"nearest",inline:"nearest"})}_getScrollContainer(){return this._scrollContainer||(this._scrollContainer=this._getPicker().shadowRoot.querySelector(".ui5-popup-content")),this._scrollContainer}_getItems(){return this._getComponent().getSlottedNodes("suggestionItems").flatMap(t=>t.hasAttribute("ui5-suggestion-item-group")?[t,...t.items]:[t])}_getNonGroupItems(){return this._getItems().filter(e=>!e.hasAttribute("ui5-suggestion-item-group"))}_getComponent(){return this.component}_getList(){return this._getPicker().querySelector("[ui5-list]")}_getListWidth(){var e;return(e=this._getList())==null?void 0:e.offsetWidth}_getPicker(){return this._getComponent().shadowRoot.querySelector("[ui5-responsive-popover]")}get itemSelectionAnnounce(){if(!this.accInfo)return"";if(this.accInfo.isGroup)return`${u.i18nBundle.getText(N)} ${this.accInfo.itemText}`;const e=u.i18nBundle.getText(B,this.accInfo.currentPos||0,this.accInfo.listSize||0);return`${this.accInfo.additionalText} ${e}`}hightlightInput(e,t){return z(e,t)}get _hasValueState(){return this.component.hasValueStateMessage}_focusValueState(){this.component._isValueStateFocused=!0,this.component.focused=!1,this.component.hasSuggestionItemSelected=!1,this.selectedItemIndex=0,this.component.value=this.component.typedInValue,this._deselectItems()}_clearValueStateFocus(){this.component._isValueStateFocused=!1}_clearSelectedSuggestionAndaccInfo(){this.accInfo=void 0,this.selectedItemIndex=0}}u.SCROLL_STEP=60;b.SuggestionsClass=u;export{u as default};

package/dist/assets/{ListItemStandardExpandableTextTemplate-BymOTLVD.js → ListItemStandardExpandableTextTemplate-CLBtdbBK.js}

@@ -1,3 +1,3 @@
-import{j as o,a as _,F as y,p as m,d as b,b as E,s as x,h as C,t as P,m as O,u as w,v as B,w as I,x as A,E as R,y as L,z as S,R as M,B as N,A as F,C as z,G as D,H as X,J as j,K as $}from"./bundle.esm-D10tX-qa.js";var v;(function(t){t.InPlace="InPlace",t.Popover="Popover"})(v||(v={}));const k=v;var T;(function(t){t.Off="Off",t.On="On"})(T||(T={}));const H=T;function W(){return o(y,{children:o("span",{children:this._renderEmptyIndicator?_(y,{children:[o("span",{className:"empty-indicator","aria-hidden":"true",children:this._emptyIndicatorSymbol}),o("span",{className:"empty-indicator-aria-label",children:this._emptyIndicatorAriaLabel})]}):o("slot",{})})})}m("@ui5/webcomponents-theming","sap_horizon",async()=>b);m("@ui5/webcomponents","sap_horizon",async()=>E);const Y=`:host{max-width:100%;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);color:var(--sapTextColor);line-height:normal;cursor:text;overflow:hidden}:host([max-lines="1"]){display:inline-block;text-overflow:ellipsis;white-space:nowrap}:host(:not([max-lines="1"])){display:-webkit-box;-webkit-line-clamp:var(--_ui5-v2-10-0_text_max_lines);line-clamp:var(--_ui5-v2-10-0_text_max_lines);-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.empty-indicator-aria-label{position:absolute!important;clip:rect(1px,1px,1px,1px);user-select:none;left:0;top:0;font-size:0}
+import{j as o,a as _,F as y,p as m,d as b,b as E,s as x,h as C,t as P,m as O,u as w,v as B,w as I,x as A,E as R,y as L,z as S,R as M,B as N,A as F,C as z,G as D,H as X,J as j,K as $}from"./bundle.esm-jHcdiVfj.js";var v;(function(t){t.InPlace="InPlace",t.Popover="Popover"})(v||(v={}));const k=v;var T;(function(t){t.Off="Off",t.On="On"})(T||(T={}));const H=T;function W(){return o(y,{children:o("span",{children:this._renderEmptyIndicator?_(y,{children:[o("span",{className:"empty-indicator","aria-hidden":"true",children:this._emptyIndicatorSymbol}),o("span",{className:"empty-indicator-aria-label",children:this._emptyIndicatorAriaLabel})]}):o("slot",{})})})}m("@ui5/webcomponents-theming","sap_horizon",async()=>b);m("@ui5/webcomponents","sap_horizon",async()=>E);const Y=`:host{max-width:100%;font-size:var(--sapFontSize);font-family:var(--sapFontFamily);color:var(--sapTextColor);line-height:normal;cursor:text;overflow:hidden}:host([max-lines="1"]){display:inline-block;text-overflow:ellipsis;white-space:nowrap}:host(:not([max-lines="1"])){display:-webkit-box;-webkit-line-clamp:var(--_ui5-v2-10-0_text_max_lines);line-clamp:var(--_ui5-v2-10-0_text_max_lines);-webkit-box-orient:vertical;white-space:normal;word-wrap:break-word}.empty-indicator-aria-label{position:absolute!important;clip:rect(1px,1px,1px,1px);user-select:none;left:0;top:0;font-size:0}
 `;var h=function(t,e,n,s){var a=arguments.length,i=a<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,n):s,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,n,s);else for(var d=t.length-1;d>=0;d--)(l=t[d])&&(i=(a<3?l(i):a>3?l(e,n,i):l(e,n))||i);return a>3&&i&&Object.defineProperty(e,n,i),i},f;let p=f=class extends B{constructor(){super(...arguments),this.maxLines=1/0,this.emptyIndicatorMode="Off"}onBeforeRendering(){this.style.setProperty(I("--_ui5_text_max_lines"),`${this.maxLines}`)}get hasText(){return A(this.text)}get _renderEmptyIndicator(){return!this.hasText&&this.emptyIndicatorMode===H.On}get _emptyIndicatorAriaLabel(){return f.i18nBundle.getText(R)}get _emptyIndicatorSymbol(){return f.i18nBundle.getText(L)}};h([x({type:Number})],p.prototype,"maxLines",void 0);h([x()],p.prototype,"emptyIndicatorMode",void 0);h([C({type:Node,default:!0})],p.prototype,"text",void 0);h([P("@ui5/webcomponents")],p,"i18nBundle",void 0);p=f=h([O({tag:"ui5-text",renderer:w,template:W,styles:Y})],p);p.define();const g=p;function q(){return _("div",{children:[o(g,{class:"ui5-exp-text-text",emptyIndicatorMode:this.emptyIndicatorMode,children:this._displayedText}),this._maxCharactersExceeded&&_(y,{children:[o("span",{class:"ui5-exp-text-ellipsis",children:this._ellipsisText}),o(S,{id:"toggle",class:"ui5-exp-text-toggle",accessibleRole:"Button",accessibleName:this._accessibleNameForToggle,accessibilityAttributes:this._accessibilityAttributesForToggle,onClick:this._handleToggleClick,children:this._textForToggle}),this._usePopover&&_(M,{open:this._expanded,opener:"toggle",accessibleNameRef:"popover-text",contentOnlyOnDesktop:!0,_hideHeader:!0,class:"ui5-exp-text-popover",onClose:this._handlePopoverClose,children:[o(g,{id:"popover-text",children:this.text}),o("div",{slot:"footer",class:"ui5-exp-text-footer",children:o(N,{design:"Transparent",onClick:this._handleCloseButtonClick,children:this._closeButtonText})})]})]})]})}m("@ui5/webcomponents-theming","sap_horizon",async()=>b);m("@ui5/webcomponents","sap_horizon",async()=>E);const V=`:host{display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapTextColor)}:host([hidden]){display:none}.ui5-exp-text-text{display:inline}.ui5-exp-text-text,.ui5-exp-text-toggle{font-family:inherit;font-size:inherit}.ui5-exp-text-text,.ui5-exp-text-ellipsis{color:inherit}.ui5-exp-text-popover::part(content){padding-inline:1rem}.ui5-exp-text-footer{width:100%;display:flex;align-items:center;justify-content:flex-end}
 `;var u=function(t,e,n,s){var a=arguments.length,i=a<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,n):s,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(t,e,n,s);else for(var d=t.length-1;d>=0;d--)(l=t[d])&&(i=(a<3?l(i):a>3?l(e,n,i):l(e,n))||i);return a>3&&i&&Object.defineProperty(e,n,i),i},c;let r=c=class extends B{constructor(){super(...arguments),this.maxCharacters=100,this.overflowMode="InPlace",this.emptyIndicatorMode="Off",this._expanded=!1}getFocusDomRef(){var e,n;return this._usePopover?(e=this.shadowRoot)==null?void 0:e.querySelector("[ui5-responsive-popover]"):(n=this.shadowRoot)==null?void 0:n.querySelector("[ui5-link]")}get _displayedText(){var e;return this._expanded&&!this._usePopover?this.text:(e=this.text)==null?void 0:e.substring(0,this.maxCharacters)}get _maxCharactersExceeded(){var e;return(((e=this.text)==null?void 0:e.length)||0)>this.maxCharacters}get _usePopover(){return this.overflowMode===k.Popover}get _ellipsisText(){return this._expanded&&!this._usePopover?" ":"... "}get _textForToggle(){return this._expanded?c.i18nBundle.getText(F):c.i18nBundle.getText(z)}get _closeButtonText(){return c.i18nBundle.getText(D)}get _accessibilityAttributesForToggle(){return this._usePopover?{expanded:this._expanded,hasPopup:"dialog"}:{expanded:this._expanded}}get _accessibleNameForToggle(){if(this._usePopover)return this._expanded?c.i18nBundle.getText(X):c.i18nBundle.getText(j)}_handlePopoverClose(){$()||(this._expanded=!1)}_handleToggleClick(){this._expanded=!this._expanded}_handleCloseButtonClick(e){this._expanded=!1,e.stopPropagation()}};u([x()],r.prototype,"text",void 0);u([x({type:Number})],r.prototype,"maxCharacters",void 0);u([x()],r.prototype,"overflowMode",void 0);u([x()],r.prototype,"emptyIndicatorMode",void 0);u([x({type:Boolean})],r.prototype,"_expanded",void 0);u([P("@ui5/webcomponents")],r,"i18nBundle",void 0);r=c=u([O({tag:"ui5-expandable-text",renderer:w,styles:V,template:q})],r);r.define();function Q(t){const{className:e,text:n,maxCharacters:s,part:a}=t;return o(r,{part:a,class:e,text:n,maxCharacters:s})}export{Q as default};

package/dist/assets/bundle-C9ZlnwwH.css

@@ -0,0 +1 @@
+.sapThemeMetaData-Base-baseLib{background-image:url('data:text/plain;utf-8,{"Path":"Base.baseLib.sap_glow.css_variables","Extends":["sap_horizon"]}')}:root --sapThemeMetaData-Base-baseLib:{"Path":"Base.baseLib.sap_glow.css_variables","Extends":["sap_horizon"]}:root{--sapShell_BackgroundGradient: linear-gradient(to bottom, #FFFFFF, #FFFFFF);--sapShell_Category_16_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_16_TextColor: #D1EFFF;--sapShell_Category_16_BorderColor: #D1EFFF;--sapShell_Category_16_Background: #D1EFFF;--sapShell_Category_15_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_15_TextColor: #1A2733;--sapShell_Category_15_BorderColor: #D5DADD;--sapShell_Category_15_Background: #F5F6F7;--sapShell_Category_14_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_14_TextColor: #FFFFFF;--sapShell_Category_14_BorderColor: #FFFFFF;--sapShell_Category_14_Background: #0070F2;--sapShell_Category_13_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_13_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_13_BorderColor: hsla(316.974, 90.476%, 32.941%, 1);--sapShell_Category_13_Background: hsla(316.974, 90.476%, 32.941%, 1);--sapShell_Category_12_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_12_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_12_BorderColor: hsla(251.497, 100%, 67.255%, 1);--sapShell_Category_12_Background: hsla(251.497, 100%, 67.255%, 1);--sapShell_Category_11_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_11_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_11_BorderColor: hsla(0, 90.909%, 43.137%, 1);--sapShell_Category_11_Background: hsla(0, 90.909%, 43.137%, 1);--sapShell_Category_10_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_10_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_10_BorderColor: hsla(210, 20.87%, 45.098%, 1);--sapShell_Category_10_Background: hsla(210, 20.87%, 45.098%, 1);--sapShell_Category_9_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_9_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_9_BorderColor: hsla(221.194, 100%, 26.275%, 1);--sapShell_Category_9_Background: hsla(221.194, 100%, 26.275%, 1);--sapShell_Category_8_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_8_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_8_BorderColor: hsla(120, 70.186%, 31.569%, 1);--sapShell_Category_8_Background: hsla(120, 70.186%, 31.569%, 1);--sapShell_Category_7_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_7_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_7_BorderColor: hsla(301.682, 89.916%, 53.333%, 1);--sapShell_Category_7_Background: hsla(301.682, 89.916%, 53.333%, 1);--sapShell_Category_6_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_6_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_6_BorderColor: hsla(185.294, 90.667%, 29.412%, 1);--sapShell_Category_6_Background: hsla(185.294, 90.667%, 29.412%, 1);--sapShell_Category_5_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_5_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_5_BorderColor: hsla(11.111, 91.011%, 34.902%, 1);--sapShell_Category_5_Background: hsla(11.111, 91.011%, 34.902%, 1);--sapShell_Category_4_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_4_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_4_BorderColor: hsla(283.902, 100%, 32.157%, 1);--sapShell_Category_4_Background: hsla(283.902, 100%, 32.157%, 1);--sapShell_Category_3_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_3_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_3_BorderColor: hsla(26.234, 100%, 45.294%, 1);--sapShell_Category_3_Background: hsla(26.234, 100%, 45.294%, 1);--sapShell_Category_2_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_2_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_2_BorderColor: hsla(330.146, 85.062%, 47.255%, 1);--sapShell_Category_2_Background: hsla(330.146, 85.062%, 47.255%, 1);--sapShell_Category_1_TextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapShell_Category_1_TextColor: hsla(0, 0%, 100%, 1);--sapShell_Category_1_BorderColor: hsla(215.143, 100%, 41.176%, 1);--sapShell_Category_1_Background: hsla(215.143, 100%, 41.176%, 1);--sapShell_NeutralColor: #475E75;--sapShell_InformativeColor: #0070F2;--sapShell_PositiveColor: #188918;--sapShell_CriticalColor: #C35500;--sapShell_NegativeColor: #D20A0A;--sapShell_Shadow: 0 .125rem .125rem 0 hsla(210.667, 20.93%, 42.157%, .1), inset 0 -.063rem 0 0 hsla(210.667, 20.93%, 42.157%, .2);--sapShell_Navigation_Active_Background: #F5F6F7;--sapShell_Navigation_Active_TextColor: #5B738B;--sapShell_Navigation_TextColor: #223548;--sapShell_Navigation_Selected_TextColor: #0070F2;--sapShell_Navigation_SelectedColor: #0070F2;--sapShell_Navigation_Hover_Background: #F5F6F7;--sapShell_Navigation_Background: #FFFFFF;--sapShell_Selected_Hover_Background: #FFFFFF;--sapShell_Selected_TextColor: #0070F2;--sapShell_Selected_Background: #F5F6F7;--sapShell_Active_TextColor: #0040B0;--sapShell_Active_Background: #FFFFFF;--sapShell_Hover_Background: #FFFFFF;--sapShell_GroupTitleTextShadow: 0 0 .125rem 0 hsla(0, 0%, 100%, 1);--sapShell_GroupTitleTextColor: #354A5F;--sapShell_InteractiveBorderColor: hsla(210.638, 20.524%, 42.098%, 1);--sapShell_InteractiveTextColor: #354A5F;--sapShell_InteractiveBackground: #F5F6F7;--sapShell_TextColor: #223548;--sapShell_BorderColor: #D5DADD;--sapShell_BackgroundImageOpacity: 1;--sapShell_Background: #FFFFFF;--sapShellColor: hsla(0, 0%, 100%, 1);--sapShell_Interactive_TextColor: #354A5F;--sapShell_Interactive_BorderColor: #0070F2;--sapShell_NeutralBorderColor: #A9B4BE;--sapShell_Color: #FFFFFF;--sapList_HighlightColor: #0057D2;--sapList_TableFixedBorderColor: #A9B4BE;--sapList_TableFooterBorder: #A9B4BE;--sapList_FooterTextColor: #223548;--sapList_FooterBackground: #FFFFFF;--sapList_TableGroupHeaderTextColor: #223548;--sapList_TableGroupHeaderBorderColor: #A9B4BE;--sapList_TableGroupHeaderBackground: #FFFFFF;--sapList_GroupHeaderTextColor: #1A2733;--sapList_GroupHeaderBorderColor: #A9B4BE;--sapList_GroupHeaderBackground: #FFFFFF;--sapList_AlternatingBackground: #F5F6F7;--sapList_Hover_Background: #F5F6F7;--sapList_Background: #FFFFFF;--sapList_Hover_SelectionBackground: #D1EFFF;--sapList_SelectionBorderColor: #0040B0;--sapList_SelectionBackgroundColor: #EBF8FF;--sapList_Active_Background: #EAECEE;--sapList_Active_TextColor: #000000;--sapList_TextColor: #000000;--sapList_BorderWidth: .063rem;--sapList_BorderColor: #A9B4BE;--sapList_HeaderTextColor: #223548;--sapList_HeaderBorderColor: #A9B4BE;--sapList_HeaderBackground: #FFFFFF;--sapList_GroupAlternatingHeaderBackground: #A9B4BE;--sapBackgroundColorDefault: hsla(0, 0%, 97%, 1);--sapGroup_FooterBackground: hsla(0, 0%, 0%, 0);--sapContent_ForcedColorAdjust: none;--sapContent_ContrastTextThreshold: .65;--sapHighlightTextColor: #0070F2;--sapShell_BackgroundPatternColor: hsla(0, 0%, 0%, 0);--sapSvgLib_SAP-icons: none;--sapContent_DisabledOpacity: .4;--sapContent_IconHeight: 1rem;--sapContent_LineHeight: 1.5;--sapElement_Condensed_Height: 1.375rem;--sapElement_Condensed_LineHeight: 1.5rem;--sapElement_Compact_Height: 1.625rem;--sapElement_Compact_LineHeight: 2rem;--sapElement_BorderWidth: .063rem;--sapElement_Height: 2.25rem;--sapElement_LineHeight: 2.75rem;--sapPrimary7: hsla(210.667, 20.93%, 42.157%, 1);--sapPrimary6: hsla(210.909, 36.264%, 17.843%, 1);--sapPrimary5: #5B738B;--sapPrimary4: hsla(210, 11.111%, 96.471%, 1);--sapPrimary3: hsla(0, 0%, 100%, 1);--sapPrimary2: hsla(212.231, 100%, 47.451%, 1);--sapPrimary1: hsla(201, 100%, 96.078%, 1);--sapContent_GridSize: 1rem;--sapChart_Sequence_Neutral: hsla(210, 20.536%, 56.078%, 1);--sapChart_Sequence_11: hsla(251.642, 100%, 60.588%, 1);--sapChart_Sequence_10: hsla(0, 59.783%, 63.922%, 1);--sapChart_Sequence_9: hsla(114.286, 8.367%, 50.784%, 1);--sapChart_Sequence_8: hsla(295.636, 100%, 43.137%, 1);--sapChart_Sequence_7: hsla(210.186, 70.306%, 55.098%, 1);--sapChart_Sequence_6: hsla(178.065, 95.092%, 31.961%, 1);--sapChart_Sequence_5: hsla(268.333, 64.286%, 56.078%, 1);--sapChart_Sequence_4: hsla(330.146, 85.062%, 47.255%, 1);--sapChart_Sequence_3: hsla(74.894, 86.503%, 31.961%, 1);--sapChart_Sequence_2: hsla(36.9, 100%, 39.216%, 1);--sapChart_Sequence_1: hsla(212.231, 100%, 47.451%, 1);--sapChart_Neutral: hsla(210, 20.536%, 56.078%, 1);--sapChart_Good: hsla(137.027, 50%, 38.02%, 1);--sapChart_Critical: hsla(26.234, 100%, 45.294%, 1);--sapChart_Bad: hsla(0, 91.011%, 57.902%, 1);--sapChart_OrderedColor_11: hsla(251.642, 100%, 60.588%, 1);--sapChart_OrderedColor_10: hsla(0, 59.783%, 63.922%, 1);--sapChart_OrderedColor_9: hsla(114.286, 8.367%, 50.784%, 1);--sapChart_OrderedColor_8: hsla(295.636, 100%, 43.137%, 1);--sapChart_OrderedColor_7: hsla(210.186, 70.306%, 55.098%, 1);--sapChart_OrderedColor_6: hsla(178.065, 95.092%, 31.961%, 1);--sapChart_OrderedColor_5: hsla(268.333, 64.286%, 56.078%, 1);--sapChart_OrderedColor_4: hsla(330.146, 85.062%, 47.255%, 1);--sapChart_OrderedColor_3: hsla(74.894, 86.503%, 31.961%, 1);--sapChart_OrderedColor_2: hsla(36.9, 100%, 39.216%, 1);--sapChart_OrderedColor_1: hsla(212.231, 100%, 47.451%, 1);--sapLegendBackgroundColor20: hsla(233.684, 100%, 96.275%, 1);--sapLegendBackgroundColor19: hsla(204, 100%, 99.02%, 1);--sapLegendBackgroundColor18: hsla(74.286, 67.742%, 87.843%, 1);--sapLegendBackgroundColor17: hsla(166.286, 89.744%, 92.353%, 1);--sapLegendBackgroundColor16: hsla(201, 100%, 96.078%, 1);--sapLegendBackgroundColor15: hsla(271.765, 54.839%, 93.922%, 1);--sapLegendBackgroundColor14: hsla(49.286, 50%, 89.02%, 1);--sapLegendBackgroundColor13: hsla(340, 42.857%, 94.51%, 1);--sapLegendBackgroundColor12: hsla(0, 100%, 98.235%, 1);--sapLegendBackgroundColor11: hsla(49.756, 100%, 91.961%, 1);--sapLegendBackgroundColor10: hsla(320, 100%, 97.059%, 1);--sapLegendBackgroundColor9: hsla(210, 11.111%, 96.471%, 1);--sapLegendBackgroundColor8: hsla(74.286, 67.742%, 93.922%, 1);--sapLegendBackgroundColor7: hsla(165.517, 90.625%, 87.451%, 1);--sapLegendBackgroundColor6: hsla(200.87, 100%, 90.98%, 1);--sapLegendBackgroundColor5: hsla(302.308, 100%, 94.902%, 1);--sapLegendBackgroundColor4: hsla(0, 66.667%, 95.294%, 1);--sapLegendBackgroundColor3: hsla(336, 38.462%, 97.451%, 1);--sapLegendBackgroundColor2: hsla(18.621, 93.548%, 93.922%, 1);--sapLegendBackgroundColor1: hsla(50, 100%, 81.176%, 1);--sapLegendColor20: hsla(255.733, 90.361%, 48.824%, 1);--sapLegendColor19: hsla(218.226, 70.455%, 34.51%, 1);--sapLegendColor18: hsla(137.288, 49.58%, 23.333%, 1);--sapLegendColor17: hsla(188.125, 94.118%, 20%, 1);--sapLegendColor16: hsla(221.194, 100%, 26.275%, 1);--sapLegendColor15: hsla(269.302, 54.43%, 30.98%, 1);--sapLegendColor14: hsla(17.872, 100%, 27.647%, 1);--sapLegendColor13: hsla(326, 93.75%, 37.647%, 1);--sapLegendColor12: hsla(11.111, 91.011%, 34.902%, 1);--sapLegendColor11: hsla(22.012, 100%, 33.137%, 1);--sapLegendColor10: hsla(283.902, 100%, 32.157%, 1);--sapLegendColor9: hsla(210, 20.87%, 45.098%, 1);--sapLegendColor8: hsla(120, 70.186%, 31.569%, 1);--sapLegendColor7: hsla(185.294, 90.667%, 29.412%, 1);--sapLegendColor6: hsla(215.143, 100%, 41.176%, 1);--sapLegendColor5: hsla(295.636, 100%, 43.137%, 1);--sapLegendColor4: hsla(0, 91.304%, 27.059%, 1);--sapLegendColor3: hsla(330.146, 85.062%, 47.255%, 1);--sapLegendColor2: hsla(14.4, 90.909%, 43.137%, 1);--sapLegendColor1: hsla(26.154, 100%, 38.235%, 1);--sapLegend_CurrentDateTime: #A100C2;--sapLegend_NonWorkingBackground: #EAECEE;--sapLegend_WorkingBackground: #FFFFFF;--sapIndicationColor_10b_Hover_Background: #5B738B;--sapIndicationColor_10b_BorderColor: #5B738B;--sapIndicationColor_10b: #5B738B;--sapIndicationColor_10_Selected_TextColor: #FFFFFF;--sapIndicationColor_10_Selected_BorderColor: #000000B3;--sapIndicationColor_10_Selected_Background: #000000B3;--sapIndicationColor_10_Active_TextColor: #223548;--sapIndicationColor_10_Active_BorderColor: #EAECEE;--sapIndicationColor_10_Active_Background: #EAECEE;--sapIndicationColor_10_Hover_Background: #475E75;--sapIndicationColor_10_TextColor: #FFFFFF;--sapIndicationColor_10_BorderColor: #1A2733;--sapIndicationColor_10_Background: #1A2733;--sapIndicationColor_10: #EAECEE;--sapIndicationColor_9b_Hover_Background: hsla(0, 0%, 95%, 1);--sapIndicationColor_9b_BorderColor: hsla(0, 0%, 85%, 1);--sapIndicationColor_9b: #0057D2;--sapIndicationColor_9_Selected_TextColor: hsla(210.909, 36.264%, 17.843%, 1);--sapIndicationColor_9_Selected_BorderColor: #0040B0;--sapIndicationColor_9_Selected_Background: #F5F6F7;--sapIndicationColor_9_Active_TextColor: #FFFFFF;--sapIndicationColor_9_Active_BorderColor: #A9B4BE;--sapIndicationColor_9_Active_Background: #0040B0;--sapIndicationColor_9_Hover_Background: #FFF3B8;--sapIndicationColor_9_TextColor: #354A5F;--sapIndicationColor_9_BorderColor: #D1EFFF;--sapIndicationColor_9_Background: #0057D2;--sapIndicationColor_9: #D1EFFF;--sapIndicationColor_8b_Hover_Background: hsla(289.756, 100%, 86.961%, 1);--sapIndicationColor_8b_BorderColor: hsla(289.756, 100%, 91.961%, 1);--sapIndicationColor_8b: hsla(289.756, 100%, 91.961%, 1);--sapIndicationColor_8_Selected_TextColor: hsla(289.794, 100%, 38.039%, 1);--sapIndicationColor_8_Selected_BorderColor: hsla(289.756, 100%, 91.961%, 1);--sapIndicationColor_8_Selected_Background: hsla(289.794, 100%, 28.039%, 1);--sapIndicationColor_8_Active_TextColor: hsla(289.794, 100%, 38.039%, 1);--sapIndicationColor_8_Active_BorderColor: hsla(289.756, 100%, 91.961%, 1);--sapIndicationColor_8_Active_Background: hsla(289.794, 100%, 28.039%, 1);--sapIndicationColor_8_Hover_Background: hsla(289.794, 100%, 33.039%, 1);--sapIndicationColor_8_TextColor: hsla(0, 0%, 100%, 1);--sapIndicationColor_8_BorderColor: hsla(289.794, 100%, 38.039%, 1);--sapIndicationColor_8_Background: hsla(289.794, 100%, 38.039%, 1);--sapIndicationColor_8: hsla(289.794, 100%, 38.039%, 1);--sapIndicationColor_7b_Hover_Background: hsla(251.667, 100%, 87.941%, 1);--sapIndicationColor_7b_BorderColor: hsla(251.667, 100%, 92.941%, 1);--sapIndicationColor_7b: hsla(251.667, 100%, 92.941%, 1);--sapIndicationColor_7_Selected_TextColor: hsla(251.642, 100%, 60.588%, 1);--sapIndicationColor_7_Selected_BorderColor: hsla(251.667, 100%, 92.941%, 1);--sapIndicationColor_7_Selected_Background: hsla(251.642, 100%, 50.588%, 1);--sapIndicationColor_7_Active_TextColor: hsla(251.642, 100%, 60.588%, 1);--sapIndicationColor_7_Active_BorderColor: hsla(251.667, 100%, 92.941%, 1);--sapIndicationColor_7_Active_Background: hsla(251.642, 100%, 50.588%, 1);--sapIndicationColor_7_Hover_Background: hsla(251.642, 100%, 55.588%, 1);--sapIndicationColor_7_TextColor: hsla(0, 0%, 100%, 1);--sapIndicationColor_7_BorderColor: hsla(251.642, 100%, 60.588%, 1);--sapIndicationColor_7_Background: hsla(251.642, 100%, 60.588%, 1);--sapIndicationColor_7: hsla(251.642, 100%, 60.588%, 1);--sapIndicationColor_6b_Hover_Background: hsla(166.5, 66.667%, 83.235%, 1);--sapIndicationColor_6b_BorderColor: hsla(166.5, 66.667%, 88.235%, 1);--sapIndicationColor_6b: hsla(166.5, 66.667%, 88.235%, 1);--sapIndicationColor_6_Selected_TextColor: hsla(187.119, 93.651%, 24.706%, 1);--sapIndicationColor_6_Selected_BorderColor: hsla(166.5, 66.667%, 88.235%, 1);--sapIndicationColor_6_Selected_Background: hsla(187.119, 93.651%, 14.706%, 1);--sapIndicationColor_6_Active_TextColor: hsla(187.119, 93.651%, 24.706%, 1);--sapIndicationColor_6_Active_BorderColor: hsla(166.5, 66.667%, 88.235%, 1);--sapIndicationColor_6_Active_Background: hsla(187.119, 93.651%, 14.706%, 1);--sapIndicationColor_6_Hover_Background: hsla(187.119, 93.651%, 19.706%, 1);--sapIndicationColor_6_TextColor: hsla(0, 0%, 100%, 1);--sapIndicationColor_6_BorderColor: hsla(187.119, 93.651%, 24.706%, 1);--sapIndicationColor_6_Background: hsla(187.119, 93.651%, 24.706%, 1);--sapIndicationColor_6: hsla(187.119, 93.651%, 24.706%, 1);--sapIndicationColor_5b_Hover_Background: hsla(200, 91.304%, 85.98%, 1);--sapIndicationColor_5b_BorderColor: hsla(200, 91.304%, 90.98%, 1);--sapIndicationColor_5b: hsla(200, 91.304%, 90.98%, 1);--sapIndicationColor_5_Selected_TextColor: hsla(212.231, 100%, 47.451%, 1);--sapIndicationColor_5_Selected_BorderColor: hsla(200, 91.304%, 90.98%, 1);--sapIndicationColor_5_Selected_Background: hsla(212.231, 100%, 37.451%, 1);--sapIndicationColor_5_Active_TextColor: hsla(212.231, 100%, 47.451%, 1);--sapIndicationColor_5_Active_BorderColor: hsla(200, 91.304%, 90.98%, 1);--sapIndicationColor_5_Active_Background: hsla(212.231, 100%, 37.451%, 1);--sapIndicationColor_5_Hover_Background: hsla(212.231, 100%, 42.451%, 1);--sapIndicationColor_5_TextColor: hsla(0, 0%, 100%, 1);--sapIndicationColor_5_BorderColor: hsla(212.231, 100%, 47.451%, 1);--sapIndicationColor_5_Background: hsla(212.231, 100%, 47.451%, 1);--sapIndicationColor_5: hsla(212.231, 100%, 47.451%, 1);--sapIndicationColor_4b_Hover_Background: hsla(122.609, 50%, 76.961%, 1);--sapIndicationColor_4b_BorderColor: hsla(122.609, 50%, 81.961%, 1);--sapIndicationColor_4b: hsla(122.609, 50%, 81.961%, 1);--sapIndicationColor_4_Selected_TextColor: hsla(137.027, 50%, 29.02%, 1);--sapIndicationColor_4_Selected_BorderColor: hsla(122.609, 50%, 81.961%, 1);--sapIndicationColor_4_Selected_Background: hsla(137.027, 50%, 19.02%, 1);--sapIndicationColor_4_Active_TextColor: hsla(137.027, 50%, 29.02%, 1);--sapIndicationColor_4_Active_BorderColor: hsla(122.609, 50%, 81.961%, 1);--sapIndicationColor_4_Active_Background: hsla(137.027, 50%, 19.02%, 1);--sapIndicationColor_4_Hover_Background: hsla(137.027, 50%, 24.02%, 1);--sapIndicationColor_4_TextColor: hsla(0, 0%, 100%, 1);--sapIndicationColor_4_BorderColor: hsla(137.027, 50%, 29.02%, 1);--sapIndicationColor_4_Background: hsla(137.027, 50%, 29.02%, 1);--sapIndicationColor_4: hsla(137.027, 50%, 29.02%, 1);--sapIndicationColor_3b_Hover_Background: hsla(47.619, 100%, 82.647%, 1);--sapIndicationColor_3b_BorderColor: hsla(47.619, 100%, 87.647%, 1);--sapIndicationColor_3b: hsla(47.619, 100%, 87.647%, 1);--sapIndicationColor_3_Selected_TextColor: hsla(26.27, 100%, 36.275%, 1);--sapIndicationColor_3_Selected_BorderColor: hsla(47.619, 100%, 87.647%, 1);--sapIndicationColor_3_Selected_Background: hsla(26.234, 100%, 39.294%, 1);--sapIndicationColor_3_Active_TextColor: hsla(26.27, 100%, 36.275%, 1);--sapIndicationColor_3_Active_BorderColor: hsla(47.619, 100%, 87.647%, 1);--sapIndicationColor_3_Active_Background: hsla(26.234, 100%, 39.294%, 1);--sapIndicationColor_3_Hover_Background: hsla(26.234, 100%, 42.294%, 1);--sapIndicationColor_3_TextColor: hsla(0, 0%, 100%, 1);--sapIndicationColor_3_BorderColor: hsla(26.234, 100%, 45.294%, 1);--sapIndicationColor_3_Background: hsla(26.234, 100%, 45.294%, 1);--sapIndicationColor_3: hsla(26.27, 100%, 36.275%, 1);--sapIndicationColor_2b_Hover_Background: hsla(0, 90.323%, 82.843%, 1);--sapIndicationColor_2b_BorderColor: hsla(0, 90.323%, 87.843%, 1);--sapIndicationColor_2b: hsla(0, 90.323%, 87.843%, 1);--sapIndicationColor_2_Selected_TextColor: hsla(0, 91.011%, 34.902%, 1);--sapIndicationColor_2_Selected_BorderColor: hsla(0, 90.323%, 87.843%, 1);--sapIndicationColor_2_Selected_Background: hsla(0, 91.011%, 24.902%, 1);--sapIndicationColor_2_Active_TextColor: hsla(0, 91.011%, 34.902%, 1);--sapIndicationColor_2_Active_BorderColor: hsla(0, 90.323%, 87.843%, 1);--sapIndicationColor_2_Active_Background: hsla(0, 91.011%, 24.902%, 1);--sapIndicationColor_2_Hover_Background: hsla(0, 91.011%, 29.902%, 1);--sapIndicationColor_2_TextColor: hsla(0, 0%, 100%, 1);--sapIndicationColor_2_BorderColor: hsla(0, 91.011%, 34.902%, 1);--sapIndicationColor_2_Background: hsla(0, 91.011%, 34.902%, 1);--sapIndicationColor_2: hsla(0, 91.011%, 34.902%, 1);--sapIndicationColor_1b_Hover_Background: hsla(0, 92.157%, 75%, 1);--sapIndicationColor_1b_BorderColor: hsla(0, 92.157%, 80%, 1);--sapIndicationColor_1b: hsla(0, 92.157%, 80%, 1);--sapIndicationColor_1_Selected_TextColor: hsla(0, 91.304%, 27.059%, 1);--sapIndicationColor_1_Selected_BorderColor: hsla(0, 92.157%, 80%, 1);--sapIndicationColor_1_Selected_Background: hsla(0, 91.304%, 17.059%, 1);--sapIndicationColor_1_Active_TextColor: hsla(0, 91.304%, 27.059%, 1);--sapIndicationColor_1_Active_BorderColor: hsla(0, 92.157%, 80%, 1);--sapIndicationColor_1_Active_Background: hsla(0, 91.304%, 17.059%, 1);--sapIndicationColor_1_Hover_Background: hsla(0, 91.304%, 22.059%, 1);--sapIndicationColor_1_TextColor: hsla(0, 0%, 100%, 1);--sapIndicationColor_1_BorderColor: hsla(0, 91.304%, 27.059%, 1);--sapIndicationColor_1_Background: hsla(0, 91.304%, 27.059%, 1);--sapIndicationColor_1: hsla(0, 91.304%, 27.059%, 1);--sapAccentBackgroundColor10: hsla(210, 10.526%, 92.549%, 1);--sapAccentBackgroundColor9: hsla(268.333, 54.545%, 87.059%, 1);--sapAccentBackgroundColor8: hsla(74.286, 67.742%, 87.843%, 1);--sapAccentBackgroundColor7: hsla(165.517, 90.625%, 87.451%, 1);--sapAccentBackgroundColor6: hsla(200.87, 100%, 90.98%, 1);--sapAccentBackgroundColor5: hsla(255, 100%, 91.373%, 1);--sapAccentBackgroundColor4: hsla(320.571, 100%, 93.137%, 1);--sapAccentBackgroundColor3: hsla(340, 100%, 92.941%, 1);--sapAccentBackgroundColor2: hsla(330.638, 100%, 90.784%, 1);--sapAccentBackgroundColor1: hsla(49.859, 100%, 86.078%, 1);--sapAccentColor10: #475E75;--sapAccentColor9: #7800A4;--sapAccentColor8: #188918;--sapAccentColor7: #07838F;--sapAccentColor6: #0070F2;--sapAccentColor5: #5D36FF;--sapAccentColor4: #CC00DC;--sapAccentColor3: #DF1278;--sapAccentColor2: #D20A0A;--sapAccentColor1: #C35500;--sapTile_OverlayForegroundColor: #000000;--sapTile_OverlayBackground: #FFFFFF;--sapTile_Interactive_BorderColor: #1B90FF;--sapTile_SeparatorColor: #D5DADD;--sapTile_IconColor: #354A5F;--sapTile_TextColor: #223548;--sapTile_TitleTextColor: #000000;--sapTile_BorderCornerRadius: 1rem;--sapTile_BorderColor: #EAECEE;--sapTile_Active_Background: #FFFFFF;--sapTile_Hover_Background: #FFFFFF;--sapTile_Background: #FFFFFF;--sapBlockLayer_Background: #000000d6;--sapPopover_BorderCornerRadius: .5rem;--sapGroup_BorderCornerRadius: .5rem;--sapGroup_BorderWidth: .063rem;--sapGroup_ContentBorderColor: hsla(0, 0%, 85%, 1);--sapGroup_ContentBackground: #FFFFFF;--sapGroup_Title_FontSize: 18px;--sapGroup_TitleTextColor: hsla(210.909, 36.264%, 17.843%, 1);--sapGroup_TitleBorderColor: hsla(210.638, 13.524%, 70.098%, 1);--sapGroup_TitleBackground: hsla(0, 0%, 100%, 1);--sapContent_HeaderShadow: none;--sapElement_BorderCornerRadius: .5rem;--sapObjectHeader_Subtitle_TextColor: hsla(210.667, 20.93%, 42.157%, 1);--sapObjectHeader_Title_FontFamily: "72 Brand Variable", "Arial", "Helvetica", "sans-serif";--sapObjectHeader_Title_SnappedFontSize: 20px;--sapObjectHeader_Title_FontSize: 28px;--sapObjectHeader_Title_TextColor: #000000;--sapObjectHeader_BorderColor: #A9B4BE;--sapObjectHeader_Hover_Background: #FFFFFF;--sapObjectHeader_Background: #FFFFFF;--sapObjectHeader_SubTitle_TextColor: #5B738B;--sapInfobar_TextColor: hsla(187.119, 93.651%, 24.706%, 1);--sapInfobar_NonInteractive_Background: hsla(210, 11.111%, 96.471%, 1);--sapInfobar_Active_Background: hsla(0, 0%, 100%, 1);--sapInfobar_Hover_Background: hsla(0, 0%, 100%, 1);--sapInfobar_Background: hsla(165.517, 90.625%, 87.451%, 1);--sapToolbar_SeparatorColor: #A9B4BE;--sapToolbar_Background: hsla(0, 0%, 100%, 1);--sapPageFooter_TextColor: hsla(210.909, 36.264%, 17.843%, 1);--sapPageFooter_BorderColor: #D5DADD;--sapPageFooter_Background: hsla(0, 0%, 100%, 1);--sapPageHeader_TextColor: #223548;--sapPageHeader_BorderColor: hsla(0, 0%, 85%, 1);--sapPageHeader_Background: hsla(0, 0%, 100%, 1);--sapBackgroundColor: #FFFFFF;--sapSlider_Active_RangeHandleBackground: transparent;--sapSlider_Active_HandleBorderColor: #0040B0;--sapSlider_Active_HandleBackground: transparent;--sapSlider_Hover_RangeHandleBackground: #D1EFFF;--sapSlider_Hover_HandleBorderColor: #89D1FF;--sapSlider_Hover_HandleBackground: #D1EFFF;--sapSlider_RangeHandleBackground: #FFFFFF;--sapSlider_HandleBorderColor: #89D1FF;--sapSlider_HandleBackground: #FFFFFF;--sapSlider_Selected_BorderColor: #0070F2;--sapSlider_Selected_Background: #0070F2;--sapSlider_BorderColor: #D5DADD;--sapSlider_Background: #D5DADD;--sapContent_Selected_MeasureIndicatorColor: #0040B0;--sapContent_MeasureIndicatorColor: #5B738B;--sapScrollBar_Hover_FaceColor: #5B738B;--sapScrollBar_Dimension: 12px;--sapScrollBar_SymbolColor: hsla(210.909, 36.264%, 17.843%, 1);--sapScrollBar_BorderColor: hsla(210.638, 20.524%, 57.098%, 1);--sapScrollBar_FaceColor: #8396A8;--sapProgress_Value_InformationTextColor: #0070F2;--sapProgress_Value_InformationBorderColor: #0070F2;--sapProgress_Value_InformationBackground: #0070F2;--sapProgress_InformationTextColor: #223548;--sapProgress_InformationBorderColor: #A6E0FF;--sapProgress_InformationBackground: #A6E0FF;--sapProgress_Value_PositiveTextColor: #188918;--sapProgress_Value_PositiveBorderColor: #188918;--sapProgress_Value_PositiveBackground: #188918;--sapProgress_PositiveTextColor: #223548;--sapProgress_PositiveBorderColor: #BDE986;--sapProgress_PositiveBackground: #BDE986;--sapProgress_Value_CriticalTextColor: #C35500;--sapProgress_Value_CriticalBorderColor: #C35500;--sapProgress_Value_CriticalBackground: #C35500;--sapProgress_CriticalTextColor: #223548;--sapProgress_CriticalBorderColor: #FFDF72;--sapProgress_CriticalBackground: #FFDF72;--sapProgress_Value_NegativeTextColor: #D20A0A;--sapProgress_Value_NegativeBorderColor: #D20A0A;--sapProgress_Value_NegativeBackground: #D20A0A;--sapProgress_NegativeTextColor: #223548;--sapProgress_NegativeBorderColor: #FFB2D2;--sapProgress_NegativeBackground: #FFB2D2;--sapProgress_Value_TextColor: #223548;--sapProgress_Value_BorderColor: #475E75;--sapProgress_Value_Background: #475E75;--sapProgress_FontSize: 16px;--sapProgress_TextColor: #223548;--sapProgress_BorderColor: #D5DADD;--sapProgress_Background: #D5DADD;--sapMessage_InformationBorderColor: #0070F2;--sapMessage_SuccessBorderColor: #188918;--sapMessage_WarningBorderColor: #C35500;--sapMessage_ErrorBorderColor: #D20A0A;--sapContent_Neutral_Shadow: 0 0 .125rem 0 hsla(210, 20.536%, 56.078%, .72);--sapContent_Informative_Shadow: 0 0 .125rem 0 hsla(212.231, 100%, 47.451%, .72);--sapContent_Positive_Shadow: 0 0 .125rem 0 hsla(137.027, 50%, 29.02%, .72);--sapContent_Critical_Shadow: 0 0 .125rem 0 hsla(26.234, 100%, 45.294%, .72);--sapContent_Negative_Shadow: 0 0 .125rem 0 hsla(0, 91.011%, 34.902%, .72);--sapNeutralBorderColor: #A9B4BE;--sapInformationBorderColor: #0070F2;--sapSuccessBorderColor: #188918;--sapWarningBorderColor: #C35500;--sapErrorBorderColor: #D20A0A;--sapNeutralBackground: #FFFFFF;--sapInformationBackground: #EBF8FF;--sapSuccessBackground: #F5FAE5;--sapWarningBackground: #FFF8D6;--sapErrorBackground: #FFEAF4;--sapNegativeBackgroundColor: #D20A0A;--sapInformationColor: #0040B0;--sapSuccessColor: #1E592F;--sapWarningColor: #8D2A00;--sapErrorColor: #840606;--sapNeutralTextColor: #475E75;--sapInformativeTextColor: #0040B0;--sapPositiveTextColor: #1E592F;--sapCriticalTextColor: #8D2A00;--sapNegativeTextColor: #840606;--sapNeutralElementColor: #5B738B;--sapInformativeElementColor: #0070F2;--sapPositiveElementColor: #188918;--sapCriticalElementColor: #C35500;--sapNegativeElementColor: #D20A0A;--sapNeutralColor: #FFFFFF;--sapInformativeColor: #0040B0;--sapPositiveColor: #1E592F;--sapCriticalColor: hsla(26.234, 100%, 45.294%, 1);--sapNegativeColor: #D20A0A;--sapField_InformationShadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_InformationBorderStyle: none;--sapField_InformationBorderWidth: .125rem;--sapField_InformationBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #0070F2, #0070F2) border-box;--sapField_InformationBackground: #FFFFFF;--sapField_InformationColor: #0070F2;--sapField_Hover_InformationShadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_SuccessShadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_SuccessBorderStyle: none;--sapField_SuccessBorderWidth: 1px;--sapField_SuccessBackgroundStyle: 0 100% / 100% 1px no-repeat linear-gradient(0deg, #188918, #188918) border-box;--sapField_SuccessBackground: #FFFFFF;--sapField_SuccessColor: #188918;--sapField_Hover_SuccessShadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_WarningShadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_WarningBorderStyle: none;--sapField_WarningBorderWidth: .125rem;--sapField_WarningBackgroundStyle: 0 100% / 100% .125rem no-repeat linear-gradient(0deg, #C35500, #C35500) border-box;--sapField_WarningBackground: #FFFFFF;--sapField_WarningColor: #C35500;--sapField_Hover_WarningShadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_InvalidShadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_InvalidBorderStyle: none;--sapField_InvalidBorderWidth: 1px;--sapField_InvalidBackgroundStyle: 0 100% / 100% 1px no-repeat linear-gradient(0deg, #D20A0A, #D20A0A) border-box;--sapField_InvalidBackground: #FFFFFF;--sapField_InvalidColor: #D20A0A;--sapField_Hover_InvalidShadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_RequiredColor: hsla(326, 93.75%, 37.647%, 1);--sapField_Focus_HelpBackground: hsla(0, 0%, 100%, 1);--sapField_Focus_BorderColor: hsla(212.231, 100%, 47.451%, 1);--sapField_Focus_Background: hsla(0, 0%, 100%, 1);--sapField_Active_BorderColor: #0040B0;--sapField_Hover_Shadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_Hover_HelpBackground: hsla(0, 0%, 100%, 1);--sapField_Hover_BorderColor: #1B90FF;--sapField_Hover_BackgroundStyle: 0 100% / 100% .063rem no-repeat linear-gradient(0deg, #1B90FF, #1B90FF) border-box;--sapField_Hover_Background: #FFFFFF;--sapField_Shadow: 0 0 0 0 rgba(0, 0, 0, 1);--sapField_BorderCornerRadius: .25rem;--sapField_BorderStyle: none;--sapField_BorderWidth: .063rem;--sapField_HelpBackground: hsla(210, 11.111%, 94.471%, 1);--sapField_BorderColor: #5B738B;--sapField_PlaceholderTextColor: #475E75;--sapField_TextColor: #223548;--sapField_BackgroundStyle: 0 100% / 100% .063rem no-repeat linear-gradient(0deg, #5B738B, #5B738B) border-box;--sapField_Background: #FFFFFF;--sapField_FocusBackground: #FFFFFF;--sapField_ReadOnly_HelpBackground: hsla(0, 0%, 0%, 0);--sapField_ReadOnly_BorderStyle: none;--sapField_ReadOnly_BorderColor: #5B738B;--sapField_ReadOnly_BackgroundStyle: 0 100% / .375rem .063rem repeat-x linear-gradient(90deg, #5B738B 0, #5B738B .25rem, transparent .25rem) border-box;--sapField_ReadOnly_Background: #EAECEE;--sapButton_TokenBorderColor: #D5DADD;--sapButton_TokenBackground: #EAECEE;--sapButton_Handle_Positive_Hover_BorderColor: #FFFFFF66;--sapButton_Handle_Positive_Hover_Background: #FFFFFF;--sapButton_Handle_Positive_TextColor: #256F3A;--sapButton_Handle_Positive_BorderColor: hsla(0, 0%, 100%, 1);--sapButton_Handle_Positive_Background: #FFFFFF;--sapButton_Track_Positive_Hover_BorderColor: #256F3A;--sapButton_Track_Positive_Hover_Background: #256F3A;--sapButton_Track_Positive_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Track_Positive_BorderColor: #188918;--sapButton_Track_Positive_Background: #188918;--sapButton_Handle_Negative_Hover_BorderColor: #FFFFFF66;--sapButton_Handle_Negative_Hover_Background: #FFFFFF;--sapButton_Handle_Negative_TextColor: #AA0808;--sapButton_Handle_Negative_BorderColor: #EE3939;--sapButton_Handle_Negative_Background: #FFFFFF;--sapButton_Track_Negative_Hover_BorderColor: #D20A0A;--sapButton_Track_Negative_Hover_Background: #D20A0A;--sapButton_Track_Negative_TextColor: #AA0808;--sapButton_Track_Negative_BorderColor: hsla(0, 91.011%, 57.902%, 1);--sapButton_Track_Negative_Background: #EE3939;--sapButton_Handle_Selected_Hover_BorderColor: #FFFFFF66;--sapButton_Handle_Selected_Hover_Background: hsla(0, 0%, 100%, 1);--sapButton_Handle_Selected_TextColor: #0070F2;--sapButton_Handle_Selected_BorderColor: hsla(0, 0%, 100%, 1);--sapButton_Handle_Selected_Background: #FFFFFF;--sapButton_Handle_Hover_BorderColor: #FFFFFF66;--sapButton_Handle_Hover_Background: #FFFFFF;--sapButton_Handle_TextColor: #223548;--sapButton_Handle_BorderColor: hsla(0, 0%, 100%, 1);--sapButton_Handle_Background: #FFFFFF;--sapButton_Track_Selected_Hover_BorderColor: hsla(212.231, 100%, 42.451%, 1);--sapButton_Track_Selected_Hover_Background: #0040B0;--sapButton_Track_Selected_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Track_Selected_BorderColor: hsla(212.231, 100%, 47.451%, 1);--sapButton_Track_Selected_Background: #0070F2;--sapButton_Track_Hover_BorderColor: hsla(210, 20.536%, 49.078%, 1);--sapButton_Track_Hover_Background: #5B738B;--sapButton_Track_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Track_BorderColor: hsla(210, 20.536%, 56.078%, 1);--sapButton_Track_Background: #8396A8;--sapButton_Neutral_Active_TextColor: #0040B0;--sapButton_Neutral_Active_BorderColor: #0040B0;--sapButton_Neutral_Active_Background: #FFFFFF;--sapButton_Neutral_Hover_TextColor: #223548;--sapButton_Neutral_Hover_BorderColor: #A9B4BE;--sapButton_Neutral_Hover_Background: #EAECEE;--sapButton_Neutral_TextColor: #223548;--sapButton_Neutral_BorderColor: #A9B4BE;--sapButton_Neutral_Background: #FFFFFF;--sapButton_Neutral_Selected_BorderColor: #0040B0;--sapButton_Neutral_Selected_Background: #FFFFFF;--sapButton_Neutral_Selected_TextColor: #0040B0;--sapButton_Information_Active_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Information_Active_BorderColor: hsla(212.231, 100%, 37.451%, 1);--sapButton_Information_Active_Background: hsla(212.231, 100%, 37.451%, 1);--sapButton_Information_Hover_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Information_Hover_BorderColor: hsla(212.231, 100%, 42.451%, 1);--sapButton_Information_Hover_Background: hsla(212.231, 100%, 42.451%, 1);--sapButton_Information_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Information_BorderColor: hsla(212.231, 100%, 47.451%, 1);--sapButton_Information_Background: hsla(212.231, 100%, 47.451%, 1);--sapButton_Success_Active_TextColor: #164323;--sapButton_Success_Active_BorderColor: #164323;--sapButton_Success_Active_Background: #FFFFFF;--sapButton_Success_Hover_TextColor: #164323;--sapButton_Success_Hover_BorderColor: #164323;--sapButton_Success_Hover_Background: #BDE986;--sapButton_Success_TextColor: #256F3A;--sapButton_Success_BorderColor: #188918;--sapButton_Success_Background: #EBF5CB;--sapButton_Critical_Active_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Critical_Active_BorderColor: hsla(26.234, 100%, 41.294%, 1);--sapButton_Critical_Active_Background: hsla(26.234, 100%, 41.294%, 1);--sapButton_Critical_Hover_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Critical_Hover_BorderColor: hsla(26.234, 100%, 43.294%, 1);--sapButton_Critical_Hover_Background: hsla(26.234, 100%, 43.294%, 1);--sapButton_Critical_TextColor: hsla(0, 0%, 100%, 1);--sapButton_Critical_BorderColor: hsla(26.234, 100%, 45.294%, 1);--sapButton_Critical_Background: hsla(26.234, 100%, 45.294%, 1);--sapButton_Negative_Active_TextColor: #5A0404;--sapButton_Negative_Active_BorderColor: #5A0404;--sapButton_Negative_Active_Background: #FFFFFF;--sapButton_Negative_Hover_TextColor: #5A0404;--sapButton_Negative_Hover_BorderColor: #5A0404;--sapButton_Negative_Hover_Background: #FFB2D2;--sapButton_Negative_TextColor: #AA0808;--sapButton_Negative_BorderColor: #D20A0A;--sapButton_Negative_Background: #FFD5EA;--sapButton_Attention_Selected_Hover_BorderColor: #A93E00;--sapButton_Attention_Selected_Hover_Background: #FFF3B8;--sapButton_Attention_Selected_TextColor: #6D1900;--sapButton_Attention_Selected_BorderColor: #6D1900;--sapButton_Attention_Selected_Background: #FFFFFF;--sapButton_Attention_Active_TextColor: #6D1900;--sapButton_Attention_Active_BorderColor: #6D1900;--sapButton_Attention_Active_Background: #FFFFFF;--sapButton_Attention_Hover_TextColor: #6D1900;--sapButton_Attention_Hover_BorderColor: #6D1900;--sapButton_Attention_Hover_Background: #FFDF72;--sapButton_Attention_TextColor: #A93E00;--sapButton_Attention_BorderColor: #C35500;--sapButton_Attention_Background: #FFF3B8;--sapButton_Selected_Hover_BorderColor: hsla(212.231, 100%, 47.451%, 1);--sapButton_Selected_Hover_Background: #D1EFFF;--sapButton_Selected_TextColor: #0040B0;--sapButton_Selected_BorderColor: #0040B0;--sapButton_Selected_Background: #FFFFFF;--sapButton_Active_TextColor: #0040B0;--sapButton_Active_BorderColor: #0040B0;--sapButton_Active_Background: #FFFFFF;--sapButton_IconColor: hsla(210.909, 36.264%, 17.843%, 1);--sapButton_Hover_TextColor: #0040B0;--sapButton_Hover_BorderColor: #475E75;--sapButton_Hover_Background: #EAECEE;--sapButton_TextColor: #0040B0;--sapButton_BorderCornerRadius: .5rem;--sapButton_BorderWidth: .063rem;--sapButton_BorderColor: #475E75;--sapButton_Background: #FFFFFF;--sapButton_Selected_Hover_Bordercolor: #0040B0;--sapButton_Lite_Active_BorderColor: #0040B0;--sapButton_Lite_Active_Background: #FFFFFF;--sapButton_Lite_Hover_TextColor: #0040B0;--sapButton_Lite_Hover_BorderColor: #475E75;--sapButton_Lite_Hover_Background: #EAECEE;--sapButton_Lite_TextColor: #0040B0;--sapButton_Lite_BorderColor: #FFFFFF00;--sapButton_Lite_Background: #FFFFFF00;--sapButton_Lite_Disabled_TextColor: #0040B0;--sapButton_Accept_Selected_Hover_BorderColor: #256F3A;--sapButton_Accept_Selected_Hover_Background: #EBF5CB;--sapButton_Accept_Selected_TextColor: #164323;--sapButton_Accept_Selected_BorderColor: #164323;--sapButton_Accept_Selected_Background: #FFFFFF;--sapButton_Accept_Active_TextColor: #164323;--sapButton_Accept_Active_BorderColor: #164323;--sapButton_Accept_Active_Background: #FFFFFF;--sapButton_Accept_Hover_TextColor: #164323;--sapButton_Accept_Hover_BorderColor: #164323;--sapButton_Accept_Hover_Background: #BDE986;--sapButton_Accept_TextColor: #256F3A;--sapButton_Accept_BorderColor: #188918;--sapButton_Accept_Background: #EBF5CB;--sapButton_Reject_Selected_Hover_BorderColor: #AA0808;--sapButton_Reject_Selected_Hover_Background: #FFD5EA;--sapButton_Reject_Selected_TextColor: #5A0404;--sapButton_Reject_Selected_BorderColor: #5A0404;--sapButton_Reject_Selected_Background: #FFFFFF;--sapButton_Reject_Active_TextColor: #5A0404;--sapButton_Reject_Active_BorderColor: #5A0404;--sapButton_Reject_Active_Background: #FFFFFF;--sapButton_Reject_Hover_TextColor: #5A0404;--sapButton_Reject_Hover_BorderColor: #5A0404;--sapButton_Reject_Hover_Background: #FFB2D2;--sapButton_Reject_TextColor: #AA0808;--sapButton_Reject_BorderColor: #D20A0A;--sapButton_Reject_Background: #FFD5EA;--sapButton_Emphasized_FontWeight: 700;--sapButton_Emphasized_TextShadow: hsla(0, 0%, 0%, 0);--sapButton_Emphasized_Active_TextColor: #0040B0;--sapButton_Emphasized_Active_BorderColor: #0040B0;--sapButton_Emphasized_Active_Background: #FFFFFF;--sapButton_Emphasized_Hover_TextColor: #FFFFFF;--sapButton_Emphasized_Hover_BorderColor: #0040B0;--sapButton_Emphasized_Hover_Background: #0040B0;--sapButton_Emphasized_TextColor: #FFFFFF;--sapButton_Emphasized_BorderColor: #0057D2;--sapButton_Emphasized_Background: #0057D2;--sapAvatar_10_TextColor: #0070F2;--sapAvatar_10_BorderColor: #D5DADD;--sapAvatar_10_Background: #FFFFFF;--sapAvatar_9_TextColor: #354A5F;--sapAvatar_9_BorderColor: #EAECEE;--sapAvatar_9_Background: #EAECEE;--sapAvatar_8_TextColor: #256F3A;--sapAvatar_8_BorderColor: #EBF5CB;--sapAvatar_8_Background: #EBF5CB;--sapAvatar_7_TextColor: #046C7A;--sapAvatar_7_BorderColor: #C2FCEE;--sapAvatar_7_Background: #C2FCEE;--sapAvatar_6_TextColor: #0057D2;--sapAvatar_6_BorderColor: #D1EFFF;--sapAvatar_6_Background: #D1EFFF;--sapAvatar_5_TextColor: #470CED;--sapAvatar_5_BorderColor: #E2D8FF;--sapAvatar_5_Background: #E2D8FF;--sapAvatar_4_TextColor: #A100C2;--sapAvatar_4_BorderColor: #FFDCF3;--sapAvatar_4_Background: #FFDCF3;--sapAvatar_3_TextColor: #BA066C;--sapAvatar_3_BorderColor: #FFDCE8;--sapAvatar_3_Background: #FFDCE8;--sapAvatar_2_TextColor: #AA0808;--sapAvatar_2_BorderColor: #FFD5EA;--sapAvatar_2_Background: #FFD5EA;--sapAvatar_1_TextColor: #A93E00;--sapAvatar_1_BorderColor: #FFF3B8;--sapAvatar_1_Background: #FFF3B8;--sapShell_Favicon: none;--sapShell_BackgroundImageRepeat: false;--sapShell_BackgroundImage: linear-gradient(to bottom, #FFFFFF, #FFFFFF);--sapBackgroundImageRepeat: false;--sapBackgroundImageOpacity: 1;--sapBackgroundImage: none;--sapCompanyLogo: none;--sapLink_SubtleColor: hsla(210.909, 36.264%, 17.843%, 1);--sapLink_InvertedColor: hsla(212.231, 100%, 87.451%, 1);--sapLink_Visited_Color: #002A86;--sapLink_Active_TextDecoration: underline;--sapLink_Active_Color: #00144A;--sapLink_Hover_TextDecoration: underline;--sapLink_Hover_Color: #0040B0;--sapLink_TextDecoration: none;--sapLinkColor: #0070F2;--sapLink_Inverted_Color: #FFFFFF;--sapLink_Subtle_Color: #5B738B;--sapFontHeader6Size: 16px;--sapFontHeader5Size: 18px;--sapFontHeader4Size: 20px;--sapFontHeader3Size: 24px;--sapFontHeader2Size: 28px;--sapFontHeader1Size: 32px;--sapFontLargeSize: 1rem;--sapFontSmallSize: 12px;--sapFontHeaderFamily: "72 Brand Variable", "Arial", "Helvetica", "sans-serif";--sapFontBlackFamily: "72 Brand Variable", "Arial", "Helvetica", "sans-serif";--sapFontSemiboldDuplexFamily: "72 Brand Variable", "Arial", "Helvetica", "sans-serif";--sapFontSemiboldFamily: "72 Brand Variable", "Arial", "Helvetica", "sans-serif";--sapFontBoldFamily: "72 Brand Variable", "Arial", "Helvetica", "sans-serif";--sapFontLightFamily: "72 Brand Variable", "Arial", "Helvetica", "sans-serif";--sapContent_ForegroundTextColor: #223548;--sapContent_ContrastTextColor: #FFFFFF;--sapContent_DisabledTextColor: #A9B4BE;--sapContent_MonospaceBoldFontFamily: "72Mono-Bold", "72Mono-Boldfull", lucida console, monospace;--sapContent_MonospaceFontFamily: "72Mono", "72Monofull", lucida console, monospace;--sapContent_LabelColor: #475E75;--sapContent_ContrastTextShadow: 0 0 .063rem 0 hsla(210.667, 20.93%, -57.843%, .7);--sapContent_TextShadow: 0 0 .125rem 0 hsla(0, 0%, 100%, 1);--sapContent_MarkerTextColor: hsla(187.119, 93.651%, 24.706%, 1);--sapTitleColor: #000000;--sapTextColor: #223548;--sapFontSize: 16px;--sapFontFamily: "72 Brand Variable", "Arial", "Helvetica", "sans-serif";--sapContent_TitleColor: #000000;--sapContent_TextColor: #223548;--sapContent_Illustrative_Color20: hsla(201.031, 100%, 80.98%, 1);--sapContent_Illustrative_Color19: hsla(201.127, 100%, 86.078%, 1);--sapContent_Illustrative_Color18: hsla(200.87, 100%, 90.98%, 1);--sapContent_Illustrative_Color17: hsla(170.182, 100%, 32.353%, 1);--sapContent_Illustrative_Color16: hsla(255.638, 90.385%, 40.784%, 1);--sapContent_Illustrative_Color15: hsla(34.118, 100%, 40%, 1);--sapContent_Illustrative_Color14: hsla(212, 100%, 32.353%, 1);--sapContent_Illustrative_Color13: hsla(212.239, 100%, 39.412%, 1);--sapContent_Illustrative_Color12: hsla(120, 100%, 32.941%, 1);--sapContent_Illustrative_Color11: hsla(301.682, 89.916%, 53.333%, 1);--sapContent_Illustrative_Color10: hsla(201, 100%, 96.078%, 1);--sapContent_Illustrative_Color9: hsla(168.175, 79.191%, 66.078%, 1);--sapContent_Illustrative_Color8: hsla(0, 0%, 100%, 1);--sapContent_Illustrative_Color7: hsla(201, 100%, 96.078%, 1);--sapContent_Illustrative_Color6: hsla(202.5, 10.526%, 85.098%, 1);--sapContent_Illustrative_Color5: hsla(208.571, 13.907%, 70.392%, 1);--sapContent_Illustrative_Color4: hsla(223.784, 100%, 14.51%, 1);--sapContent_Illustrative_Color3: hsla(34.041, 100%, 48.039%, 1);--sapContent_Illustrative_Color2: hsla(212.231, 100%, 47.451%, 1);--sapContent_Illustrative_Color1: hsla(251.642, 100%, 60.588%, 1);--sapContent_Selected_ForegroundColor: #0070F2;--sapContent_Selected_Hover_Background: #FFFFFF;--sapContent_Selected_Background: #FFFFFF;--sapContent_Selected_TextColor: #0040B0;--sapContent_DragAndDropActiveColor: hsla(212.231, 100%, 47.451%, 1);--sapContent_HelpColor: hsla(120, 70.186%, 31.569%, 1);--sapContent_SearchHighlightColor: hsla(166.286, 89.744%, 92.353%, 1);--sapContent_Selected_Shadow: 0 0 .125rem 0 hsla(212.231, 100%, 47.451%, .72);--sapContent_Interaction_Shadow: 0 0 .125rem 0 hsla(210.667, 20.93%, 42.157%, .72);--sapActiveColor: #0040B0;--sapHoverColor: #0070F2;--sapSelectedColor: #0070F2;--sapContent_Selected_FocusColor: #0040B0;--sapContent_BadgeTextColor: hsla(0, 0%, 100%, 1);--sapContent_BadgeBackground: hsla(0, 91.011%, 34.902%, 1);--sapContent_ForegroundBorderColor: #5B738B;--sapContent_ForegroundColor: hsla(0, 0%, 93.9%, 1);--sapContent_IconFontFamily: "SAP-icons";--sapContent_UnratedColor: #5B738B;--sapContent_RatedColor: #E76500;--sapContent_ImagePlaceholderForegroundColor: #0070F2;--sapContent_ImagePlaceholderBackground: #FFFFFF00;--sapContent_MarkerIconColor: #0040B0;--sapContent_NonInteractiveIconColor: #475E75;--sapContent_ContrastIconColor: #FFFFFF;--sapContent_IconColor: #223548;--sapContent_Shadow3: 0px 20px 80px 0px rgba(34, 54, 73, .25);--sapContent_Shadow2: 0px 10px 30px 0px rgba(34, 54, 73, .25);--sapContent_Shadow1: 0px 2px 8px 0px rgba(34, 54, 73, .3);--sapContent_Shadow0: 0px 2px 4px 0px rgba(34, 54, 73, .2);--sapContent_ContrastShadowColor: hsla(0, 0%, 100%, 1);--sapContent_ShadowColor: hsla(210.667, 20.93%, 42.157%, 1);--sapContent_ContrastFocusColor: #FFFFFF;--sapContent_FocusWidth: .125rem;--sapContent_FocusStyle: solid;--sapContent_FocusColor: #002A86;--sapContent_BusyColor: #0057D2;--sapContent_Placeholderloading_Gradient: linear-gradient(to right, hsla(0, 0%, 80%, 1) 0%, hsla(0, 0%, 80%, 1) 20%, hsla(0, 0%, 0, 1) 50%, hsla(0, 0%, 80%, 1) 80%, hsla(0, 0%, 80%, 1) 100%);--sapContent_Placeholderloading_Background: hsla(0, 0%, 80%, 1);--sapBaseColor: #FFFFFF;--sapHighlightColor: #0070F2;--sapBrandColor: #0070F2;--udexColorNeutralBlack: #000000;--udexColorNeutralBlack10: #0000001A;--udexColorNeutralBlack40: #00000066;--udexColorNeutralBlack70: #000000B3;--udexColorNeutralWhite: #FFFFFF;--udexColorBlue1: #EBF8FF;--udexColorBlue2: #D1EFFF;--udexColorBlue3: #A6E0FF;--udexColorBlue4: #89D1FF;--udexColorBlue5: #4DB1FF;--udexColorBlue6: #1B90FF;--udexColorBlue7: #0070F2;--udexColorBlue8: #0057D2;--udexColorBlue9: #0040B0;--udexColorBlue10: #002A86;--udexColorBlue11: #00144A;--udexColorGrey1: #F5F6F7;--udexColorGrey2: #EAECEE;--udexColorGrey3: #D5DADD;--udexColorGrey4: #A9B4BE;--udexColorGrey5: #8396A8;--udexColorGrey6: #5B738B;--udexColorGrey7: #475E75;--udexColorGrey8: #354A5F;--udexColorGrey9: #223548;--udexColorGrey10: #1A2733;--udexColorNeutralWhite0: #FFFFFF00;--udexColorGrey11: #12171C;--udexColorTeal1: #DAFDF5;--udexColorTeal2: #C2FCEE;--udexColorTeal3: #64EDD2;--udexColorTeal4: #2CE0BF;--udexColorTeal5: #00CEAC;--udexColorTeal6: #049F9A;--udexColorTeal7: #07838F;--udexColorTeal8: #046C7A;--udexColorTeal9: #035663;--udexColorTeal10: #02414C;--udexColorTeal11: #012931;--udexColorGreen1: #F5FAE5;--udexColorGreen2: #EBF5CB;--udexColorGreen3: #BDE986;--udexColorGreen4: #97DD40;--udexColorGreen5: #5DC122;--udexColorGreen6: #36A41D;--udexColorGreen7: #188918;--udexColorGreen8: #256F3A;--udexColorGreen9: #1E592F;--udexColorGreen10: #164323;--udexColorGreen11: #0E2B16;--udexColorMango1: #FFF8D6;--udexColorMango2: #FFF3B8;--udexColorMango3: #FFDF72;--udexColorMango4: #FFC933;--udexColorMango5: #FFB300;--udexColorMango6: #E76500;--udexColorMango7: #C35500;--udexColorMango8: #A93E00;--udexColorMango9: #8D2A00;--udexColorMango10: #6D1900;--udexColorMango11: #450B00;--udexColorRed1: #FFEAF4;--udexColorRed2: #FFD5EA;--udexColorRed3: #FFB2D2;--udexColorRed4: #FF8CB2;--udexColorRed5: #FF5C77;--udexColorRed6: #EE3939;--udexColorRed7: #D20A0A;--udexColorRed8: #AA0808;--udexColorRed9: #840606;--udexColorRed10: #5A0404;--udexColorRed11: #350000;--udexColorRaspberry1: #FFF0F5;--udexColorRaspberry2: #FFDCE8;--udexColorRaspberry3: #FECBDA;--udexColorRaspberry4: #FEADC8;--udexColorRaspberry5: #FE83AE;--udexColorRaspberry6: #FA4F96;--udexColorRaspberry7: #DF1278;--udexColorRaspberry8: #BA066C;--udexColorRaspberry9: #9B015D;--udexColorRaspberry10: #71014B;--udexColorRaspberry11: #510136;--udexColorPink1: #FFF0FA;--udexColorPink2: #FFDCF3;--udexColorPink3: #FFAFED;--udexColorPink4: #FF8AF0;--udexColorPink5: #F65AF2;--udexColorPink6: #F31DED;--udexColorPink7: #CC00DC;--udexColorPink8: #A100C2;--udexColorPink9: #7800A4;--udexColorPink10: #510080;--udexColorPink11: #28004A;--udexColorIndigo1: #F1ECFF;--udexColorIndigo2: #E2D8FF;--udexColorIndigo3: #D3B6FF;--udexColorIndigo4: #B894FF;--udexColorIndigo5: #9B76FF;--udexColorIndigo6: #7858FF;--udexColorIndigo7: #5D36FF;--udexColorIndigo8: #470CED;--udexColorIndigo9: #2C13AD;--udexColorIndigo10: #1C0C6E;--udexColorIndigo11: #0E0637;--udexCorePrimaryAction: #0070F2;--udexCoreTextDark: #223548;--udexCoreHeadingDark: #000000;--udexCoreBase: #FFFFFF;--udexCoreNavigation: #223548;--udexCoreHeadingLight: #FFFFFF;--udexCoreTextLight: #FFFFFF;--udexCoreBorderDefault: #5B738B;--udexCoreDividerLight: #D5DADD;--udexCoreFocusDefault: #002A86;--udexCorePlayIconBackground: #FFFFFF66;--udexCorePlayIconIconDefault: #475E75;--udexCorePlayIconIconHover: #000000;--udexCoreDividerDefault: #475E75;--udexCorePointer: #1A2733;--udexCoreSurfaceNeutral: #FFFFFF;--udexCoreSemanticSuccess1: #F5FAE5;--udexCoreSemanticSuccess2: #EBF5CB;--udexCoreSemanticSuccess3: #BDE986;--udexCoreSemanticSuccess4: #97DD40;--udexCoreSemanticSuccess5: #5DC122;--udexCoreSemanticSuccess6: #36A41D;--udexCoreSemanticSuccess7: #188918;--udexCoreSemanticSuccess8: #256F3A;--udexCoreSemanticSuccess9: #1E592F;--udexCoreSemanticSuccess10: #164323;--udexCoreSemanticSuccess11: #0E2B16;--udexCoreSemanticWarning1: #FFF8D6;--udexCoreSizeIconSemantic: 16px;--udexCoreSocialMediaIcon: #1A2733;--udexCoreSurfaceLight: #F5F6F7;--udexCoreSocialMediaBackground: #FFFFFF;--udexCoreSurfaceHigher: #EAECEE;--udexCoreSizeIconInput: 18px;--udexCoreSizeWidgetS: 360px;--udexCoreSizeOpacityDisabled: 40px;--udexCoreSizeIconHeader: 24px;--udexGridXSGutters: 16px;--udexGridXSMargins: 24px;--udexGridXSMinWidth: 360px;--udexGridXSMaxWidth: 639px;--udexGridSGutters: 32px;--udexGridSMargins: 48px;--udexGridSMinWidth: 640px;--udexGridSMaxWidth: 979px;--udexGridMGutters: 48px;--udexGridMMargins: 72px;--udexGridMMinWidth: 980px;--udexGridMMaxWidth: 1279px;--udexGridLGutters: 48px;--udexGridLMargins: 72px;--udexGridLMinWidth: 1280px;--udexGridLMaxWidth: 1599px;--udexGridXLGutters: 48px;--udexGridXLMargins: 84px;--udexGridXLMinWidth: 1600px;--udexGridXLMaxWidth: 1920px;--udexRadiusXXS: 2px;--udexRadiusXS: 4px;--udexRadiusS: 6px;--udexRadiusM: 8px;--udexRadiusL: 12px;--udexRadiusXL: 16px;--udexRadiusXXL: 24px;--udexSpacer2: 2px;--udexSpacer4: 4px;--udexColorNeutralWhite20: #FFFFFF33;--udexSpacer8: 8px;--udexSpacer12: 12px;--udexSpacer16: 16px;--udexSpacer20: 20px;--udexSpacer24: 24px;--udexSpacer32: 32px;--udexSpacer40: 40px;--udexSpacer48: 48px;--udexSpacer56: 56px;--udexSpacer64: 64px;--udexSpacer72: 72px;--udexSpacer84: 84px;--udexSpacer96: 96px;--udexSpacer108: 108px;--udexSpacer120: 120px;--udexTypographyBaseREM: 16px;--udexCoreSemanticWarning2: #FFF3B8;--udexCoreSemanticWarning3: #FFDF72;--udexCoreSemanticWarning4: #FFC933;--udexCoreSemanticWarning5: #FFB300;--udexCoreSemanticWarning6: #E76500;--udexCoreSemanticWarning7: #C35500;--udexCoreSemanticWarning8: #A93E00;--udexCoreSemanticWarning9: #8D2A00;--udexCoreSemanticWarning10: #6D1900;--udexCoreSemanticWarning11: #450B00;--udexCoreSemanticError1: #FFEAF4;--udexCoreSemanticError2: #FFD5EA;--udexCoreSemanticError3: #FFB2D2;--udexCoreSemanticError4: #FF8CB2;--udexCoreSemanticError5: #FF5C77;--udexCoreSemanticError6: #EE3939;--udexCoreSemanticError7: #D20A0A;--udexCoreSemanticError8: #AA0808;--udexCoreSemanticError9: #840606;--udexCoreSemanticError10: #5A0404;--udexCoreSemanticError11: #350000;--udexCoreSemanticInfo1: #EBF8FF;--udexCoreSemanticInfo2: #D1EFFF;--udexCoreSemanticInfo3: #A6E0FF;--udexCoreSemanticInfo4: #89D1FF;--udexCoreSemanticInfo5: #4DB1FF;--udexCoreSemanticInfo6: #1B90FF;--udexCoreSemanticInfo7: #0070F2;--udexCoreSemanticInfo8: #0057D2;--udexCoreSemanticInfo9: #0040B0;--udexCoreSemanticInfo10: #002A86;--udexCoreSemanticInfo11: #00144A;--udexColorNeutralWhite40: #FFFFFF66;--udexCoreSurfaceBrand: #0070F2;--udexCoreSizeBorderXS: 1px;--udexCoreSizeBorderS: 2px;--udexTypographyBodyXXSFontSize: 12px;--udexTypographyBodyXSFontSize: 14px;--udexTypographyBodySFontSize: 16px;--udexTypographyBodyMFontSize: 18px;--udexTypographyBodyLFontSize: 20px;--udexTypographyBodyXLFontSize: 24px;--udexTypographyBodyXXLFontSize: 28px;--udexTypographyDisplayRegularXSFontSize: 56px;--udexTypographyDisplayRegularSFontSize: 64px;--udexTypographyDisplayRegularMFontSize: 72px;--udexTypographyDisplayRegularLFontSize: 84px;--udexTypographyDisplayMediumXSFontSize: 56px;--udexTypographyDisplayMediumSFontSize: 64px;--udexTypographyDisplayMediumMFontSize: 72px;--udexTypographyDisplayMediumLFontSize: 84px;--udexTypographyDisplayBoldXSFontSize: 56px;--udexTypographyDisplayBoldSFontSize: 64px;--udexTypographyDisplayBoldMFontSize: 72px;--udexTypographyDisplayBoldLFontSize: 84px;--udexTypographyEyebrowSFontSize: 12px;--udexTypographyEyebrowMFontSize: 14px;--udexTypographyEyebrowLFontSize: 16px;--udexTypographyHeadingRegularXXXXSFontSize: 16px;--udexTypographyHeadingRegularXXXSFontSize: 18px;--udexTypographyHeadingRegularXXSFontSize: 20px;--udexTypographyHeadingRegularXSFontSize: 24px;--udexTypographyHeadingRegularSFontSize: 28px;--udexTypographyHeadingRegularMFontSize: 32px;--udexTypographyHeadingRegularLFontSize: 36px;--udexTypographyHeadingRegularXLFontSize: 40px;--udexTypographyHeadingRegularXXLFontSize: 44px;--udexTypographyHeadingRegularXXXLFontSize: 48px;--udexTypographyHeadingMediumXXXXSFontSize: 16px;--udexTypographyHeadingMediumXXXSFontSize: 18px;--udexTypographyHeadingMediumXXSFontSize: 20px;--udexTypographyHeadingMediumXSFontSize: 24px;--udexTypographyHeadingMediumSFontSize: 28px;--udexTypographyHeadingMediumMFontSize: 32px;--udexTypographyHeadingMediumLFontSize: 36px;--udexTypographyHeadingMediumXLFontSize: 40px;--udexTypographyHeadingMediumXXLFontSize: 44px;--udexTypographyHeadingMediumXXXLFontSize: 48px;--udexTypographyHeadingBoldXXXXSFontSize: 16px;--udexTypographyHeadingBoldXXXSFontSize: 18px;--udexTypographyHeadingBoldXXSFontSize: 20px;--udexTypographyHeadingBoldXSFontSize: 24px;--udexTypographyHeadingBoldSFontSize: 28px;--udexTypographyHeadingBoldMFontSize: 32px;--udexTypographyHeadingBoldLFontSize: 36px;--udexTypographyHeadingBoldXLFontSize: 40px;--udexTypographyHeadingBoldXXLFontSize: 44px;--udexTypographyHeadingBoldXXXLFontSize: 48px;--udexTypographyNavigationRegularXSFontSize: 12px;--udexTypographyNavigationRegularSFontSize: 13px;--udexTypographyNavigationRegularMFontSize: 14px;--udexTypographyNavigationRegularLFontSize: 15px;--udexTypographyNavigationRegularXLFontSize: 16px;--udexTypographyNavigationMediumXSFontSize: 12px;--udexTypographyNavigationMediumSFontSize: 13px;--udexTypographyNavigationMediumMFontSize: 14px;--udexTypographyNavigationMediumLFontSize: 15px;--udexTypographyNavigationMediumXLFontSize: 16px;--udexTypographyNavigationBoldXSFontSize: 12px;--udexTypographyNavigationBoldSFontSize: 13px;--udexTypographyNavigationBoldMFontSize: 14px;--udexTypographyNavigationBoldLFontSize: 15px;--udexTypographyNavigationBoldXLFontSize: 16px;--udexTypographyBodyLineHeight: 1.5;--udexTypographyHeadingLineHeight: 1.1;--udexTypographyDisplayLineHeight: 1.1;--udexTypographyEyebrowLineHeight: 1.1;--udexTypographyNavigationLineHeight: 1.1;--udexTypographyFontWeightRegular: 400;--udexTypographyFontWeightMedium: 500;--udexTypographyFontWeightBold: 700;--udexGridColumns: 12;--sapMessage_BorderWidth: 1px}