import type TimePicker from "./TimePicker.js"; import Button from "./Button.js"; import Popover from "./Popover.js"; import Icon from "./Icon.js"; import ResponsivePopover from "./ResponsivePopover.js"; import TimeSelectionClocks from "./TimeSelectionClocks.js"; import TimeSelectionInputs from "./TimeSelectionInputs.js"; import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js"; import error from "@ui5/webcomponents-icons/dist/error.js"; import alert from "@ui5/webcomponents-icons/dist/alert.js"; import sysEnter2 from "@ui5/webcomponents-icons/dist/sys-enter-2.js"; import information from "@ui5/webcomponents-icons/dist/information.js"; export default function TimePickerPopoverTemplate(this: TimePicker) { return ( <> { !!this.showHeader && defaultHeader.call(this) } { this.shouldDisplayValueStateMessageInResponsivePopover && valueStateTextHeader.call(this) } {this._isMobileDevice && { this.hasValueStateText && valueStateTextHeader.call(this) }
} ); } function defaultHeader(this: TimePicker) { return (
{this._headerTitleText}
); } function valueStateMessage(this: TimePicker) { return ( this.shouldDisplayDefaultValueStateMessage ? this.valueStateDefaultText : ); } function valueStateTextHeader(this: TimePicker) { if (!this.hasValueStateText) { return; } return (
{ valueStateMessage.call(this) }
); } function valueStateMessageInputIcon(this: TimePicker) { const iconPerValueState = { Negative: error, Critical: alert, Positive: sysEnter2, Information: information, }; return this.valueState !== ValueState.None ? iconPerValueState[this.valueState] : ""; }