@salutejs/plasma-new-hope 0.336.0-canary.2163.17485485502.0 → 0.336.0-canary.2184.17486296992.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Pagination/Pagination.css +13 -15
- package/cjs/components/Pagination/Pagination.js +5 -31
- package/cjs/components/Pagination/Pagination.js.map +1 -1
- package/cjs/components/Pagination/Pagination.styles.js +7 -19
- package/cjs/components/Pagination/Pagination.styles.js.map +1 -1
- package/cjs/components/Pagination/{Pagination.styles_12nltx1.css → Pagination.styles_ska0td.css} +3 -5
- package/cjs/components/Pagination/Pagination.tokens.js +0 -2
- package/cjs/components/Pagination/Pagination.tokens.js.map +1 -1
- package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.css +3 -3
- package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +1 -1
- package/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js.map +1 -1
- package/{es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles_1sw6ww1.css → cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles_89ax1q.css} +2 -2
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/{es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1hn2h4g.css → cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css} +1 -1
- package/cjs/components/TimePicker/TimePicker.css +86 -0
- package/cjs/components/TimePicker/TimePicker.js +463 -0
- package/cjs/components/TimePicker/TimePicker.js.map +1 -0
- package/cjs/components/TimePicker/TimePicker.styles.js +75 -0
- package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -0
- package/cjs/components/TimePicker/TimePicker.styles_1veu5q1.css +8 -0
- package/cjs/components/TimePicker/TimePicker.tokens.js +123 -0
- package/cjs/components/TimePicker/TimePicker.tokens.js.map +1 -0
- package/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +38 -0
- package/cjs/components/TimePicker/hooks/useKeyboardNavigation.js.map +1 -0
- package/cjs/components/TimePicker/utils/index.js +141 -0
- package/cjs/components/TimePicker/utils/index.js.map +1 -0
- package/cjs/components/TimePicker/variations/_disabled/base.js +9 -0
- package/cjs/components/TimePicker/variations/_disabled/base.js.map +1 -0
- package/cjs/components/TimePicker/variations/_disabled/base_nyid0i.css +1 -0
- package/cjs/components/TimePicker/variations/_readonly/base.js +9 -0
- package/cjs/components/TimePicker/variations/_readonly/base.js.map +1 -0
- package/cjs/components/TimePicker/variations/_readonly/base_zalfas.css +1 -0
- package/cjs/components/TimePicker/variations/_size/base.js +9 -0
- package/cjs/components/TimePicker/variations/_size/base.js.map +1 -0
- package/cjs/components/TimePicker/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/TimePicker/variations/_view/base.js +9 -0
- package/cjs/components/TimePicker/variations/_view/base.js.map +1 -0
- package/cjs/components/TimePicker/variations/_view/base_x642ct.css +1 -0
- package/cjs/index.css +26 -15
- package/cjs/index.js +6 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Pagination/Pagination.js +5 -30
- package/emotion/cjs/components/Pagination/Pagination.styles.js +14 -28
- package/emotion/cjs/components/Pagination/Pagination.tokens.js +0 -2
- package/emotion/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +6 -6
- package/emotion/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +6 -6
- package/emotion/cjs/components/TimePicker/TimePicker.js +644 -0
- package/emotion/cjs/components/TimePicker/TimePicker.styles.js +86 -0
- package/emotion/cjs/components/TimePicker/TimePicker.tokens.js +132 -0
- package/emotion/cjs/components/TimePicker/TimePicker.types.js +4 -0
- package/emotion/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +38 -0
- package/emotion/cjs/components/TimePicker/index.js +26 -0
- package/emotion/cjs/components/TimePicker/utils/index.js +154 -0
- package/emotion/cjs/components/TimePicker/variations/_disabled/base.js +13 -0
- package/emotion/cjs/components/TimePicker/variations/_readonly/base.js +12 -0
- package/emotion/cjs/components/TimePicker/variations/_size/base.js +12 -0
- package/emotion/cjs/components/TimePicker/variations/_view/base.js +12 -0
- package/emotion/cjs/examples/components/Pagination/Pagination.config.js +12 -12
- package/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +35 -0
- package/emotion/cjs/examples/components/TimePicker/TimePicker.js +15 -0
- package/emotion/cjs/index.js +1 -0
- package/emotion/es/components/Pagination/Pagination.js +7 -32
- package/emotion/es/components/Pagination/Pagination.styles.js +14 -22
- package/emotion/es/components/Pagination/Pagination.tokens.js +0 -2
- package/emotion/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +6 -6
- package/emotion/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +6 -6
- package/emotion/es/components/TimePicker/TimePicker.js +580 -0
- package/emotion/es/components/TimePicker/TimePicker.styles.js +46 -0
- package/emotion/es/components/TimePicker/TimePicker.tokens.js +114 -0
- package/emotion/es/components/TimePicker/TimePicker.types.js +1 -0
- package/emotion/es/components/TimePicker/hooks/useKeyboardNavigation.js +28 -0
- package/emotion/es/components/TimePicker/index.js +2 -0
- package/emotion/es/components/TimePicker/utils/index.js +130 -0
- package/emotion/es/components/TimePicker/variations/_disabled/base.js +3 -0
- package/emotion/es/components/TimePicker/variations/_readonly/base.js +2 -0
- package/emotion/es/components/TimePicker/variations/_size/base.js +2 -0
- package/emotion/es/components/TimePicker/variations/_view/base.js +2 -0
- package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
- package/emotion/es/examples/components/Pagination/Pagination.config.js +12 -12
- package/emotion/es/examples/components/TimePicker/TimePicker.config.js +25 -0
- package/emotion/es/examples/components/TimePicker/TimePicker.js +5 -0
- package/emotion/es/index.js +1 -0
- package/es/components/Pagination/Pagination.css +13 -15
- package/es/components/Pagination/Pagination.js +7 -33
- package/es/components/Pagination/Pagination.js.map +1 -1
- package/es/components/Pagination/Pagination.styles.js +8 -18
- package/es/components/Pagination/Pagination.styles.js.map +1 -1
- package/es/components/Pagination/{Pagination.styles_12nltx1.css → Pagination.styles_ska0td.css} +3 -5
- package/es/components/Pagination/Pagination.tokens.js +0 -2
- package/es/components/Pagination/Pagination.tokens.js.map +1 -1
- package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.css +3 -3
- package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +1 -1
- package/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js.map +1 -1
- package/{cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles_1sw6ww1.css → es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles_89ax1q.css} +2 -2
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +3 -3
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +1 -1
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js.map +1 -1
- package/{cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_1hn2h4g.css → es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles_10zfeps.css} +1 -1
- package/es/components/TimePicker/TimePicker.css +86 -0
- package/es/components/TimePicker/TimePicker.js +453 -0
- package/es/components/TimePicker/TimePicker.js.map +1 -0
- package/es/components/TimePicker/TimePicker.styles.js +66 -0
- package/es/components/TimePicker/TimePicker.styles.js.map +1 -0
- package/es/components/TimePicker/TimePicker.styles_1veu5q1.css +8 -0
- package/es/components/TimePicker/TimePicker.tokens.js +118 -0
- package/es/components/TimePicker/TimePicker.tokens.js.map +1 -0
- package/es/components/TimePicker/hooks/useKeyboardNavigation.js +34 -0
- package/es/components/TimePicker/hooks/useKeyboardNavigation.js.map +1 -0
- package/es/components/TimePicker/utils/index.js +134 -0
- package/es/components/TimePicker/utils/index.js.map +1 -0
- package/es/components/TimePicker/variations/_disabled/base.js +5 -0
- package/es/components/TimePicker/variations/_disabled/base.js.map +1 -0
- package/es/components/TimePicker/variations/_disabled/base_nyid0i.css +1 -0
- package/es/components/TimePicker/variations/_readonly/base.js +5 -0
- package/es/components/TimePicker/variations/_readonly/base.js.map +1 -0
- package/es/components/TimePicker/variations/_readonly/base_zalfas.css +1 -0
- package/es/components/TimePicker/variations/_size/base.js +5 -0
- package/es/components/TimePicker/variations/_size/base.js.map +1 -0
- package/es/components/TimePicker/variations/_size/base_x642ct.css +1 -0
- package/es/components/TimePicker/variations/_view/base.js +5 -0
- package/es/components/TimePicker/variations/_view/base.js.map +1 -0
- package/es/components/TimePicker/variations/_view/base_x642ct.css +1 -0
- package/es/index.css +26 -15
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Pagination/Pagination.js +5 -30
- package/styled-components/cjs/components/Pagination/Pagination.styles.js +11 -33
- package/styled-components/cjs/components/Pagination/Pagination.tokens.js +0 -2
- package/styled-components/cjs/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +5 -5
- package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +4 -4
- package/styled-components/cjs/components/TimePicker/TimePicker.js +644 -0
- package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +317 -0
- package/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +132 -0
- package/styled-components/cjs/components/TimePicker/TimePicker.types.js +4 -0
- package/styled-components/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +38 -0
- package/styled-components/cjs/components/TimePicker/index.js +26 -0
- package/styled-components/cjs/components/TimePicker/utils/index.js +154 -0
- package/styled-components/cjs/components/TimePicker/variations/_disabled/base.js +16 -0
- package/styled-components/cjs/components/TimePicker/variations/_readonly/base.js +14 -0
- package/styled-components/cjs/components/TimePicker/variations/_size/base.js +14 -0
- package/styled-components/cjs/components/TimePicker/variations/_view/base.js +14 -0
- package/styled-components/cjs/examples/components/Pagination/Pagination.config.js +11 -18
- package/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +261 -0
- package/styled-components/cjs/examples/components/TimePicker/TimePicker.js +15 -0
- package/styled-components/cjs/index.js +1 -0
- package/styled-components/es/components/Pagination/Pagination.js +7 -32
- package/styled-components/es/components/Pagination/Pagination.styles.js +11 -27
- package/styled-components/es/components/Pagination/Pagination.tokens.js +0 -2
- package/styled-components/es/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.js +5 -5
- package/styled-components/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js +4 -4
- package/styled-components/es/components/TimePicker/TimePicker.js +580 -0
- package/styled-components/es/components/TimePicker/TimePicker.styles.js +242 -0
- package/styled-components/es/components/TimePicker/TimePicker.tokens.js +114 -0
- package/styled-components/es/components/TimePicker/TimePicker.types.js +1 -0
- package/styled-components/es/components/TimePicker/hooks/useKeyboardNavigation.js +28 -0
- package/styled-components/es/components/TimePicker/index.js +2 -0
- package/styled-components/es/components/TimePicker/utils/index.js +130 -0
- package/styled-components/es/components/TimePicker/variations/_disabled/base.js +6 -0
- package/styled-components/es/components/TimePicker/variations/_readonly/base.js +4 -0
- package/styled-components/es/components/TimePicker/variations/_size/base.js +4 -0
- package/styled-components/es/components/TimePicker/variations/_view/base.js +4 -0
- package/styled-components/es/examples/components/Pagination/Pagination.config.js +11 -18
- package/styled-components/es/examples/components/TimePicker/TimePicker.config.js +251 -0
- package/styled-components/es/examples/components/TimePicker/TimePicker.js +5 -0
- package/styled-components/es/index.js +1 -0
- package/types/components/Pagination/Pagination.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.styles.d.ts +0 -2
- package/types/components/Pagination/Pagination.styles.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.tokens.d.ts +0 -2
- package/types/components/Pagination/Pagination.tokens.d.ts.map +1 -1
- package/types/components/Pagination/Pagination.types.d.ts +0 -1
- package/types/components/Pagination/Pagination.types.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage.styles.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.d.ts +81 -0
- package/types/components/TimePicker/TimePicker.d.ts.map +1 -0
- package/types/components/TimePicker/TimePicker.styles.d.ts +312 -0
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -0
- package/types/components/TimePicker/TimePicker.tokens.d.ts +116 -0
- package/types/components/TimePicker/TimePicker.tokens.d.ts.map +1 -0
- package/types/components/TimePicker/TimePicker.types.d.ts +139 -0
- package/types/components/TimePicker/TimePicker.types.d.ts.map +1 -0
- package/types/components/TimePicker/hooks/useKeyboardNavigation.d.ts +14 -0
- package/types/components/TimePicker/hooks/useKeyboardNavigation.d.ts.map +1 -0
- package/types/components/TimePicker/index.d.ts +4 -0
- package/types/components/TimePicker/index.d.ts.map +1 -0
- package/types/components/TimePicker/utils/index.d.ts +19 -0
- package/types/components/TimePicker/utils/index.d.ts.map +1 -0
- package/types/components/TimePicker/variations/_disabled/base.d.ts +2 -0
- package/types/components/TimePicker/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/TimePicker/variations/_readonly/base.d.ts +2 -0
- package/types/components/TimePicker/variations/_readonly/base.d.ts.map +1 -0
- package/types/components/TimePicker/variations/_size/base.d.ts +2 -0
- package/types/components/TimePicker/variations/_size/base.d.ts.map +1 -0
- package/types/components/TimePicker/variations/_view/base.d.ts +2 -0
- package/types/components/TimePicker/variations/_view/base.d.ts.map +1 -0
- package/types/examples/components/Pagination/Pagination.config.d.ts.map +1 -1
- package/types/examples/components/TimePicker/TimePicker.config.d.ts +24 -0
- package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +1 -0
- package/types/examples/components/TimePicker/TimePicker.d.ts +43 -0
- package/types/examples/components/TimePicker/TimePicker.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState, useEffect } from 'react';\nimport cls from 'classnames';\nimport type { ChangeEvent, MouseEvent, KeyboardEvent } from 'react';\nimport type { RootProps } from 'src/engines';\nimport { getPlacements } from 'src/utils';\n\nimport { range, processTimeInput, animateScrollTo } from './utils';\nimport { TimePickerProps } from './TimePicker.types';\nimport {\n base,\n StyledInput,\n StyledPopover,\n StyledTimeColumn,\n StyledTimeItem,\n StyledTimePicker,\n} from './TimePicker.styles';\nimport { classes } from './TimePicker.tokens';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { useKeyNavigation } from './hooks/useKeyboardNavigation';\n\ninterface ActiveTime {\n hours: number | null;\n minutes: number | null;\n seconds: number | null;\n currentColumn: 'hours' | 'minutes' | 'seconds' | null;\n}\n\nexport const timePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<TimePickerProps, 'opened' | 'defaultValue' | 'onChange'>>,\n) =>\n forwardRef<HTMLInputElement, TimePickerProps>(\n (\n {\n className,\n opened = false,\n value: outerValue,\n label,\n labelPlacement = 'outer',\n keepPlaceholder,\n required = false,\n requiredPlacement = 'right',\n hasRequiredIndicator = true,\n placeholder,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n disabled = false,\n readonly = false,\n frame = 'document',\n usePortal = false,\n closeOnOverlayClick = true,\n closeOnEsc = true,\n offset,\n stretched,\n dropdownAlign = 'left',\n dropdownWidth,\n dropdownHeight,\n columnsQuantity = 2,\n onToggle,\n onFocus,\n onChange,\n ...rest\n },\n ref,\n ) => {\n const inputRef = useRef<HTMLInputElement | null>(null);\n const timeSelectRootRef = useRef<HTMLDivElement | null>(null);\n const hoursColumnRef = useRef<HTMLDivElement>(null);\n const minutesColumnRef = useRef<HTMLDivElement>(null);\n const secondsColumnRef = useRef<HTMLDivElement>(null);\n const timeItemRefs = useRef<Record<string, HTMLDivElement | null>>({});\n const [isInnerOpen, setIsInnerOpen] = useState(opened);\n const [innerTime, setInnerTime] = useState(outerValue || '');\n const [activeTime, setActiveTime] = useState<ActiveTime>({\n hours: null,\n minutes: null,\n seconds: null,\n currentColumn: null,\n });\n const [itemHeight, setItemHeight] = useState(0);\n\n const viewValue = outerValue ?? innerTime;\n\n const format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';\n const hours = range(24);\n const minutes = range(60);\n const seconds = range(60);\n\n useEffect(() => {\n if (viewValue) {\n let timeString = viewValue;\n if (format === 'HH:mm' && viewValue.length > 5) {\n timeString = viewValue.substring(0, 5);\n }\n setInnerTime(viewValue);\n const [hh, mm, ss] = timeString.split(':').map(Number);\n setActiveTime({\n hours: !Number.isNaN(hh) ? hh : null,\n minutes: !Number.isNaN(mm) ? mm : null,\n seconds: format === 'HH:mm:ss' && !Number.isNaN(ss) ? ss : null,\n currentColumn: null,\n });\n }\n }, [outerValue, format]);\n\n useEffect(() => {\n if (isInnerOpen && (disabled || readonly)) {\n setIsInnerOpen(false);\n }\n }, [disabled, readonly]);\n\n useEffect(() => {\n if (isInnerOpen && Object.keys(timeItemRefs.current).length > 0) {\n const firstItem = Object.values(timeItemRefs.current)[0];\n\n if (firstItem) {\n setItemHeight(firstItem.offsetHeight);\n }\n }\n }, [isInnerOpen]);\n\n useEffect(() => {\n if (!isInnerOpen || itemHeight === 0) return;\n\n const scrollToActiveItem = (columnRef: React.RefObject<HTMLDivElement>, index: number | null) => {\n if (columnRef.current) {\n animateScrollTo(columnRef.current, (index ?? 0) * itemHeight);\n }\n };\n\n scrollToActiveItem(hoursColumnRef, activeTime.hours);\n scrollToActiveItem(minutesColumnRef, activeTime.minutes);\n scrollToActiveItem(secondsColumnRef, activeTime.seconds);\n }, [activeTime, isInnerOpen, itemHeight]);\n\n const handleToggle = () => {\n if (disabled || readonly) return;\n const newState = !isInnerOpen;\n setIsInnerOpen(newState);\n\n if (newState) {\n setActiveTime((prev) => ({\n ...prev,\n currentColumn: 'hours',\n }));\n }\n\n onToggle?.(newState);\n };\n\n const handleCalendarRootClick = (event: MouseEvent<HTMLDivElement>) => {\n if (disabled || readonly) return;\n if (isInnerOpen && stretched && event.target === timeSelectRootRef?.current) {\n setIsInnerOpen(false);\n onToggle?.(false);\n }\n };\n\n const handleTimeItemClick = (\n value: string,\n column: 'hours' | 'minutes' | 'seconds',\n isNextColumn = true,\n ) => {\n const currentTime = innerTime.split(':');\n let newTime = [];\n if (format === 'HH:mm:ss') {\n newTime = [...currentTime];\n while (newTime.length < 3) {\n newTime.push('00');\n }\n } else {\n newTime = [...currentTime];\n while (newTime.length < 2) {\n newTime.push('00');\n }\n newTime = newTime.slice(0, 2);\n }\n\n switch (column) {\n case 'hours':\n newTime[0] = value;\n\n if (!currentTime[1]) {\n newTime[1] = '00';\n }\n if (format === 'HH:mm:ss') {\n if (!currentTime[2]) {\n newTime[2] = '00';\n }\n }\n break;\n case 'minutes':\n newTime[1] = value;\n\n if (!currentTime[0]) {\n newTime[0] = '00';\n }\n\n if (format === 'HH:mm:ss') {\n if (!currentTime[2]) {\n newTime[2] = '00';\n }\n }\n break;\n case 'seconds':\n if (format === 'HH:mm:ss') {\n newTime[2] = value;\n\n if (!currentTime[0]) {\n newTime[0] = '00';\n }\n if (!currentTime[1]) {\n newTime[1] = '00';\n }\n }\n break;\n default:\n break;\n }\n\n const newTimeString = newTime.join(':');\n setInnerTime(newTimeString);\n\n let nextColumn: 'hours' | 'minutes' | 'seconds' | null = null;\n if (column === 'hours' && isNextColumn) {\n nextColumn = 'minutes';\n } else if (column === 'minutes' && isNextColumn) {\n nextColumn = format === 'HH:mm:ss' ? 'seconds' : null;\n } else {\n nextColumn = activeTime.currentColumn;\n }\n\n const newActiveTime: ActiveTime = {\n hours: column === 'hours' ? parseInt(value, 10) : activeTime.hours,\n minutes: column === 'minutes' ? parseInt(value, 10) : activeTime.minutes,\n seconds: column === 'seconds' ? parseInt(value, 10) : activeTime.seconds,\n currentColumn: nextColumn,\n };\n setActiveTime(newActiveTime);\n\n onChange?.(({\n value: newTimeString,\n timeValues: {\n hh: parseInt(newTime[0], 10),\n mm: parseInt(newTime[1], 10),\n ss: format === 'HH:mm:ss' ? parseInt(newTime[2] || '0', 10) : null,\n },\n } as unknown) as ChangeEvent<HTMLInputElement>);\n };\n\n const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n const input = event.target.value;\n const cursorPos = event.target.selectionStart;\n\n const { innerString, values, newCursorPosition } = processTimeInput(input, format, cursorPos);\n\n setInnerTime(innerString);\n setActiveTime((prev) => ({\n ...prev,\n hours: values.hh,\n minutes: values.mm,\n seconds: values.ss,\n }));\n\n onChange?.(({\n ...event,\n target: {\n ...event.target,\n value: innerString,\n timeValues: values,\n },\n } as unknown) as ChangeEvent<HTMLInputElement>);\n\n requestAnimationFrame(() => {\n if (inputRef.current) {\n inputRef.current.setSelectionRange(newCursorPosition, newCursorPosition);\n }\n });\n };\n\n const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === 'Enter' && !isInnerOpen) {\n event.preventDefault();\n setIsInnerOpen(true);\n setActiveTime((prev) => ({ ...prev, currentColumn: 'hours' }));\n onToggle?.(true);\n return;\n }\n\n if (!isInnerOpen) return;\n\n const { currentColumn } = activeTime;\n if (!currentColumn) return;\n\n let newIndex: number | null = null;\n let newColumn = currentColumn;\n\n if (['ArrowUp', 'ArrowDown', 'Enter'].includes(event.key)) {\n event.preventDefault();\n }\n\n if (['ArrowRight'].includes(event.key) && currentColumn !== 'seconds') {\n event.preventDefault();\n }\n\n if (['ArrowLeft'].includes(event.key) && currentColumn !== 'hours') {\n event.preventDefault();\n }\n\n switch (event.key) {\n case 'ArrowUp':\n newIndex = Math.max(0, (activeTime[currentColumn] ?? 0) - 1);\n if (newIndex !== null) {\n const value = newIndex.toString().padStart(2, '0');\n handleTimeItemClick(value, currentColumn, false);\n }\n break;\n case 'ArrowDown':\n case 'Tab':\n event.preventDefault();\n newIndex = Math.min(currentColumn === 'hours' ? 23 : 59, (activeTime[currentColumn] ?? 0) + 1);\n if (newIndex !== null) {\n const value = newIndex.toString().padStart(2, '0');\n handleTimeItemClick(value, currentColumn, false);\n }\n break;\n case 'ArrowRight':\n case 'Enter':\n if (currentColumn === 'hours') newColumn = 'minutes';\n else if (currentColumn === 'minutes' && format === 'HH:mm:ss') newColumn = 'seconds';\n newIndex = activeTime[newColumn] ?? 0;\n setActiveTime({\n ...activeTime,\n currentColumn: newColumn,\n [newColumn]: newIndex,\n });\n\n if (\n (currentColumn === 'seconds' && format === 'HH:mm:ss') ||\n (currentColumn === 'minutes' && format === 'HH:mm')\n ) {\n setIsInnerOpen(false);\n }\n break;\n case 'ArrowLeft':\n if (currentColumn === 'minutes') newColumn = 'hours';\n else if (currentColumn === 'seconds') newColumn = 'minutes';\n newIndex = activeTime[newColumn] ?? 0;\n setActiveTime({\n ...activeTime,\n currentColumn: newColumn,\n [newColumn]: newIndex,\n });\n if (currentColumn === 'hours') {\n setIsInnerOpen(false);\n }\n break;\n // eslint-disable-next-line no-fallthrough\n default:\n }\n };\n\n const handleTimeItemKeyDown = (\n event: KeyboardEvent<HTMLDivElement>,\n column: 'hours' | 'minutes' | 'seconds',\n value: string,\n ) => {\n if (event.key === 'Enter') {\n event.preventDefault();\n handleTimeItemClick(value, column);\n }\n };\n\n const { onKeyDown: onKeyDownNavigation } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n format,\n maskWithFormat: true,\n delimiter: ':',\n closeOnEsc,\n onToggle: handleToggle,\n });\n\n const TimePickerInput = (\n <StyledInput\n ref={inputRef}\n value={viewValue}\n size={size}\n disabled={disabled}\n readOnly={readonly}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleInputChange}\n onFocus={onFocus}\n onKeyDown={(e) => {\n onKeyDownNavigation(e);\n handleKeyDown(e);\n }}\n required={required}\n requiredPlacement={requiredPlacement}\n hasRequiredIndicator={hasRequiredIndicator}\n label={label}\n labelPlacement={labelPlacement}\n keepPlaceholder={keepPlaceholder}\n />\n );\n\n const renderTimeColumn = (\n values: string[],\n column: 'hours' | 'minutes' | 'seconds',\n columnRef: React.RefObject<HTMLDivElement>,\n ) => (\n <StyledTimeColumn key={column} ref={columnRef} height={dropdownHeight}>\n {values.map((value, index) => (\n <StyledTimeItem\n key={value}\n ref={(el) => {\n timeItemRefs.current[`${column}-${value}`] = el;\n }}\n // tabIndex={activeTime[column] === index ? 0 : -1}\n className={cls({\n [classes.timeItemActive]: activeTime[column] === index,\n })}\n onClick={() => handleTimeItemClick(value, column)}\n onKeyDown={(e) => handleTimeItemKeyDown(e, column, value)}\n >\n {value}\n </StyledTimeItem>\n ))}\n {/* <StyledTimeItemEmpty /> */}\n </StyledTimeColumn>\n );\n\n return (\n <Root\n stretched={stretched}\n view={view}\n size={size}\n className={cls(classes.timePickerRoot, className, {\n [classes.timePickerstretched]: stretched,\n })}\n disabled={disabled}\n readonly={readonly}\n ref={ref}\n {...rest}\n >\n <StyledPopover\n opened={isInnerOpen}\n usePortal={usePortal}\n frame={frame}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(dropdownAlign === 'left' ? 'bottom-start' : 'bottom-end', false)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={TimePickerInput}\n preventOverflow={false}\n align={dropdownAlign}\n >\n <Root\n ref={timeSelectRootRef}\n view={view}\n size={size}\n disabled={disabled}\n readonly={readonly}\n onClick={handleCalendarRootClick}\n stretched={stretched}\n >\n <StyledTimePicker width={dropdownWidth}>\n {/* <StyledSelectedTime\n className={cls({\n [classes.timePickerActive]:\n activeTime.hours || activeTime.minutes || activeTime.seconds,\n })}\n /> */}\n {renderTimeColumn(hours, 'hours', hoursColumnRef)}\n {renderTimeColumn(minutes, 'minutes', minutesColumnRef)}\n {columnsQuantity === 3 && renderTimeColumn(seconds, 'seconds', secondsColumnRef)}\n </StyledTimePicker>\n </Root>\n </StyledPopover>\n </Root>\n );\n },\n );\n\nexport const timePickerConfig = {\n name: 'TimePicker',\n tag: 'div',\n layout: timePickerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readonly: {\n css: readonlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["timePickerRoot","Root","forwardRef","_ref","ref","className","_ref$opened","opened","outerValue","value","label","_ref$labelPlacement","labelPlacement","keepPlaceholder","_ref$required","required","_ref$requiredPlacemen","requiredPlacement","_ref$hasRequiredIndic","hasRequiredIndicator","placeholder","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$disabled","disabled","_ref$readonly","readonly","_ref$frame","frame","_ref$usePortal","usePortal","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","stretched","_ref$dropdownAlign","dropdownAlign","dropdownWidth","dropdownHeight","_ref$columnsQuantity","columnsQuantity","onToggle","onFocus","onChange","rest","_objectWithoutProperties","_excluded","inputRef","useRef","timeSelectRootRef","hoursColumnRef","minutesColumnRef","secondsColumnRef","timeItemRefs","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","_useState4","innerTime","setInnerTime","_useState5","hours","minutes","seconds","currentColumn","_useState6","activeTime","setActiveTime","_useState7","_useState8","itemHeight","setItemHeight","viewValue","format","range","useEffect","timeString","length","substring","_timeString$split$map","split","map","Number","_timeString$split$map2","hh","mm","ss","isNaN","Object","keys","current","firstItem","values","offsetHeight","scrollToActiveItem","columnRef","index","animateScrollTo","handleToggle","newState","prev","_objectSpread","handleCalendarRootClick","event","target","handleTimeItemClick","column","isNextColumn","arguments","undefined","currentTime","newTime","_toConsumableArray","push","slice","newTimeString","join","nextColumn","newActiveTime","parseInt","timeValues","handleInputChange","input","cursorPos","selectionStart","_processTimeInput","processTimeInput","innerString","newCursorPosition","requestAnimationFrame","setSelectionRange","handleKeyDown","_activeTime$currentCo","_activeTime$currentCo2","_activeTime$newColumn","_activeTime$newColumn2","key","preventDefault","newIndex","newColumn","includes","Math","max","toString","padStart","min","_defineProperty","handleTimeItemKeyDown","_useKeyNavigation","useKeyNavigation","isCalendarOpen","maskWithFormat","delimiter","onKeyDownNavigation","onKeyDown","TimePickerInput","React","createElement","StyledInput","readOnly","e","renderTimeColumn","StyledTimeColumn","height","StyledTimeItem","el","concat","cls","classes","timeItemActive","onClick","_extends","timePickerstretched","StyledPopover","placement","getPlacements","trigger","isFocusTrapped","preventOverflow","align","StyledTimePicker","width","timePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","defaults"],"mappings":";;;;;;;;;;;;;;IA8BaA,cAAc,GAAG,SAAjBA,cAAcA,CACvBC,IAA8F,EAAA;AAAA,EAAA,oBAE9FC,UAAU,CACN,UAAAC,IAAA,EAmCIC,GAAG,EACF;AAAA,IAAA,IAlCGC,SAAS,GAAAF,IAAA,CAATE,SAAS;MAAAC,WAAA,GAAAH,IAAA,CACTI,MAAM;AAANA,MAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;MACPE,UAAU,GAAAL,IAAA,CAAjBM,KAAK;MACLC,KAAK,GAAAP,IAAA,CAALO,KAAK;MAAAC,mBAAA,GAAAR,IAAA,CACLS,cAAc;AAAdA,MAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,mBAAA;MACxBE,eAAe,GAAAV,IAAA,CAAfU,eAAe;MAAAC,aAAA,GAAAX,IAAA,CACfY,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,qBAAA,GAAAb,IAAA,CAChBc,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,OAAO,GAAAA,qBAAA;MAAAE,qBAAA,GAAAf,IAAA,CAC3BgB,oBAAoB;AAApBA,MAAAA,oBAAoB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;MAC3BE,WAAW,GAAAjB,IAAA,CAAXiB,WAAW;MACXC,WAAW,GAAAlB,IAAA,CAAXkB,WAAW;MACXC,YAAY,GAAAnB,IAAA,CAAZmB,YAAY;MACZC,UAAU,GAAApB,IAAA,CAAVoB,UAAU;MACVC,SAAS,GAAArB,IAAA,CAATqB,SAAS;MACTC,IAAI,GAAAtB,IAAA,CAAJsB,IAAI;MACJC,IAAI,GAAAvB,IAAA,CAAJuB,IAAI;MAAAC,aAAA,GAAAxB,IAAA,CACJyB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,aAAA,GAAA1B,IAAA,CAChB2B,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,UAAA,GAAA5B,IAAA,CAChB6B,KAAK;AAALA,MAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,UAAA;MAAAE,cAAA,GAAA9B,IAAA,CAClB+B,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;MAAAE,qBAAA,GAAAhC,IAAA,CACjBiC,mBAAmB;AAAnBA,MAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;MAAAE,eAAA,GAAAlC,IAAA,CAC1BmC,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;MACjBE,MAAM,GAAApC,IAAA,CAANoC,MAAM;MACNC,SAAS,GAAArC,IAAA,CAATqC,SAAS;MAAAC,kBAAA,GAAAtC,IAAA,CACTuC,aAAa;AAAbA,MAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,kBAAA;MACtBE,aAAa,GAAAxC,IAAA,CAAbwC,aAAa;MACbC,cAAc,GAAAzC,IAAA,CAAdyC,cAAc;MAAAC,oBAAA,GAAA1C,IAAA,CACd2C,eAAe;AAAfA,MAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,CAAC,GAAAA,oBAAA;MACnBE,QAAQ,GAAA5C,IAAA,CAAR4C,QAAQ;MACRC,OAAO,GAAA7C,IAAA,CAAP6C,OAAO;MACPC,QAAQ,GAAA9C,IAAA,CAAR8C,QAAQ;AACLC,MAAAA,IAAI,GAAAC,wBAAA,CAAAhD,IAAA,EAAAiD,SAAA,CAAA,CAAA;AAIX,IAAA,IAAMC,QAAQ,GAAGC,MAAM,CAA0B,IAAI,CAAC,CAAA;AACtD,IAAA,IAAMC,iBAAiB,GAAGD,MAAM,CAAwB,IAAI,CAAC,CAAA;AAC7D,IAAA,IAAME,cAAc,GAAGF,MAAM,CAAiB,IAAI,CAAC,CAAA;AACnD,IAAA,IAAMG,gBAAgB,GAAGH,MAAM,CAAiB,IAAI,CAAC,CAAA;AACrD,IAAA,IAAMI,gBAAgB,GAAGJ,MAAM,CAAiB,IAAI,CAAC,CAAA;AACrD,IAAA,IAAMK,YAAY,GAAGL,MAAM,CAAwC,EAAE,CAAC,CAAA;AACtE,IAAA,IAAAM,SAAA,GAAsCC,QAAQ,CAACtD,MAAM,CAAC;MAAAuD,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA/CI,MAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAClC,IAAA,IAAAI,UAAA,GAAkCL,QAAQ,CAACrD,UAAU,IAAI,EAAE,CAAC;MAAA2D,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAArDE,MAAAA,SAAS,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,YAAY,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;IAC9B,IAAAG,UAAA,GAAoCT,QAAQ,CAAa;AACrDU,QAAAA,KAAK,EAAE,IAAI;AACXC,QAAAA,OAAO,EAAE,IAAI;AACbC,QAAAA,OAAO,EAAE,IAAI;AACbC,QAAAA,aAAa,EAAE,IAAA;AACnB,OAAC,CAAC;MAAAC,UAAA,GAAAZ,cAAA,CAAAO,UAAA,EAAA,CAAA,CAAA;AALKM,MAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAMhC,IAAA,IAAAG,UAAA,GAAoCjB,QAAQ,CAAC,CAAC,CAAC;MAAAkB,UAAA,GAAAhB,cAAA,CAAAe,UAAA,EAAA,CAAA,CAAA;AAAxCE,MAAAA,UAAU,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,MAAAA,aAAa,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;IAEhC,IAAMG,SAAS,GAAG1E,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,UAAU,GAAI4D,SAAS,CAAA;IAEzC,IAAMe,MAAM,GAAGrC,eAAe,KAAK,CAAC,GAAG,UAAU,GAAG,OAAO,CAAA;AAC3D,IAAA,IAAMyB,KAAK,GAAGa,KAAK,CAAC,EAAE,CAAC,CAAA;AACvB,IAAA,IAAMZ,OAAO,GAAGY,KAAK,CAAC,EAAE,CAAC,CAAA;AACzB,IAAA,IAAMX,OAAO,GAAGW,KAAK,CAAC,EAAE,CAAC,CAAA;AAEzBC,IAAAA,SAAS,CAAC,YAAM;AACZ,MAAA,IAAIH,SAAS,EAAE;QACX,IAAII,UAAU,GAAGJ,SAAS,CAAA;QAC1B,IAAIC,MAAM,KAAK,OAAO,IAAID,SAAS,CAACK,MAAM,GAAG,CAAC,EAAE;UAC5CD,UAAU,GAAGJ,SAAS,CAACM,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAC1C,SAAA;QACAnB,YAAY,CAACa,SAAS,CAAC,CAAA;AACvB,QAAA,IAAAO,qBAAA,GAAqBH,UAAU,CAACI,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAACC,MAAM,CAAC;UAAAC,sBAAA,GAAA9B,cAAA,CAAA0B,qBAAA,EAAA,CAAA,CAAA;AAA/CK,UAAAA,EAAE,GAAAD,sBAAA,CAAA,CAAA,CAAA;AAAEE,UAAAA,EAAE,GAAAF,sBAAA,CAAA,CAAA,CAAA;AAAEG,UAAAA,EAAE,GAAAH,sBAAA,CAAA,CAAA,CAAA,CAAA;AACjBhB,QAAAA,aAAa,CAAC;UACVN,KAAK,EAAE,CAACqB,MAAM,CAACK,KAAK,CAACH,EAAE,CAAC,GAAGA,EAAE,GAAG,IAAI;UACpCtB,OAAO,EAAE,CAACoB,MAAM,CAACK,KAAK,CAACF,EAAE,CAAC,GAAGA,EAAE,GAAG,IAAI;AACtCtB,UAAAA,OAAO,EAAEU,MAAM,KAAK,UAAU,IAAI,CAACS,MAAM,CAACK,KAAK,CAACD,EAAE,CAAC,GAAGA,EAAE,GAAG,IAAI;AAC/DtB,UAAAA,aAAa,EAAE,IAAA;AACnB,SAAC,CAAC,CAAA;AACN,OAAA;AACJ,KAAC,EAAE,CAAClE,UAAU,EAAE2E,MAAM,CAAC,CAAC,CAAA;AAExBE,IAAAA,SAAS,CAAC,YAAM;AACZ,MAAA,IAAIrB,WAAW,KAAKpC,QAAQ,IAAIE,QAAQ,CAAC,EAAE;QACvCmC,cAAc,CAAC,KAAK,CAAC,CAAA;AACzB,OAAA;AACJ,KAAC,EAAE,CAACrC,QAAQ,EAAEE,QAAQ,CAAC,CAAC,CAAA;AAExBuD,IAAAA,SAAS,CAAC,YAAM;AACZ,MAAA,IAAIrB,WAAW,IAAIkC,MAAM,CAACC,IAAI,CAACxC,YAAY,CAACyC,OAAO,CAAC,CAACb,MAAM,GAAG,CAAC,EAAE;AAC7D,QAAA,IAAMc,SAAS,GAAGH,MAAM,CAACI,MAAM,CAAC3C,YAAY,CAACyC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;AAExD,QAAA,IAAIC,SAAS,EAAE;AACXpB,UAAAA,aAAa,CAACoB,SAAS,CAACE,YAAY,CAAC,CAAA;AACzC,SAAA;AACJ,OAAA;AACJ,KAAC,EAAE,CAACvC,WAAW,CAAC,CAAC,CAAA;AAEjBqB,IAAAA,SAAS,CAAC,YAAM;AACZ,MAAA,IAAI,CAACrB,WAAW,IAAIgB,UAAU,KAAK,CAAC,EAAE,OAAA;MAEtC,IAAMwB,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,SAA0C,EAAEC,KAAoB,EAAK;QAC7F,IAAID,SAAS,CAACL,OAAO,EAAE;AACnBO,UAAAA,eAAe,CAACF,SAAS,CAACL,OAAO,EAAE,CAACM,KAAK,KAALA,IAAAA,IAAAA,KAAK,cAALA,KAAK,GAAI,CAAC,IAAI1B,UAAU,CAAC,CAAA;AACjE,SAAA;OACH,CAAA;AAEDwB,MAAAA,kBAAkB,CAAChD,cAAc,EAAEoB,UAAU,CAACL,KAAK,CAAC,CAAA;AACpDiC,MAAAA,kBAAkB,CAAC/C,gBAAgB,EAAEmB,UAAU,CAACJ,OAAO,CAAC,CAAA;AACxDgC,MAAAA,kBAAkB,CAAC9C,gBAAgB,EAAEkB,UAAU,CAACH,OAAO,CAAC,CAAA;KAC3D,EAAE,CAACG,UAAU,EAAEZ,WAAW,EAAEgB,UAAU,CAAC,CAAC,CAAA;AAEzC,IAAA,IAAM4B,YAAY,GAAG,SAAfA,YAAYA,GAAS;MACvB,IAAIhF,QAAQ,IAAIE,QAAQ,EAAE,OAAA;MAC1B,IAAM+E,QAAQ,GAAG,CAAC7C,WAAW,CAAA;MAC7BC,cAAc,CAAC4C,QAAQ,CAAC,CAAA;AAExB,MAAA,IAAIA,QAAQ,EAAE;QACVhC,aAAa,CAAC,UAACiC,IAAI,EAAA;AAAA,UAAA,OAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACZD,IAAI,CAAA,EAAA,EAAA,EAAA;AACPpC,YAAAA,aAAa,EAAE,OAAA;AAAO,WAAA,CAAA,CAAA;AAAA,SACxB,CAAC,CAAA;AACP,OAAA;AAEA3B,MAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAG8D,QAAQ,CAAC,CAAA;KACvB,CAAA;AAED,IAAA,IAAMG,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,KAAiC,EAAK;MACnE,IAAIrF,QAAQ,IAAIE,QAAQ,EAAE,OAAA;AAC1B,MAAA,IAAIkC,WAAW,IAAIxB,SAAS,IAAIyE,KAAK,CAACC,MAAM,MAAK3D,iBAAiB,aAAjBA,iBAAiB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAjBA,iBAAiB,CAAE6C,OAAO,CAAE,EAAA;QACzEnC,cAAc,CAAC,KAAK,CAAC,CAAA;AACrBlB,QAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAG,KAAK,CAAC,CAAA;AACrB,OAAA;KACH,CAAA;IAED,IAAMoE,mBAAmB,GAAG,SAAtBA,mBAAmBA,CACrB1G,KAAa,EACb2G,MAAuC,EAEtC;AAAA,MAAA,IADDC,YAAY,GAAAC,SAAA,CAAA/B,MAAA,GAAA,CAAA,IAAA+B,SAAA,CAAA,CAAA,CAAA,KAAAC,SAAA,GAAAD,SAAA,CAAA,CAAA,CAAA,GAAG,IAAI,CAAA;AAEnB,MAAA,IAAME,WAAW,GAAGpD,SAAS,CAACsB,KAAK,CAAC,GAAG,CAAC,CAAA;MACxC,IAAI+B,OAAO,GAAG,EAAE,CAAA;MAChB,IAAItC,MAAM,KAAK,UAAU,EAAE;AACvBsC,QAAAA,OAAO,GAAAC,kBAAA,CAAOF,WAAW,CAAC,CAAA;AAC1B,QAAA,OAAOC,OAAO,CAAClC,MAAM,GAAG,CAAC,EAAE;AACvBkC,UAAAA,OAAO,CAACE,IAAI,CAAC,IAAI,CAAC,CAAA;AACtB,SAAA;AACJ,OAAC,MAAM;AACHF,QAAAA,OAAO,GAAAC,kBAAA,CAAOF,WAAW,CAAC,CAAA;AAC1B,QAAA,OAAOC,OAAO,CAAClC,MAAM,GAAG,CAAC,EAAE;AACvBkC,UAAAA,OAAO,CAACE,IAAI,CAAC,IAAI,CAAC,CAAA;AACtB,SAAA;QACAF,OAAO,GAAGA,OAAO,CAACG,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AACjC,OAAA;AAEA,MAAA,QAAQR,MAAM;AACV,QAAA,KAAK,OAAO;AACRK,UAAAA,OAAO,CAAC,CAAC,CAAC,GAAGhH,KAAK,CAAA;AAElB,UAAA,IAAI,CAAC+G,WAAW,CAAC,CAAC,CAAC,EAAE;AACjBC,YAAAA,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;AACrB,WAAA;UACA,IAAItC,MAAM,KAAK,UAAU,EAAE;AACvB,YAAA,IAAI,CAACqC,WAAW,CAAC,CAAC,CAAC,EAAE;AACjBC,cAAAA,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;AACrB,aAAA;AACJ,WAAA;AACA,UAAA,MAAA;AACJ,QAAA,KAAK,SAAS;AACVA,UAAAA,OAAO,CAAC,CAAC,CAAC,GAAGhH,KAAK,CAAA;AAElB,UAAA,IAAI,CAAC+G,WAAW,CAAC,CAAC,CAAC,EAAE;AACjBC,YAAAA,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;AACrB,WAAA;UAEA,IAAItC,MAAM,KAAK,UAAU,EAAE;AACvB,YAAA,IAAI,CAACqC,WAAW,CAAC,CAAC,CAAC,EAAE;AACjBC,cAAAA,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;AACrB,aAAA;AACJ,WAAA;AACA,UAAA,MAAA;AACJ,QAAA,KAAK,SAAS;UACV,IAAItC,MAAM,KAAK,UAAU,EAAE;AACvBsC,YAAAA,OAAO,CAAC,CAAC,CAAC,GAAGhH,KAAK,CAAA;AAElB,YAAA,IAAI,CAAC+G,WAAW,CAAC,CAAC,CAAC,EAAE;AACjBC,cAAAA,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;AACrB,aAAA;AACA,YAAA,IAAI,CAACD,WAAW,CAAC,CAAC,CAAC,EAAE;AACjBC,cAAAA,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;AACrB,aAAA;AACJ,WAAA;AACA,UAAA,MAAA;AAGR,OAAA;AAEA,MAAA,IAAMI,aAAa,GAAGJ,OAAO,CAACK,IAAI,CAAC,GAAG,CAAC,CAAA;MACvCzD,YAAY,CAACwD,aAAa,CAAC,CAAA;MAE3B,IAAIE,UAAkD,GAAG,IAAI,CAAA;AAC7D,MAAA,IAAIX,MAAM,KAAK,OAAO,IAAIC,YAAY,EAAE;AACpCU,QAAAA,UAAU,GAAG,SAAS,CAAA;AAC1B,OAAC,MAAM,IAAIX,MAAM,KAAK,SAAS,IAAIC,YAAY,EAAE;AAC7CU,QAAAA,UAAU,GAAG5C,MAAM,KAAK,UAAU,GAAG,SAAS,GAAG,IAAI,CAAA;AACzD,OAAC,MAAM;QACH4C,UAAU,GAAGnD,UAAU,CAACF,aAAa,CAAA;AACzC,OAAA;AAEA,MAAA,IAAMsD,aAAyB,GAAG;AAC9BzD,QAAAA,KAAK,EAAE6C,MAAM,KAAK,OAAO,GAAGa,QAAQ,CAACxH,KAAK,EAAE,EAAE,CAAC,GAAGmE,UAAU,CAACL,KAAK;AAClEC,QAAAA,OAAO,EAAE4C,MAAM,KAAK,SAAS,GAAGa,QAAQ,CAACxH,KAAK,EAAE,EAAE,CAAC,GAAGmE,UAAU,CAACJ,OAAO;AACxEC,QAAAA,OAAO,EAAE2C,MAAM,KAAK,SAAS,GAAGa,QAAQ,CAACxH,KAAK,EAAE,EAAE,CAAC,GAAGmE,UAAU,CAACH,OAAO;AACxEC,QAAAA,aAAa,EAAEqD,UAAAA;OAClB,CAAA;MACDlD,aAAa,CAACmD,aAAa,CAAC,CAAA;AAE5B/E,MAAAA,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,KAARA,KAAAA,CAAAA,IAAAA,QAAQ,CAAI;AACRxC,QAAAA,KAAK,EAAEoH,aAAa;AACpBK,QAAAA,UAAU,EAAE;UACRpC,EAAE,EAAEmC,QAAQ,CAACR,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;UAC5B1B,EAAE,EAAEkC,QAAQ,CAACR,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;AAC5BzB,UAAAA,EAAE,EAAEb,MAAM,KAAK,UAAU,GAAG8C,QAAQ,CAACR,OAAO,CAAC,CAAC,CAAC,IAAI,GAAG,EAAE,EAAE,CAAC,GAAG,IAAA;AAClE,SAAA;AACJ,OAA8C,CAAC,CAAA;KAClD,CAAA;AAED,IAAA,IAAMU,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIlB,KAAoC,EAAK;AAChE,MAAA,IAAMmB,KAAK,GAAGnB,KAAK,CAACC,MAAM,CAACzG,KAAK,CAAA;AAChC,MAAA,IAAM4H,SAAS,GAAGpB,KAAK,CAACC,MAAM,CAACoB,cAAc,CAAA;MAE7C,IAAAC,iBAAA,GAAmDC,gBAAgB,CAACJ,KAAK,EAAEjD,MAAM,EAAEkD,SAAS,CAAC;QAArFI,WAAW,GAAAF,iBAAA,CAAXE,WAAW;QAAEnC,MAAM,GAAAiC,iBAAA,CAANjC,MAAM;QAAEoC,iBAAiB,GAAAH,iBAAA,CAAjBG,iBAAiB,CAAA;MAE9CrE,YAAY,CAACoE,WAAW,CAAC,CAAA;MACzB5D,aAAa,CAAC,UAACiC,IAAI,EAAA;AAAA,QAAA,OAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACZD,IAAI,CAAA,EAAA,EAAA,EAAA;UACPvC,KAAK,EAAE+B,MAAM,CAACR,EAAE;UAChBtB,OAAO,EAAE8B,MAAM,CAACP,EAAE;UAClBtB,OAAO,EAAE6B,MAAM,CAACN,EAAAA;AAAE,SAAA,CAAA,CAAA;AAAA,OACpB,CAAC,CAAA;MAEH/C,QAAQ,KAAA,IAAA,IAARA,QAAQ,KAARA,KAAAA,CAAAA,IAAAA,QAAQ,CAAA8D,cAAA,CAAAA,cAAA,CAAA,EAAA,EACDE,KAAK,CAAA,EAAA,EAAA,EAAA;AACRC,QAAAA,MAAM,EAAAH,cAAA,CAAAA,cAAA,CACCE,EAAAA,EAAAA,KAAK,CAACC,MAAM,CAAA,EAAA,EAAA,EAAA;AACfzG,UAAAA,KAAK,EAAEgI,WAAW;AAClBP,UAAAA,UAAU,EAAE5B,MAAAA;AAAM,SAAA,CAAA;AACrB,OAAA,CACyC,CAAC,CAAA;AAE/CqC,MAAAA,qBAAqB,CAAC,YAAM;QACxB,IAAItF,QAAQ,CAAC+C,OAAO,EAAE;UAClB/C,QAAQ,CAAC+C,OAAO,CAACwC,iBAAiB,CAACF,iBAAiB,EAAEA,iBAAiB,CAAC,CAAA;AAC5E,SAAA;AACJ,OAAC,CAAC,CAAA;KACL,CAAA;AAED,IAAA,IAAMG,aAAa,GAAG,SAAhBA,aAAaA,CAAI5B,KAAsC,EAAK;AAAA,MAAA,IAAA6B,qBAAA,EAAAC,sBAAA,EAAAC,qBAAA,EAAAC,sBAAA,CAAA;MAC9D,IAAIhC,KAAK,CAACiC,GAAG,KAAK,OAAO,IAAI,CAAClF,WAAW,EAAE;QACvCiD,KAAK,CAACkC,cAAc,EAAE,CAAA;QACtBlF,cAAc,CAAC,IAAI,CAAC,CAAA;QACpBY,aAAa,CAAC,UAACiC,IAAI,EAAA;AAAA,UAAA,OAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAWD,IAAI,CAAA,EAAA,EAAA,EAAA;AAAEpC,YAAAA,aAAa,EAAE,OAAA;AAAO,WAAA,CAAA,CAAA;AAAA,SAAG,CAAC,CAAA;AAC9D3B,QAAAA,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,IAARA,QAAQ,CAAG,IAAI,CAAC,CAAA;AAChB,QAAA,OAAA;AACJ,OAAA;MAEA,IAAI,CAACiB,WAAW,EAAE,OAAA;AAElB,MAAA,IAAQU,aAAa,GAAKE,UAAU,CAA5BF,aAAa,CAAA;MACrB,IAAI,CAACA,aAAa,EAAE,OAAA;MAEpB,IAAI0E,QAAuB,GAAG,IAAI,CAAA;MAClC,IAAIC,SAAS,GAAG3E,aAAa,CAAA;AAE7B,MAAA,IAAI,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC4E,QAAQ,CAACrC,KAAK,CAACiC,GAAG,CAAC,EAAE;QACvDjC,KAAK,CAACkC,cAAc,EAAE,CAAA;AAC1B,OAAA;AAEA,MAAA,IAAI,CAAC,YAAY,CAAC,CAACG,QAAQ,CAACrC,KAAK,CAACiC,GAAG,CAAC,IAAIxE,aAAa,KAAK,SAAS,EAAE;QACnEuC,KAAK,CAACkC,cAAc,EAAE,CAAA;AAC1B,OAAA;AAEA,MAAA,IAAI,CAAC,WAAW,CAAC,CAACG,QAAQ,CAACrC,KAAK,CAACiC,GAAG,CAAC,IAAIxE,aAAa,KAAK,OAAO,EAAE;QAChEuC,KAAK,CAACkC,cAAc,EAAE,CAAA;AAC1B,OAAA;MAEA,QAAQlC,KAAK,CAACiC,GAAG;AACb,QAAA,KAAK,SAAS;UACVE,QAAQ,GAAGG,IAAI,CAACC,GAAG,CAAC,CAAC,EAAE,CAAAV,CAAAA,qBAAA,GAAClE,UAAU,CAACF,aAAa,CAAC,cAAAoE,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,CAAC,IAAI,CAAC,CAAC,CAAA;UAC5D,IAAIM,QAAQ,KAAK,IAAI,EAAE;AACnB,YAAA,IAAM3I,KAAK,GAAG2I,QAAQ,CAACK,QAAQ,EAAE,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;AAClDvC,YAAAA,mBAAmB,CAAC1G,KAAK,EAAEiE,aAAa,EAAE,KAAK,CAAC,CAAA;AACpD,WAAA;AACA,UAAA,MAAA;AACJ,QAAA,KAAK,WAAW,CAAA;AAChB,QAAA,KAAK,KAAK;UACNuC,KAAK,CAACkC,cAAc,EAAE,CAAA;AACtBC,UAAAA,QAAQ,GAAGG,IAAI,CAACI,GAAG,CAACjF,aAAa,KAAK,OAAO,GAAG,EAAE,GAAG,EAAE,EAAE,CAAA,CAAAqE,sBAAA,GAACnE,UAAU,CAACF,aAAa,CAAC,MAAAqE,IAAAA,IAAAA,sBAAA,KAAAA,KAAAA,CAAAA,GAAAA,sBAAA,GAAI,CAAC,IAAI,CAAC,CAAC,CAAA;UAC9F,IAAIK,QAAQ,KAAK,IAAI,EAAE;AACnB,YAAA,IAAM3I,MAAK,GAAG2I,QAAQ,CAACK,QAAQ,EAAE,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;AAClDvC,YAAAA,mBAAmB,CAAC1G,MAAK,EAAEiE,aAAa,EAAE,KAAK,CAAC,CAAA;AACpD,WAAA;AACA,UAAA,MAAA;AACJ,QAAA,KAAK,YAAY,CAAA;AACjB,QAAA,KAAK,OAAO;UACR,IAAIA,aAAa,KAAK,OAAO,EAAE2E,SAAS,GAAG,SAAS,CAAC,KAChD,IAAI3E,aAAa,KAAK,SAAS,IAAIS,MAAM,KAAK,UAAU,EAAEkE,SAAS,GAAG,SAAS,CAAA;AACpFD,UAAAA,QAAQ,GAAAJ,CAAAA,qBAAA,GAAGpE,UAAU,CAACyE,SAAS,CAAC,MAAA,IAAA,IAAAL,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,CAAC,CAAA;AACrCnE,UAAAA,aAAa,CAAAkC,cAAA,CAAAA,cAAA,CACNnC,EAAAA,EAAAA,UAAU,OAAAgF,eAAA,CAAA;AACblF,YAAAA,aAAa,EAAE2E,SAAAA;AAAS,WAAA,EACvBA,SAAS,EAAGD,QAAQ,CAAA,CACxB,CAAC,CAAA;AAEF,UAAA,IACK1E,aAAa,KAAK,SAAS,IAAIS,MAAM,KAAK,UAAU,IACpDT,aAAa,KAAK,SAAS,IAAIS,MAAM,KAAK,OAAQ,EACrD;YACElB,cAAc,CAAC,KAAK,CAAC,CAAA;AACzB,WAAA;AACA,UAAA,MAAA;AACJ,QAAA,KAAK,WAAW;AACZ,UAAA,IAAIS,aAAa,KAAK,SAAS,EAAE2E,SAAS,GAAG,OAAO,CAAC,KAChD,IAAI3E,aAAa,KAAK,SAAS,EAAE2E,SAAS,GAAG,SAAS,CAAA;AAC3DD,UAAAA,QAAQ,GAAAH,CAAAA,sBAAA,GAAGrE,UAAU,CAACyE,SAAS,CAAC,MAAA,IAAA,IAAAJ,sBAAA,KAAA,KAAA,CAAA,GAAAA,sBAAA,GAAI,CAAC,CAAA;AACrCpE,UAAAA,aAAa,CAAAkC,cAAA,CAAAA,cAAA,CACNnC,EAAAA,EAAAA,UAAU,OAAAgF,eAAA,CAAA;AACblF,YAAAA,aAAa,EAAE2E,SAAAA;AAAS,WAAA,EACvBA,SAAS,EAAGD,QAAQ,CAAA,CACxB,CAAC,CAAA;UACF,IAAI1E,aAAa,KAAK,OAAO,EAAE;YAC3BT,cAAc,CAAC,KAAK,CAAC,CAAA;AACzB,WAAA;AACA,UAAA,MAAA;AAGR,OAAA;KACH,CAAA;IAED,IAAM4F,qBAAqB,GAAG,SAAxBA,qBAAqBA,CACvB5C,KAAoC,EACpCG,MAAuC,EACvC3G,KAAa,EACZ;AACD,MAAA,IAAIwG,KAAK,CAACiC,GAAG,KAAK,OAAO,EAAE;QACvBjC,KAAK,CAACkC,cAAc,EAAE,CAAA;AACtBhC,QAAAA,mBAAmB,CAAC1G,KAAK,EAAE2G,MAAM,CAAC,CAAA;AACtC,OAAA;KACH,CAAA;IAED,IAAA0C,iBAAA,GAA2CC,gBAAgB,CAAC;AACxDC,QAAAA,cAAc,EAAEhG,WAAW;AAC3BmB,QAAAA,MAAM,EAANA,MAAM;AACN8E,QAAAA,cAAc,EAAE,IAAI;AACpBC,QAAAA,SAAS,EAAE,GAAG;AACd5H,QAAAA,UAAU,EAAVA,UAAU;AACVS,QAAAA,QAAQ,EAAE6D,YAAAA;AACd,OAAC,CAAC;MAPiBuD,mBAAmB,GAAAL,iBAAA,CAA9BM,SAAS,CAAA;AASjB,IAAA,IAAMC,eAAe,gBACjBC,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAA;AACRpK,MAAAA,GAAG,EAAEiD,QAAS;AACd5C,MAAAA,KAAK,EAAEyE,SAAU;AACjBxD,MAAAA,IAAI,EAAEA,IAAK;AACXE,MAAAA,QAAQ,EAAEA,QAAS;AACnB6I,MAAAA,QAAQ,EAAE3I,QAAS;AACnBV,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,YAAY,EAAEA,YAAa;AAC3BC,MAAAA,UAAU,EAAEA,UAAW;AACvBC,MAAAA,SAAS,EAAEA,SAAU;AACrByB,MAAAA,QAAQ,EAAEkF,iBAAkB;AAC5BnF,MAAAA,OAAO,EAAEA,OAAQ;AACjBoH,MAAAA,SAAS,EAAE,SAAAA,SAACM,CAAAA,CAAC,EAAK;QACdP,mBAAmB,CAACO,CAAC,CAAC,CAAA;QACtB7B,aAAa,CAAC6B,CAAC,CAAC,CAAA;OAClB;AACF3J,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,iBAAiB,EAAEA,iBAAkB;AACrCE,MAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CT,MAAAA,KAAK,EAAEA,KAAM;AACbE,MAAAA,cAAc,EAAEA,cAAe;AAC/BC,MAAAA,eAAe,EAAEA,eAAAA;AAAgB,KACpC,CACJ,CAAA;IAED,IAAM8J,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAClBrE,MAAgB,EAChBc,MAAuC,EACvCX,SAA0C,EAAA;AAAA,MAAA,oBAE1C6D,KAAA,CAAAC,aAAA,CAACK,gBAAgB,EAAA;AAAC1B,QAAAA,GAAG,EAAE9B,MAAO;AAAChH,QAAAA,GAAG,EAAEqG,SAAU;AAACoE,QAAAA,MAAM,EAAEjI,cAAAA;AAAe,OAAA,EACjE0D,MAAM,CAACX,GAAG,CAAC,UAAClF,KAAK,EAAEiG,KAAK,EAAA;AAAA,QAAA,oBACrB4D,KAAA,CAAAC,aAAA,CAACO,cAAc,EAAA;AACX5B,UAAAA,GAAG,EAAEzI,KAAM;AACXL,UAAAA,GAAG,EAAE,SAAAA,GAAC2K,CAAAA,EAAE,EAAK;AACTpH,YAAAA,YAAY,CAACyC,OAAO,CAAA4E,EAAAA,CAAAA,MAAA,CAAI5D,MAAM,EAAA4D,GAAAA,CAAAA,CAAAA,MAAA,CAAIvK,KAAK,CAAG,CAAA,GAAGsK,EAAE,CAAA;AACnD,WAAA;AACA;AAAA;AACA1K,UAAAA,SAAS,EAAE4K,GAAG,CAAArB,eAAA,CAAA,EAAA,EACTsB,OAAO,CAACC,cAAc,EAAGvG,UAAU,CAACwC,MAAM,CAAC,KAAKV,KAAK,CACzD,CAAE;UACH0E,OAAO,EAAE,SAAAA,OAAA,GAAA;AAAA,YAAA,OAAMjE,mBAAmB,CAAC1G,KAAK,EAAE2G,MAAM,CAAC,CAAA;WAAC;UAClDgD,SAAS,EAAE,SAAAA,SAAAA,CAACM,CAAC,EAAA;AAAA,YAAA,OAAKb,qBAAqB,CAACa,CAAC,EAAEtD,MAAM,EAAE3G,KAAK,CAAC,CAAA;AAAA,WAAA;AAAC,SAAA,EAEzDA,KACW,CAAC,CAAA;AAAA,OACpB,CAEa,CAAC,CAAA;KACtB,CAAA;AAED,IAAA,oBACI6J,KAAA,CAAAC,aAAA,CAACtK,IAAI,EAAAoL,QAAA,CAAA;AACD7I,MAAAA,SAAS,EAAEA,SAAU;AACrBf,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXrB,MAAAA,SAAS,EAAE4K,GAAG,CAACC,OAAO,CAAClL,cAAc,EAAEK,SAAS,EAAAuJ,eAAA,KAC3CsB,OAAO,CAACI,mBAAmB,EAAG9I,SAAS,CAC3C,CAAE;AACHZ,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,QAAQ,EAAEA,QAAS;AACnB1B,MAAAA,GAAG,EAAEA,GAAAA;AAAI,KAAA,EACL8C,IAAI,CAERoH,eAAAA,KAAA,CAAAC,aAAA,CAACgB,aAAa,EAAA;AACVhL,MAAAA,MAAM,EAAEyD,WAAY;AACpB9B,MAAAA,SAAS,EAAEA,SAAU;AACrBF,MAAAA,KAAK,EAAEA,KAAM;AACbe,MAAAA,QAAQ,EAAE6D,YAAa;AACvBrE,MAAAA,MAAM,EAAEA,MAAO;AACfiJ,MAAAA,SAAS,EAAEC,aAAa,CAAC/I,aAAa,KAAK,MAAM,GAAG,cAAc,GAAG,YAAY,EAAE,KAAK,CAAE;AAC1FgJ,MAAAA,OAAO,EAAC,OAAO;AACftJ,MAAAA,mBAAmB,EAAEA,mBAAoB;AACzCuJ,MAAAA,cAAc,EAAE,KAAM;AACtBzE,MAAAA,MAAM,EAAEmD,eAAgB;AACxBuB,MAAAA,eAAe,EAAE,KAAM;AACvBC,MAAAA,KAAK,EAAEnJ,aAAAA;AAAc,KAAA,eAErB4H,KAAA,CAAAC,aAAA,CAACtK,IAAI,EAAA;AACDG,MAAAA,GAAG,EAAEmD,iBAAkB;AACvB9B,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXE,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,QAAQ,EAAEA,QAAS;AACnBsJ,MAAAA,OAAO,EAAEpE,uBAAwB;AACjCxE,MAAAA,SAAS,EAAEA,SAAAA;AAAU,KAAA,eAErB8H,KAAA,CAAAC,aAAA,CAACuB,gBAAgB,EAAA;AAACC,MAAAA,KAAK,EAAEpJ,aAAAA;AAAc,KAAA,EAOlCgI,gBAAgB,CAACpG,KAAK,EAAE,OAAO,EAAEf,cAAc,CAAC,EAChDmH,gBAAgB,CAACnG,OAAO,EAAE,SAAS,EAAEf,gBAAgB,CAAC,EACtDX,eAAe,KAAK,CAAC,IAAI6H,gBAAgB,CAAClG,OAAO,EAAE,SAAS,EAAEf,gBAAgB,CACjE,CAChB,CACK,CACb,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMsI,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEnM,cAAc;AACtBoM,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR5K,IAAAA,IAAI,EAAE;AACF6K,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD7K,IAAAA,IAAI,EAAE;AACF4K,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACD5K,IAAAA,QAAQ,EAAE;AACN0K,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACD5K,IAAAA,QAAQ,EAAE;AACNwK,MAAAA,GAAG,EAAEK,MAAW;AAChBD,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDE,EAAAA,QAAQ,EAAE;AACNlL,IAAAA,IAAI,EAAE,GAAG;AACTD,IAAAA,IAAI,EAAE,SAAA;AACV,GAAA;AACJ;;;;"}
|
@@ -0,0 +1,66 @@
|
|
1
|
+
import './TimePicker.styles_1veu5q1.css';
|
2
|
+
import { styled } from '@linaria/react';
|
3
|
+
import { tokens } from './TimePicker.tokens.js';
|
4
|
+
import { component, mergeConfig } from '../../engines/common.js';
|
5
|
+
import { popoverConfig } from '../Popover/Popover.js';
|
6
|
+
import { textFieldConfig } from '../TextField/TextField.js';
|
7
|
+
|
8
|
+
var mergedTextFieldConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
|
9
|
+
var TextField = /*#__PURE__*/component(mergedTextFieldConfig);
|
10
|
+
var mergedPopoverConfig = /*#__PURE__*/mergeConfig(popoverConfig);
|
11
|
+
var Popover = /*#__PURE__*/component(mergedPopoverConfig);
|
12
|
+
var _exp = function _exp() {
|
13
|
+
return Popover;
|
14
|
+
};
|
15
|
+
var StyledPopover = /*#__PURE__*/styled(_exp())({
|
16
|
+
name: "StyledPopover",
|
17
|
+
"class": "s8csojw",
|
18
|
+
propsAsIs: true
|
19
|
+
});
|
20
|
+
|
21
|
+
// NOTE: переопределение токенов TextField
|
22
|
+
var _exp2 = function _exp2() {
|
23
|
+
return TextField;
|
24
|
+
};
|
25
|
+
var StyledInput = /*#__PURE__*/styled(_exp2())({
|
26
|
+
name: "StyledInput",
|
27
|
+
"class": "s1ghbm1p",
|
28
|
+
propsAsIs: true
|
29
|
+
});
|
30
|
+
var base = "b19h9m1x";
|
31
|
+
var _exp156 = function _exp156() {
|
32
|
+
return function (_ref) {
|
33
|
+
var width = _ref.width;
|
34
|
+
return (width === 'fullWidth' ? "var(".concat(tokens.width, ")") : width) || "var(".concat(tokens.timePickerWidth, ")");
|
35
|
+
};
|
36
|
+
};
|
37
|
+
var StyledTimePicker = /*#__PURE__*/styled('div')({
|
38
|
+
name: "StyledTimePicker",
|
39
|
+
"class": "slnaiay",
|
40
|
+
propsAsIs: false,
|
41
|
+
vars: {
|
42
|
+
"slnaiay-0": [/*#__PURE__*/_exp156()]
|
43
|
+
}
|
44
|
+
});
|
45
|
+
var StyledTimeItem = /*#__PURE__*/styled('div')({
|
46
|
+
name: "StyledTimeItem",
|
47
|
+
"class": "sh0cawu",
|
48
|
+
propsAsIs: false
|
49
|
+
});
|
50
|
+
var _exp170 = function _exp170() {
|
51
|
+
return function (_ref2) {
|
52
|
+
var height = _ref2.height;
|
53
|
+
return height || "var(".concat(tokens.columnHeight, ")");
|
54
|
+
};
|
55
|
+
};
|
56
|
+
var StyledTimeColumn = /*#__PURE__*/styled('div')({
|
57
|
+
name: "StyledTimeColumn",
|
58
|
+
"class": "s15lrh1g",
|
59
|
+
propsAsIs: false,
|
60
|
+
vars: {
|
61
|
+
"s15lrh1g-0": [/*#__PURE__*/_exp170()]
|
62
|
+
}
|
63
|
+
});
|
64
|
+
|
65
|
+
export { StyledInput, StyledPopover, StyledTimeColumn, StyledTimeItem, StyledTimePicker, base };
|
66
|
+
//# sourceMappingURL=TimePicker.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TimePicker.styles.js","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { component, mergeConfig } from 'src/engines';\n\nimport { textFieldConfig, textFieldTokens } from '../TextField';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { classes, tokens } from './TimePicker.tokens';\n\nconst mergedTextFieldConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedTextFieldConfig);\n\nconst mergedPopoverConfig = mergeConfig(popoverConfig);\nconst Popover = component(mergedPopoverConfig);\n\nexport const StyledPopover = styled(Popover)<{ align?: 'left' | 'right'; width?: string | number }>``;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n width: 100%;\n\n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.placeholderColorFocus}: var(${tokens.textFieldPlaceholderColorFocus});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.focusColor}: var(${tokens.textFieldFocusColor});\n\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.borderColor});\n ${textFieldTokens.borderColorHover}: var(${tokens.borderColorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.borderColorFocus});\n\n ${textFieldTokens.colorReadOnly}: var(${tokens.textFieldColorReadOnly});\n ${textFieldTokens.backgroundColorReadOnly}: var(${tokens.textFieldBackgroundColorReadOnly});\n ${textFieldTokens.borderColorReadOnly}: var(${tokens.textFieldBorderColorReadOnly});\n ${textFieldTokens.placeholderColorReadOnly}: var(${tokens.textFieldPlaceholderColorReadOnly});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.borderWidth}: var(${tokens.textFieldBorderWidth});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.labelInnerPadding}: var(${tokens.labelInnerPadding});\n ${textFieldTokens.contentLabelInnerPadding}: var(${tokens.contentLabelInnerPadding});\n\n ${textFieldTokens.labelOffset}: var(${tokens.labelOffset});\n\n ${textFieldTokens.labelFontFamily}: var(${tokens.labelFontFamily});\n ${textFieldTokens.labelFontStyle}: var(${tokens.labelFontStyle});\n ${textFieldTokens.labelFontSize}: var(${tokens.labelFontSize});\n ${textFieldTokens.labelFontWeight}: var(${tokens.labelFontWeight});\n ${textFieldTokens.labelLetterSpacing}: var(${tokens.labelLetterSpacing});\n ${textFieldTokens.labelLineHeight}: var(${tokens.labelLineHeight});\n\n ${textFieldTokens.labelInnerFontFamily}: var(${tokens.labelInnerFontFamily});\n ${textFieldTokens.labelInnerFontSize}: var(${tokens.labelInnerFontSize});\n ${textFieldTokens.labelInnerFontStyle}: var(${tokens.labelInnerFontStyle});\n ${textFieldTokens.labelInnerFontWeight}: var(${tokens.labelInnerFontWeight});\n ${textFieldTokens.labelInnerLetterSpacing}: var(${tokens.labelInnerLetterSpacing});\n ${textFieldTokens.labelInnerLineHeight}: var(${tokens.labelInnerLineHeight});\n ${textFieldTokens.labelColorReadOnly}: var(${tokens.labelColorReadOnly});\n\n ${textFieldTokens.indicatorColor}: var(${tokens.indicatorColor});\n ${textFieldTokens.indicatorSizeInner}: var(${tokens.indicatorSize});\n ${textFieldTokens.indicatorSizeOuter}: var(${tokens.indicatorSizeOuter});\n ${textFieldTokens.indicatorLabelPlacementInner}: var(${tokens.indicatorPlacement});\n ${textFieldTokens.indicatorLabelPlacementOuter}: var(${tokens.indicatorOuterPlacement});\n ${textFieldTokens.indicatorLabelPlacementInnerRight}: var(${tokens.indicatorPlacementRight});\n ${textFieldTokens.indicatorLabelPlacementOuterRight}: var(${tokens.indicatorOuterPlacementRight});\n\n ${textFieldTokens.leftContentMargin}: var(${tokens.textFieldLeftContentMargin});\n ${textFieldTokens.rightContentMargin}: var(${tokens.textFieldRightContentMargin});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n \n ${textFieldTokens.textBeforeColor}: var(${tokens.textFieldTextBeforeColor});\n ${textFieldTokens.textAfterColor}: var(${tokens.textFieldTextAfterColor});\n ${textFieldTokens.textBeforeMargin}: var(${tokens.textFieldTextBeforeMargin});\n ${textFieldTokens.textAfterMargin}: var(${tokens.textFieldTextAfterMargin});\n ${textFieldTokens.contentSlotColor}: var(${tokens.textFieldContentSlotColor}, var(${tokens.textFieldColor}));\n ${textFieldTokens.contentSlotRightColor}: var(${tokens.textFieldContentRightSlotColor}, var(${textFieldTokens.contentSlotColor}));\n ${textFieldTokens.contentSlotRightColorHover}: var(${tokens.textFieldContentRightSlotColorHover}, var(${textFieldTokens.contentSlotRightColor}));\n\n &.${classes.timePickerError} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundErrorColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundErrorColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundErrorColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorError});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorErrorHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorErrorFocus});\n }\n\n &.${classes.timePickerSuccess} {\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundSuccessColor});\n ${textFieldTokens.backgroundColorHover}: var(${tokens.textFieldBackgroundSuccessColorHover});\n ${textFieldTokens.backgroundColorFocus}: var(${tokens.textFieldBackgroundSuccessColorFocus});\n \n ${textFieldTokens.borderColor}: var(${tokens.textFieldBorderColorSuccess});\n ${textFieldTokens.borderColorHover}: var(${tokens.textFieldBorderColorSuccessHover});\n ${textFieldTokens.borderColorFocus}: var(${tokens.textFieldBorderColorSuccessFocus});\n }\n`;\n\nexport const base = css`\n display: inline-block;\n width: var(${tokens.width});\n\n .${popoverClasses.wrapper}, .${popoverClasses.target} {\n width: inherit;\n }\n\n &.${classes.timePickerstretched} {\n width: 100%;\n\n .${popoverClasses.root} {\n width: 100%;\n }\n }\n\n &.${classes.timePickerFullWidth} {\n width: 100%;\n }\n`;\n\nexport const StyledTimePicker = styled.div<{ width?: string | number }>`\n background: var(${tokens.timePickerBackground});\n border-radius: var(${tokens.timePickerBorderRadius});\n width: ${({ width }) =>\n (width === 'fullWidth' ? `var(${tokens.width})` : width) || `var(${tokens.timePickerWidth})`};\n display: flex;\n padding: var(${tokens.timePickerPadding});\n flex: 1 1 1;\n box-sizing: border-box;\n position: relative;\n`;\n\nexport const StyledTimeItem = styled.div`\n height: var(${tokens.itemHeight});\n padding: var(${tokens.itemPadding});\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: 0.05s;\n border-radius: var(${tokens.itemBorderRadius});\n cursor: pointer;\n\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeight});\n letter-spacing: var(${tokens.itemLetterSpacing});\n line-height: var(${tokens.itemLineHeight});\n\n &:hover {\n background: var(${tokens.itemHoverBackground});\n }\n &.${classes.timeItemActive} {\n background: var(${tokens.itemActiveBackground});\n }\n`;\n\nexport const StyledTimeColumn = styled.div<{ height?: string | number }>`\n max-height: ${({ height }) => height || `var(${tokens.columnHeight})`};\n overflow-y: scroll;\n flex: 1;\n z-index: 3;\n padding: 0.063rem;\n box-sizing: border-box;\n\n &.${classes.timeColumnActive} {\n border: 0.125rem solid var(${tokens.itemHoverBackground});\n border-radius: var(${tokens.itemBorderRadius});\n }\n\n &::-webkit-scrollbar {\n width: 0.125rem;\n height: 0.125rem;\n }\n\n &::-webkit-scrollbar-track {\n background: var(--surface-transparent-primary);\n border-radius: 0.125rem;\n }\n\n &::-webkit-scrollbar-thumb {\n background: var(--surface-transparent-tertiary);\n border-radius: 0.125rem;\n }\n`;\n\nexport const StyledTimeItemEmpty = styled.div`\n height: calc(var(${tokens.columnHeight}) - var(${tokens.itemHeight}));\n`;\n\nexport const StyledSelectedTime = styled.div`\n height: var(${tokens.itemHeight});\n border-radius: var(${tokens.itemBorderRadius});\n position: absolute;\n top: var(${tokens.timePickerPadding});\n left: var(${tokens.timePickerPadding});\n right: var(${tokens.timePickerPadding});\n z-index: 2;\n\n &.${classes.timePickerActive} {\n background: var(${tokens.itemActiveBackground});\n }\n`;\n"],"names":["mergedTextFieldConfig","mergeConfig","textFieldConfig","TextField","component","mergedPopoverConfig","popoverConfig","Popover","_exp","StyledPopover","styled","name","class","propsAsIs","_exp2","StyledInput","base","_exp156","_ref","width","concat","tokens","timePickerWidth","StyledTimePicker","vars","StyledTimeItem","_exp170","_ref2","height","columnHeight","StyledTimeColumn"],"mappings":";;;;;;AASA,IAAMA,qBAAqB,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAC1D,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,qBAAqB,CAAC,CAAA;AAElD,IAAMK,mBAAmB,gBAAGJ,WAAW,CAACK,aAAa,CAAC,CAAA;AACtD,IAAMC,OAAO,gBAAGH,SAAS,CAACC,mBAAmB,CAAC,CAAA;AAAC,IAAAG,IAAA,GAZ7BA,SAY6BA,IAAAA,GAAA;AAAA,EAAA,OAEXD,OAAO,CAAA;AAAA,CAAA,CAAA;AAApC,IAAME,aAAa,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAkE,EAAA;;AAErG;AAAA,IAAAC,KAAA,GAhBkBA,SAgBlBA,KAAAA,GAAA;AAAA,EAAA,OACkCX,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMY,WAAW,gBAAGL,MAAM,CAAAI,KAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA8FhC,EAAA;AAEM,IAAMG,IAAI,GAmBhB,WAAA;AAAC,IAAAC,OAAA,GApIgBA,SAoIhBA,OAAAA,GAAA;AAAA,EAAA,OAKW,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;AAAAA,IAAAA,OACR,CAACA,KAAK,KAAK,WAAW,GAAAC,MAAAA,CAAAA,MAAA,CAAUC,MAAM,CAACF,KAAK,EAAA,GAAA,CAAA,GAAMA,KAAK,KAAAC,MAAAA,CAAAA,MAAA,CAAYC,MAAM,CAACC,eAAe,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJ7F,IAAMC,gBAAgB,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAW,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGzBP,OACuF,EAAA,CAAA;AAAA,GAAA;AAAA,CAMnG,EAAA;AAEM,IAAMQ,cAAc,gBAAGf,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAwBnC,EAAA;AAAC,IAAAa,OAAA,GA1KgBA,SA0KhBA,OAAAA,GAAA;AAAA,EAAA,OAGgB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAaA,MAAM,IAAAR,MAAAA,CAAAA,MAAA,CAAWC,MAAM,CAACQ,YAAY,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADlE,IAAMC,gBAAgB,gBAAGpB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAW,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACpBE,OAAuD,EAAA,CAAA;AAAA,GAAA;AAAA,CA0BxE;;;;"}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
|
2
|
+
.s1ghbm1p{width:100%;--plasma-textfield-color:var(--plasma-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-time-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-time-picker-textfield__content-color,var(--plasma-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.s1ghbm1p.plasma-time-picker-error{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-error-focus);}.s1ghbm1p.plasma-time-picker-success{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-success-focus);}
|
3
|
+
.b19h9m1x{display:inline-block;width:var(--plasma-time-picker-width);}.b19h9m1x .popover-wrapper,.b19h9m1x .popover-target{width:inherit;}.b19h9m1x.plasma-time-picker-stretched{width:100%;}.b19h9m1x.plasma-time-picker-stretched .popover-root{width:100%;}.b19h9m1x.plasma-time-picker-full-width{width:100%;}
|
4
|
+
.slnaiay{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);width:var(--slnaiay-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-ui-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;box-sizing:border-box;position:relative;}
|
5
|
+
.sh0cawu{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.sh0cawu:hover{background:var(--plasma-time-picker-item-hover-background);}.sh0cawu.plasma-time-picker-item-active{background:var(--plasma-time-picker-item-active-background);}
|
6
|
+
.s15lrh1g{max-height:var(--s15lrh1g-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;padding:0.063rem;box-sizing:border-box;}.s15lrh1g.plasma-time-picker-column-active{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.s15lrh1g::-webkit-scrollbar{width:0.125rem;height:0.125rem;}.s15lrh1g::-webkit-scrollbar-track{background:var(--surface-transparent-primary);border-radius:0.125rem;}.s15lrh1g::-webkit-scrollbar-thumb{background:var(--surface-transparent-tertiary);border-radius:0.125rem;}
|
7
|
+
.s18qymw0{height:calc(var(--plasma-time-picker-column-height) - var(--plasma-time-picker-item-height));}
|
8
|
+
.s1wgh6jw{height:var(--plasma-time-picker-item-height);border-radius:var(--plasma-time-picker-item-border-radius);position:absolute;top:var(--plasma-time-picker-ui-padding);left:var(--plasma-time-picker-ui-padding);right:var(--plasma-time-picker-ui-padding);z-index:2;}.s1wgh6jw.plasma-time-picker-active{background:var(--plasma-time-picker-item-active-background);}
|
@@ -0,0 +1,118 @@
|
|
1
|
+
var classes = {
|
2
|
+
timePickerstretched: 'plasma-time-picker-stretched',
|
3
|
+
timePickerSuccess: 'plasma-time-picker-success',
|
4
|
+
timePickerError: 'plasma-time-picker-error',
|
5
|
+
timePickerRoot: 'plasma-time-picker-root',
|
6
|
+
timeColumnLabel: 'plasma-time-picker-column-label',
|
7
|
+
timeItemActive: 'plasma-time-picker-item-active',
|
8
|
+
timePickerFullWidth: 'plasma-time-picker-full-width',
|
9
|
+
timePickerActive: 'plasma-time-picker-active',
|
10
|
+
timeColumnActive: 'plasma-time-picker-column-active'
|
11
|
+
};
|
12
|
+
var tokens = {
|
13
|
+
width: '--plasma-time-picker-width',
|
14
|
+
background: '--plasma-time-picker_range-background',
|
15
|
+
backgroundError: '--plasma-time-picker_range-background-error',
|
16
|
+
backgroundSuccess: '--plasma-time-picker_range-background-success',
|
17
|
+
backgroundReadOnly: '--plasma-time-picker_range-background-readonly',
|
18
|
+
borderRadius: '--plasma-time-picker_range-border-radius',
|
19
|
+
borderWidth: '--plasma-time-picker_range-border-width',
|
20
|
+
borderColor: '--plasma-time-picker_range-border-color',
|
21
|
+
borderColorHover: '--plasma-time-picker_range-border-color-hover',
|
22
|
+
borderColorFocus: '--plasma-time-picker_range-border-color-focus',
|
23
|
+
borderColorError: '--plasma-time-picker_range-border-color-error',
|
24
|
+
borderColorSuccess: '--plasma-time-picker_range-border-color-success',
|
25
|
+
leftContentMargin: '--plasma-time-picker_range__left-content-margin',
|
26
|
+
rightContentMargin: '--plasma-time-picker_range__right-content-margin',
|
27
|
+
labelColor: '--plasma-time-picker__label-color',
|
28
|
+
labelColorReadOnly: '--plasma-time-picker__label-color-readonly',
|
29
|
+
labelOffset: '--plasma-time-picker__label-offset',
|
30
|
+
labelFontFamily: '--plasma-time-picker__label-font-family',
|
31
|
+
labelFontStyle: '--plasma-time-picker__label-font-style',
|
32
|
+
labelFontSize: '--plasma-time-picker__label-font-size',
|
33
|
+
labelFontWeight: '--plasma-time-picker__label-font-weight',
|
34
|
+
labelLetterSpacing: '--plasma-time-picker__label-letter-spacing',
|
35
|
+
labelLineHeight: '--plasma-time-picker__label-line-height',
|
36
|
+
labelInnerFontFamily: '--plasma-time-picker-placement_inner__label-font-family',
|
37
|
+
labelInnerFontStyle: '--plasma-time-picker-placement_inner__label-font-style',
|
38
|
+
labelInnerFontSize: '--plasma-time-picker-placement_inner__label-font-size',
|
39
|
+
labelInnerFontWeight: '--plasma-time-picker-placement_inner__label-font-weight',
|
40
|
+
labelInnerLetterSpacing: '--plasma-time-picker-placement_inner__label-letter-spacing',
|
41
|
+
labelInnerLineHeight: '--plasma-time-picker-placement_inner__label-line-height',
|
42
|
+
labelInnerPadding: '--plasma-time-picker-placement_inner__label-padding',
|
43
|
+
contentLabelInnerPadding: '--plasma-time-picker-placement_inner__content-padding',
|
44
|
+
indicatorColor: '--plasma-time-picker__indicator-color',
|
45
|
+
indicatorSize: '--plasma-time-picker__indicator-size',
|
46
|
+
indicatorSizeOuter: '--plasma-time-picker__indicator-size-outer',
|
47
|
+
indicatorPlacement: '--plasma-time-picker__indicator-placement',
|
48
|
+
indicatorPlacementRight: '--plasma-time-picker__indicator-placement-right',
|
49
|
+
indicatorOuterPlacement: '--plasma-time-picker__indicator-placement-outer',
|
50
|
+
indicatorOuterPlacementRight: '--plasma-time-picker__indicator-placement-outer-right',
|
51
|
+
textFieldColor: '--plasma-time-picker-textfield-color',
|
52
|
+
textFieldPlaceholderColorFocus: '--plasma-timepicker-textfield__placeholder-color-focus',
|
53
|
+
textFieldFocusColor: '--plasma-time-picker-textfield-focus-color',
|
54
|
+
textFieldPlaceholderColor: '--plasma-time-picker-textfield-placeholder-color',
|
55
|
+
textFieldCaretColor: '--plasma-time-picker-textfield-caret-color',
|
56
|
+
textFieldBackgroundColor: '--plasma-time-picker-textfield-background-color',
|
57
|
+
textFieldBackgroundColorHover: '--plasma-time-picker-textfield-background-color-hover',
|
58
|
+
textFieldBackgroundColorFocus: '--plasma-time-picker-textfield-background-color-focus',
|
59
|
+
textFieldBackgroundErrorColor: '--plasma-time-picker-textfield-background-color-error',
|
60
|
+
textFieldBackgroundErrorColorHover: '--plasma-time-picker-textfield-background-color-error-hover',
|
61
|
+
textFieldBackgroundErrorColorFocus: '--plasma-time-picker-textfield-background-color-error-focus',
|
62
|
+
textFieldBackgroundSuccessColor: '--plasma-time-picker-textfield-background-color-success',
|
63
|
+
textFieldBackgroundSuccessColorHover: '--plasma-time-picker-textfield-background-color-success-hover',
|
64
|
+
textFieldBackgroundSuccessColorFocus: '--plasma-time-picker-textfield-background-color-success-focus',
|
65
|
+
textFieldBorderColor: '--plasma-time-picker-textfield-border-color',
|
66
|
+
textFieldBorderColorHover: '--plasma-time-picker-textfield-border-color-hover',
|
67
|
+
textFieldBorderColorFocus: '--plasma-time-picker-textfield-border-color-focus',
|
68
|
+
textFieldBorderColorError: '--plasma-time-picker-textfield-border-color-error',
|
69
|
+
textFieldBorderColorErrorHover: '--plasma-time-picker-textfield-border-color-error-hover',
|
70
|
+
textFieldBorderColorErrorFocus: '--plasma-time-picker-textfield-border-color-error-focus',
|
71
|
+
textFieldBorderColorSuccess: '--plasma-time-picker-textfield-border-color-success',
|
72
|
+
textFieldBorderColorSuccessHover: '--plasma-time-picker-textfield-border-color-success-hover',
|
73
|
+
textFieldBorderColorSuccessFocus: '--plasma-time-picker-textfield-border-color-success-focus',
|
74
|
+
textFieldColorReadOnly: '--plasma-time-picker-textfield-color-readonly',
|
75
|
+
textFieldBackgroundColorReadOnly: '--plasma-time-picker-textfield-background-color-readonly',
|
76
|
+
textFieldBorderColorReadOnly: '--plasma-time-picker-textfield-border-color-readonly',
|
77
|
+
textFieldPlaceholderColorReadOnly: '--plasma-time-picker-textfield-placeholder-color-readonly',
|
78
|
+
textFieldHeight: '--plasma-time-picker-textfield-height',
|
79
|
+
textFieldBorderWidth: '--plasma-time-picker-textfield-border-width',
|
80
|
+
textFieldBorderRadius: '--plasma-time-picker-textfield-border-radius',
|
81
|
+
textFieldPadding: '--plasma-time-picker-textfield-padding',
|
82
|
+
textFieldLeftContentMargin: '--plasma-time-picker-textfield__left-content-margin',
|
83
|
+
textFieldRightContentMargin: '--plasma-time-picker-textfield__right-content-margin',
|
84
|
+
textFieldFontFamily: '--plasma-time-picker-textfield-font-family',
|
85
|
+
textFieldFontStyle: '--plasma-time-picker-textfield-font-style',
|
86
|
+
textFieldFontSize: '--plasma-time-picker-textfield-font-size',
|
87
|
+
textFieldFontWeight: '--plasma-time-picker-textfield-font-weight',
|
88
|
+
textFieldLetterSpacing: '--plasma-time-picker-textfield-letter-spacing',
|
89
|
+
textFieldLineHeight: '--plasma-time-picker-textfield-line-height',
|
90
|
+
textFieldTextBeforeColor: '--plasma-time-picker-textfield__before-text-color',
|
91
|
+
textFieldTextAfterColor: '--plasma-time-picker-textfield__after-text-color',
|
92
|
+
textFieldTextBeforeMargin: '--plasma-time-picker-textfield__before-text-margin',
|
93
|
+
textFieldTextAfterMargin: '--plasma-time-picker-textfield__after-text-margin',
|
94
|
+
textFieldContentSlotColor: '--plasma-time-picker-textfield__content-color',
|
95
|
+
textFieldContentRightSlotColor: '--plasma-time-picker-textfield__content-right-color',
|
96
|
+
textFieldContentRightSlotColorHover: '--plasma-time-picker-textfield__content-right-color-hover',
|
97
|
+
/** Прозрачность для всего компонента в состоянии disabled */
|
98
|
+
disabledOpacity: '--plasma-time-picker-disabled-opacity',
|
99
|
+
timePickerBackground: '--plasma-time-picker-ui-background',
|
100
|
+
timePickerBorderRadius: '--plasma-time-picker-ui-border-radius',
|
101
|
+
timePickerWidth: '--plasma-time-picker-ui-width',
|
102
|
+
timePickerPadding: '--plasma-time-picker-ui-padding',
|
103
|
+
columnHeight: '--plasma-time-picker-column-height',
|
104
|
+
itemHeight: '--plasma-time-picker-item-height',
|
105
|
+
itemBorderRadius: '--plasma-time-picker-item-border-radius',
|
106
|
+
itemPadding: '--plasma-time-picker-item-padding',
|
107
|
+
itemHoverBackground: '--plasma-time-picker-item-hover-background',
|
108
|
+
itemActiveBackground: '--plasma-time-picker-item-active-background',
|
109
|
+
itemFontFamily: '--plasma-time-picker-item-font-family',
|
110
|
+
itemFontStyle: '--plasma-time-picker-item-font-style',
|
111
|
+
itemFontSize: '--plasma-time-picker-item-font-size',
|
112
|
+
itemFontWeight: '--plasma-time-picker-item-font-weight',
|
113
|
+
itemLetterSpacing: '--plasma-time-picker-item-letter-spacing',
|
114
|
+
itemLineHeight: '--plasma-time-picker-item-line-height'
|
115
|
+
};
|
116
|
+
|
117
|
+
export { classes, tokens };
|
118
|
+
//# sourceMappingURL=TimePicker.tokens.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TimePicker.tokens.js","sources":["../../../src/components/TimePicker/TimePicker.tokens.ts"],"sourcesContent":["export const classes = {\n timePickerstretched: 'plasma-time-picker-stretched',\n timePickerSuccess: 'plasma-time-picker-success',\n timePickerError: 'plasma-time-picker-error',\n timePickerRoot: 'plasma-time-picker-root',\n timeColumnLabel: 'plasma-time-picker-column-label',\n timeItemActive: 'plasma-time-picker-item-active',\n timePickerFullWidth: 'plasma-time-picker-full-width',\n timePickerActive: 'plasma-time-picker-active',\n timeColumnActive: 'plasma-time-picker-column-active',\n};\n\nexport const tokens = {\n width: '--plasma-time-picker-width',\n\n background: '--plasma-time-picker_range-background',\n backgroundError: '--plasma-time-picker_range-background-error',\n backgroundSuccess: '--plasma-time-picker_range-background-success',\n backgroundReadOnly: '--plasma-time-picker_range-background-readonly',\n borderRadius: '--plasma-time-picker_range-border-radius',\n borderWidth: '--plasma-time-picker_range-border-width',\n borderColor: '--plasma-time-picker_range-border-color',\n borderColorHover: '--plasma-time-picker_range-border-color-hover',\n borderColorFocus: '--plasma-time-picker_range-border-color-focus',\n borderColorError: '--plasma-time-picker_range-border-color-error',\n borderColorSuccess: '--plasma-time-picker_range-border-color-success',\n\n leftContentMargin: '--plasma-time-picker_range__left-content-margin',\n rightContentMargin: '--plasma-time-picker_range__right-content-margin',\n\n labelColor: '--plasma-time-picker__label-color',\n labelColorReadOnly: '--plasma-time-picker__label-color-readonly',\n labelOffset: '--plasma-time-picker__label-offset',\n\n labelFontFamily: '--plasma-time-picker__label-font-family',\n labelFontStyle: '--plasma-time-picker__label-font-style',\n labelFontSize: '--plasma-time-picker__label-font-size',\n labelFontWeight: '--plasma-time-picker__label-font-weight',\n labelLetterSpacing: '--plasma-time-picker__label-letter-spacing',\n labelLineHeight: '--plasma-time-picker__label-line-height',\n\n labelInnerFontFamily: '--plasma-time-picker-placement_inner__label-font-family',\n labelInnerFontStyle: '--plasma-time-picker-placement_inner__label-font-style',\n labelInnerFontSize: '--plasma-time-picker-placement_inner__label-font-size',\n labelInnerFontWeight: '--plasma-time-picker-placement_inner__label-font-weight',\n labelInnerLetterSpacing: '--plasma-time-picker-placement_inner__label-letter-spacing',\n labelInnerLineHeight: '--plasma-time-picker-placement_inner__label-line-height',\n\n labelInnerPadding: '--plasma-time-picker-placement_inner__label-padding',\n contentLabelInnerPadding: '--plasma-time-picker-placement_inner__content-padding',\n\n indicatorColor: '--plasma-time-picker__indicator-color',\n\n indicatorSize: '--plasma-time-picker__indicator-size',\n indicatorSizeOuter: '--plasma-time-picker__indicator-size-outer',\n indicatorPlacement: '--plasma-time-picker__indicator-placement',\n indicatorPlacementRight: '--plasma-time-picker__indicator-placement-right',\n indicatorOuterPlacement: '--plasma-time-picker__indicator-placement-outer',\n indicatorOuterPlacementRight: '--plasma-time-picker__indicator-placement-outer-right',\n\n textFieldColor: '--plasma-time-picker-textfield-color',\n textFieldPlaceholderColorFocus: '--plasma-timepicker-textfield__placeholder-color-focus',\n textFieldFocusColor: '--plasma-time-picker-textfield-focus-color',\n textFieldPlaceholderColor: '--plasma-time-picker-textfield-placeholder-color',\n textFieldCaretColor: '--plasma-time-picker-textfield-caret-color',\n\n textFieldBackgroundColor: '--plasma-time-picker-textfield-background-color',\n textFieldBackgroundColorHover: '--plasma-time-picker-textfield-background-color-hover',\n textFieldBackgroundColorFocus: '--plasma-time-picker-textfield-background-color-focus',\n textFieldBackgroundErrorColor: '--plasma-time-picker-textfield-background-color-error',\n textFieldBackgroundErrorColorHover: '--plasma-time-picker-textfield-background-color-error-hover',\n textFieldBackgroundErrorColorFocus: '--plasma-time-picker-textfield-background-color-error-focus',\n textFieldBackgroundSuccessColor: '--plasma-time-picker-textfield-background-color-success',\n textFieldBackgroundSuccessColorHover: '--plasma-time-picker-textfield-background-color-success-hover',\n textFieldBackgroundSuccessColorFocus: '--plasma-time-picker-textfield-background-color-success-focus',\n\n textFieldBorderColor: '--plasma-time-picker-textfield-border-color',\n textFieldBorderColorHover: '--plasma-time-picker-textfield-border-color-hover',\n textFieldBorderColorFocus: '--plasma-time-picker-textfield-border-color-focus',\n textFieldBorderColorError: '--plasma-time-picker-textfield-border-color-error',\n textFieldBorderColorErrorHover: '--plasma-time-picker-textfield-border-color-error-hover',\n textFieldBorderColorErrorFocus: '--plasma-time-picker-textfield-border-color-error-focus',\n textFieldBorderColorSuccess: '--plasma-time-picker-textfield-border-color-success',\n textFieldBorderColorSuccessHover: '--plasma-time-picker-textfield-border-color-success-hover',\n textFieldBorderColorSuccessFocus: '--plasma-time-picker-textfield-border-color-success-focus',\n\n textFieldColorReadOnly: '--plasma-time-picker-textfield-color-readonly',\n textFieldBackgroundColorReadOnly: '--plasma-time-picker-textfield-background-color-readonly',\n textFieldBorderColorReadOnly: '--plasma-time-picker-textfield-border-color-readonly',\n textFieldPlaceholderColorReadOnly: '--plasma-time-picker-textfield-placeholder-color-readonly',\n\n textFieldHeight: '--plasma-time-picker-textfield-height',\n textFieldBorderWidth: '--plasma-time-picker-textfield-border-width',\n textFieldBorderRadius: '--plasma-time-picker-textfield-border-radius',\n textFieldPadding: '--plasma-time-picker-textfield-padding',\n textFieldLeftContentMargin: '--plasma-time-picker-textfield__left-content-margin',\n textFieldRightContentMargin: '--plasma-time-picker-textfield__right-content-margin',\n textFieldFontFamily: '--plasma-time-picker-textfield-font-family',\n textFieldFontStyle: '--plasma-time-picker-textfield-font-style',\n textFieldFontSize: '--plasma-time-picker-textfield-font-size',\n textFieldFontWeight: '--plasma-time-picker-textfield-font-weight',\n textFieldLetterSpacing: '--plasma-time-picker-textfield-letter-spacing',\n textFieldLineHeight: '--plasma-time-picker-textfield-line-height',\n\n textFieldTextBeforeColor: '--plasma-time-picker-textfield__before-text-color',\n textFieldTextAfterColor: '--plasma-time-picker-textfield__after-text-color',\n textFieldTextBeforeMargin: '--plasma-time-picker-textfield__before-text-margin',\n textFieldTextAfterMargin: '--plasma-time-picker-textfield__after-text-margin',\n textFieldContentSlotColor: '--plasma-time-picker-textfield__content-color',\n textFieldContentRightSlotColor: '--plasma-time-picker-textfield__content-right-color',\n textFieldContentRightSlotColorHover: '--plasma-time-picker-textfield__content-right-color-hover',\n\n /** Прозрачность для всего компонента в состоянии disabled */\n disabledOpacity: '--plasma-time-picker-disabled-opacity',\n\n timePickerBackground: '--plasma-time-picker-ui-background',\n timePickerBorderRadius: '--plasma-time-picker-ui-border-radius',\n timePickerWidth: '--plasma-time-picker-ui-width',\n timePickerPadding: '--plasma-time-picker-ui-padding',\n\n columnHeight: '--plasma-time-picker-column-height',\n\n itemHeight: '--plasma-time-picker-item-height',\n itemBorderRadius: '--plasma-time-picker-item-border-radius',\n itemPadding: '--plasma-time-picker-item-padding',\n itemHoverBackground: '--plasma-time-picker-item-hover-background',\n itemActiveBackground: '--plasma-time-picker-item-active-background',\n\n itemFontFamily: '--plasma-time-picker-item-font-family',\n itemFontStyle: '--plasma-time-picker-item-font-style',\n itemFontSize: '--plasma-time-picker-item-font-size',\n itemFontWeight: '--plasma-time-picker-item-font-weight',\n itemLetterSpacing: '--plasma-time-picker-item-letter-spacing',\n itemLineHeight: '--plasma-time-picker-item-line-height',\n};\n"],"names":["classes","timePickerstretched","timePickerSuccess","timePickerError","timePickerRoot","timeColumnLabel","timeItemActive","timePickerFullWidth","timePickerActive","timeColumnActive","tokens","width","background","backgroundError","backgroundSuccess","backgroundReadOnly","borderRadius","borderWidth","borderColor","borderColorHover","borderColorFocus","borderColorError","borderColorSuccess","leftContentMargin","rightContentMargin","labelColor","labelColorReadOnly","labelOffset","labelFontFamily","labelFontStyle","labelFontSize","labelFontWeight","labelLetterSpacing","labelLineHeight","labelInnerFontFamily","labelInnerFontStyle","labelInnerFontSize","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerPadding","contentLabelInnerPadding","indicatorColor","indicatorSize","indicatorSizeOuter","indicatorPlacement","indicatorPlacementRight","indicatorOuterPlacement","indicatorOuterPlacementRight","textFieldColor","textFieldPlaceholderColorFocus","textFieldFocusColor","textFieldPlaceholderColor","textFieldCaretColor","textFieldBackgroundColor","textFieldBackgroundColorHover","textFieldBackgroundColorFocus","textFieldBackgroundErrorColor","textFieldBackgroundErrorColorHover","textFieldBackgroundErrorColorFocus","textFieldBackgroundSuccessColor","textFieldBackgroundSuccessColorHover","textFieldBackgroundSuccessColorFocus","textFieldBorderColor","textFieldBorderColorHover","textFieldBorderColorFocus","textFieldBorderColorError","textFieldBorderColorErrorHover","textFieldBorderColorErrorFocus","textFieldBorderColorSuccess","textFieldBorderColorSuccessHover","textFieldBorderColorSuccessFocus","textFieldColorReadOnly","textFieldBackgroundColorReadOnly","textFieldBorderColorReadOnly","textFieldPlaceholderColorReadOnly","textFieldHeight","textFieldBorderWidth","textFieldBorderRadius","textFieldPadding","textFieldLeftContentMargin","textFieldRightContentMargin","textFieldFontFamily","textFieldFontStyle","textFieldFontSize","textFieldFontWeight","textFieldLetterSpacing","textFieldLineHeight","textFieldTextBeforeColor","textFieldTextAfterColor","textFieldTextBeforeMargin","textFieldTextAfterMargin","textFieldContentSlotColor","textFieldContentRightSlotColor","textFieldContentRightSlotColorHover","disabledOpacity","timePickerBackground","timePickerBorderRadius","timePickerWidth","timePickerPadding","columnHeight","itemHeight","itemBorderRadius","itemPadding","itemHoverBackground","itemActiveBackground","itemFontFamily","itemFontStyle","itemFontSize","itemFontWeight","itemLetterSpacing","itemLineHeight"],"mappings":"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"}
|
@@ -0,0 +1,34 @@
|
|
1
|
+
var useKeyNavigation = function useKeyNavigation(_ref) {
|
2
|
+
var isCalendarOpen = _ref.isCalendarOpen,
|
3
|
+
closeOnEsc = _ref.closeOnEsc,
|
4
|
+
format = _ref.format,
|
5
|
+
maskWithFormat = _ref.maskWithFormat,
|
6
|
+
delimiter = _ref.delimiter,
|
7
|
+
onToggle = _ref.onToggle;
|
8
|
+
var onKeyDown = function onKeyDown(event) {
|
9
|
+
if (event.key === delimiter && maskWithFormat && format) {
|
10
|
+
event.preventDefault();
|
11
|
+
return;
|
12
|
+
}
|
13
|
+
switch (event.code) {
|
14
|
+
case 'Space':
|
15
|
+
if (!isCalendarOpen) {
|
16
|
+
event.preventDefault();
|
17
|
+
onToggle(true, event);
|
18
|
+
}
|
19
|
+
break;
|
20
|
+
case 'Escape':
|
21
|
+
if (isCalendarOpen && closeOnEsc) {
|
22
|
+
event.preventDefault();
|
23
|
+
onToggle(false, event);
|
24
|
+
}
|
25
|
+
break;
|
26
|
+
}
|
27
|
+
};
|
28
|
+
return {
|
29
|
+
onKeyDown: onKeyDown
|
30
|
+
};
|
31
|
+
};
|
32
|
+
|
33
|
+
export { useKeyNavigation };
|
34
|
+
//# sourceMappingURL=useKeyboardNavigation.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/TimePicker/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import type { KeyboardEvent, SyntheticEvent } from 'react';\n\ninterface UseKeyNavigationProps {\n isCalendarOpen: boolean;\n closeOnEsc: boolean;\n delimiter: string;\n format?: string;\n maskWithFormat?: boolean;\n onToggle: (isOpen: boolean, event: SyntheticEvent | Event) => void;\n}\n\nexport const useKeyNavigation = ({\n isCalendarOpen,\n closeOnEsc,\n format,\n maskWithFormat,\n delimiter,\n onToggle,\n}: UseKeyNavigationProps) => {\n const onKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n if (event.key === delimiter && maskWithFormat && format) {\n event.preventDefault();\n return;\n }\n\n switch (event.code) {\n case 'Space':\n if (!isCalendarOpen) {\n event.preventDefault();\n onToggle(true, event);\n }\n break;\n case 'Escape':\n if (isCalendarOpen && closeOnEsc) {\n event.preventDefault();\n onToggle(false, event);\n }\n break;\n default:\n break;\n }\n };\n\n return { onKeyDown };\n};\n"],"names":["useKeyNavigation","_ref","isCalendarOpen","closeOnEsc","format","maskWithFormat","delimiter","onToggle","onKeyDown","event","key","preventDefault","code"],"mappings":"IAWaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAOA;AAAA,EAAA,IANzBC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IACdC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,QAAQ,GAAAN,IAAA,CAARM,QAAQ,CAAA;AAER,EAAA,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAAsC,EAAK;IAC1D,IAAIA,KAAK,CAACC,GAAG,KAAKJ,SAAS,IAAID,cAAc,IAAID,MAAM,EAAE;MACrDK,KAAK,CAACE,cAAc,EAAE,CAAA;AACtB,MAAA,OAAA;AACJ,KAAA;IAEA,QAAQF,KAAK,CAACG,IAAI;AACd,MAAA,KAAK,OAAO;QACR,IAAI,CAACV,cAAc,EAAE;UACjBO,KAAK,CAACE,cAAc,EAAE,CAAA;AACtBJ,UAAAA,QAAQ,CAAC,IAAI,EAAEE,KAAK,CAAC,CAAA;AACzB,SAAA;AACA,QAAA,MAAA;AACJ,MAAA,KAAK,QAAQ;QACT,IAAIP,cAAc,IAAIC,UAAU,EAAE;UAC9BM,KAAK,CAACE,cAAc,EAAE,CAAA;AACtBJ,UAAAA,QAAQ,CAAC,KAAK,EAAEE,KAAK,CAAC,CAAA;AAC1B,SAAA;AACA,QAAA,MAAA;AAGR,KAAA;GACH,CAAA;EAED,OAAO;AAAED,IAAAA,SAAS,EAATA,SAAAA;GAAW,CAAA;AACxB;;;;"}
|
@@ -0,0 +1,134 @@
|
|
1
|
+
var range = function range(number) {
|
2
|
+
var padLength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
|
3
|
+
return Array.from({
|
4
|
+
length: number
|
5
|
+
}, function (_, i) {
|
6
|
+
return i.toString().padStart(padLength, '0');
|
7
|
+
});
|
8
|
+
};
|
9
|
+
var normalizeTimeSegment = function normalizeTimeSegment(type, input) {
|
10
|
+
var max = type === 'HH' ? 23 : 59;
|
11
|
+
var digits = input.replace(/\D/g, '');
|
12
|
+
if (!digits) return {
|
13
|
+
text: '',
|
14
|
+
value: null,
|
15
|
+
carryover: ''
|
16
|
+
};
|
17
|
+
if (digits.length === 1) {
|
18
|
+
var num = parseInt(digits, 10);
|
19
|
+
if (Math.floor(max / 10) < num) {
|
20
|
+
return {
|
21
|
+
text: num.toString().padStart(2, '0'),
|
22
|
+
value: num,
|
23
|
+
carryover: ''
|
24
|
+
};
|
25
|
+
}
|
26
|
+
if (num <= max) {
|
27
|
+
return {
|
28
|
+
text: digits,
|
29
|
+
value: num,
|
30
|
+
carryover: ''
|
31
|
+
};
|
32
|
+
}
|
33
|
+
return {
|
34
|
+
text: max.toString().padStart(2, '0'),
|
35
|
+
value: max,
|
36
|
+
carryover: ''
|
37
|
+
};
|
38
|
+
}
|
39
|
+
var number = parseInt(digits, 10);
|
40
|
+
if (Number.isNaN(number)) return {
|
41
|
+
text: '',
|
42
|
+
value: null,
|
43
|
+
carryover: ''
|
44
|
+
};
|
45
|
+
if (number <= max) {
|
46
|
+
return {
|
47
|
+
text: digits.padStart(2, '0'),
|
48
|
+
value: number,
|
49
|
+
carryover: ''
|
50
|
+
};
|
51
|
+
}
|
52
|
+
var firstDigit = parseInt(digits[0], 10);
|
53
|
+
var secondDigit = parseInt(digits[1], 10);
|
54
|
+
if (firstDigit <= max) {
|
55
|
+
return {
|
56
|
+
text: firstDigit.toString().padStart(2, '0'),
|
57
|
+
value: firstDigit,
|
58
|
+
carryover: secondDigit.toString()
|
59
|
+
};
|
60
|
+
}
|
61
|
+
return {
|
62
|
+
text: max.toString().padStart(2, '0'),
|
63
|
+
value: max,
|
64
|
+
carryover: digits.slice(1)
|
65
|
+
};
|
66
|
+
};
|
67
|
+
var processTimeInput = function processTimeInput(input) {
|
68
|
+
var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'HH:mm:ss';
|
69
|
+
var cursorPosition = arguments.length > 2 ? arguments[2] : undefined;
|
70
|
+
var digits = input.replace(/\D/g, '');
|
71
|
+
var tokens = format.split(':');
|
72
|
+
var values = {
|
73
|
+
hh: null,
|
74
|
+
mm: null,
|
75
|
+
ss: null
|
76
|
+
};
|
77
|
+
var segments = [];
|
78
|
+
var digitIndex = 0;
|
79
|
+
var carryover = '';
|
80
|
+
var newCursorPosition = cursorPosition !== null && cursorPosition !== void 0 ? cursorPosition : 0;
|
81
|
+
tokens.forEach(function (token, index) {
|
82
|
+
var segmentDigits = digits.slice(digitIndex, digitIndex + 2);
|
83
|
+
digitIndex += segmentDigits.length;
|
84
|
+
if (carryover) {
|
85
|
+
segmentDigits = carryover + segmentDigits;
|
86
|
+
carryover = '';
|
87
|
+
}
|
88
|
+
var normalized = normalizeTimeSegment(token, segmentDigits);
|
89
|
+
carryover = normalized.carryover;
|
90
|
+
values[token.toLowerCase()] = normalized.value;
|
91
|
+
segments.push(normalized.text);
|
92
|
+
if (carryover && index === tokens.length - 1) {
|
93
|
+
carryover = '';
|
94
|
+
}
|
95
|
+
});
|
96
|
+
var innerString = segments[0];
|
97
|
+
if (segments.length > 1 && segments[1]) {
|
98
|
+
innerString += ":".concat(segments[1]);
|
99
|
+
}
|
100
|
+
if (format === 'HH:mm:ss' && segments.length > 2 && segments[2]) {
|
101
|
+
innerString += ":".concat(segments[2]);
|
102
|
+
}
|
103
|
+
if (innerString.length - 2 <= newCursorPosition) {
|
104
|
+
newCursorPosition += innerString.length - newCursorPosition;
|
105
|
+
}
|
106
|
+
return {
|
107
|
+
innerString: innerString,
|
108
|
+
values: values,
|
109
|
+
newCursorPosition: newCursorPosition
|
110
|
+
};
|
111
|
+
};
|
112
|
+
var animateScrollTo = function animateScrollTo(element, targetScrollTop) {
|
113
|
+
var duration = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 300;
|
114
|
+
var startScrollTop = element.scrollTop;
|
115
|
+
var distance = targetScrollTop - startScrollTop;
|
116
|
+
var startTime = null;
|
117
|
+
var animate = function animate(currentTime) {
|
118
|
+
if (!startTime) startTime = currentTime;
|
119
|
+
var timeElapsed = currentTime - startTime;
|
120
|
+
var progress = Math.min(timeElapsed / duration, 1);
|
121
|
+
var easeOut = function easeOut(t) {
|
122
|
+
return 1 - Math.pow(1 - t, 3);
|
123
|
+
};
|
124
|
+
var scrollPosition = startScrollTop + distance * easeOut(progress);
|
125
|
+
element.scrollTop = scrollPosition;
|
126
|
+
if (timeElapsed < duration) {
|
127
|
+
requestAnimationFrame(animate);
|
128
|
+
}
|
129
|
+
};
|
130
|
+
requestAnimationFrame(animate);
|
131
|
+
};
|
132
|
+
|
133
|
+
export { animateScrollTo, normalizeTimeSegment, processTimeInput, range };
|
134
|
+
//# sourceMappingURL=index.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/TimePicker/utils/index.ts"],"sourcesContent":["export interface TimeValues {\n hh: number | null;\n mm: number | null;\n ss: number | null;\n}\n\nexport interface NormalizedSegment {\n text: string;\n value: number | null;\n carryover: string;\n}\n\nexport const range = (number: number, padLength = 2): string[] => {\n return Array.from({ length: number }, (_, i) => i.toString().padStart(padLength, '0'));\n};\n\nexport const normalizeTimeSegment = (type: 'HH' | 'mm' | 'ss', input: string): NormalizedSegment => {\n const max = type === 'HH' ? 23 : 59;\n const digits = input.replace(/\\D/g, '');\n\n if (!digits) return { text: '', value: null, carryover: '' };\n\n if (digits.length === 1) {\n const num = parseInt(digits, 10);\n\n if (Math.floor(max / 10) < num) {\n return {\n text: num.toString().padStart(2, '0'),\n value: num,\n carryover: '',\n };\n }\n if (num <= max) {\n return {\n text: digits,\n value: num,\n carryover: '',\n };\n }\n\n return {\n text: max.toString().padStart(2, '0'),\n value: max,\n carryover: '',\n };\n }\n\n const number = parseInt(digits, 10);\n if (Number.isNaN(number)) return { text: '', value: null, carryover: '' };\n\n if (number <= max) {\n return {\n text: digits.padStart(2, '0'),\n value: number,\n carryover: '',\n };\n }\n\n const firstDigit = parseInt(digits[0], 10);\n const secondDigit = parseInt(digits[1], 10);\n\n if (firstDigit <= max) {\n return {\n text: firstDigit.toString().padStart(2, '0'),\n value: firstDigit,\n carryover: secondDigit.toString(),\n };\n }\n\n return {\n text: max.toString().padStart(2, '0'),\n value: max,\n carryover: digits.slice(1),\n };\n};\n\nexport const processTimeInput = (\n input: string,\n format: 'HH:mm' | 'HH:mm:ss' = 'HH:mm:ss',\n cursorPosition: number | null,\n): { innerString: string; values: TimeValues; newCursorPosition: number | null } => {\n const digits = input.replace(/\\D/g, '');\n const tokens = format.split(':') as ('HH' | 'mm' | 'ss')[];\n\n const values: TimeValues = { hh: null, mm: null, ss: null };\n const segments: string[] = [];\n let digitIndex = 0;\n let carryover = '';\n let newCursorPosition = cursorPosition ?? 0;\n\n tokens.forEach((token, index) => {\n let segmentDigits = digits.slice(digitIndex, digitIndex + 2);\n digitIndex += segmentDigits.length;\n\n if (carryover) {\n segmentDigits = carryover + segmentDigits;\n carryover = '';\n }\n\n const normalized = normalizeTimeSegment(token, segmentDigits);\n carryover = normalized.carryover;\n\n values[token.toLowerCase() as keyof TimeValues] = normalized.value;\n segments.push(normalized.text);\n\n if (carryover && index === tokens.length - 1) {\n carryover = '';\n }\n });\n\n let innerString = segments[0];\n\n if (segments.length > 1 && segments[1]) {\n innerString += `:${segments[1]}`;\n }\n\n if (format === 'HH:mm:ss' && segments.length > 2 && segments[2]) {\n innerString += `:${segments[2]}`;\n }\n\n if (innerString.length - 2 <= newCursorPosition) {\n newCursorPosition += innerString.length - newCursorPosition;\n }\n\n return { innerString, values, newCursorPosition };\n};\n\nexport const animateScrollTo = (element: HTMLDivElement, targetScrollTop: number, duration = 300) => {\n const startScrollTop = element.scrollTop;\n const distance = targetScrollTop - startScrollTop;\n let startTime: number | null = null;\n\n const animate = (currentTime: number) => {\n if (!startTime) startTime = currentTime;\n const timeElapsed = currentTime - startTime;\n const progress = Math.min(timeElapsed / duration, 1);\n\n const easeOut = (t: number) => 1 - (1 - t) ** 3;\n const scrollPosition = startScrollTop + distance * easeOut(progress);\n\n element.scrollTop = scrollPosition;\n\n if (timeElapsed < duration) {\n requestAnimationFrame(animate);\n }\n };\n\n requestAnimationFrame(animate);\n};\n"],"names":["range","number","padLength","arguments","length","undefined","Array","from","_","i","toString","padStart","normalizeTimeSegment","type","input","max","digits","replace","text","value","carryover","num","parseInt","Math","floor","Number","isNaN","firstDigit","secondDigit","slice","processTimeInput","format","cursorPosition","tokens","split","values","hh","mm","ss","segments","digitIndex","newCursorPosition","forEach","token","index","segmentDigits","normalized","toLowerCase","push","innerString","concat","animateScrollTo","element","targetScrollTop","duration","startScrollTop","scrollTop","distance","startTime","animate","currentTime","timeElapsed","progress","min","easeOut","t","pow","scrollPosition","requestAnimationFrame"],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TimePicker/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../TimePicker.tokens';\n\nexport const base = css`\n &[disabled] {\n opacity: var(${tokens.disabledOpacity});\n cursor: not-allowed;\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAKhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.bxyi89k[disabled]{opacity:var(--plasma-time-picker-disabled-opacity);cursor:not-allowed;}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/TimePicker/variations/_readonly/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css`\n &[readonly] {\n cursor: not-allowed;\n }\n`;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAIhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b13m44ib[readonly]{cursor:not-allowed;}
|