@appquality/unguess-design-system 4.0.45 → 4.0.47

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/CHANGELOG.md CHANGED
@@ -1,3 +1,33 @@
1
+ # v4.0.47 (Fri Aug 01 2025)
2
+
3
+ #### 🐛 Bug Fix
4
+
5
+ - merge break word fixes [#542](https://github.com/AppQuality/unguess-design-system/pull/542) ([@Kariamos](https://github.com/Kariamos) [@iacopolea](https://github.com/iacopolea))
6
+ - fix: Remove unnecessary whitespace property from styled components [#543](https://github.com/AppQuality/unguess-design-system/pull/543) ([@Kariamos](https://github.com/Kariamos))
7
+ - UN-1614: Update Drawer body component to break long words and avoid overflow [#541](https://github.com/AppQuality/unguess-design-system/pull/541) ([@Kariamos](https://github.com/Kariamos))
8
+ - UN-1612 fix long words in cards [#540](https://github.com/AppQuality/unguess-design-system/pull/540) ([@Kariamos](https://github.com/Kariamos))
9
+
10
+ #### Authors: 2
11
+
12
+ - Iacopo Leardini ([@iacopolea](https://github.com/iacopolea))
13
+ - Marco ([@Kariamos](https://github.com/Kariamos))
14
+
15
+ ---
16
+
17
+ # v4.0.46 (Tue Jul 15 2025)
18
+
19
+ #### 🐛 Bug Fix
20
+
21
+ - Player fixes [#539](https://github.com/AppQuality/unguess-design-system/pull/539) ([@Kariamos](https://github.com/Kariamos) [@cannarocks](https://github.com/cannarocks))
22
+ - UN-644: add tooltip placement and appendToNode prop [#534](https://github.com/AppQuality/unguess-design-system/pull/534) ([@Kariamos](https://github.com/Kariamos))
23
+
24
+ #### Authors: 2
25
+
26
+ - Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
27
+ - Marco ([@Kariamos](https://github.com/Kariamos))
28
+
29
+ ---
30
+
1
31
  # v4.0.45 (Fri Jul 11 2025)
2
32
 
3
33
  #### 🐛 Bug Fix
package/build/index.d.ts CHANGED
@@ -1811,7 +1811,276 @@ export { DraggableList }
1811
1811
  export declare const Drawer: {
1812
1812
  (props: DrawerArgs): JSX_2.Element;
1813
1813
  Header: ForwardRefExoticComponent<IDrawerModalHeaderProps & RefAttributes<HTMLDivElement>>;
1814
- Body: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
1814
+ Body: IStyledComponent<"web", {
1815
+ style?: CSSProperties | undefined;
1816
+ defaultChecked?: boolean | undefined;
1817
+ defaultValue?: string | number | readonly string[] | undefined;
1818
+ suppressContentEditableWarning?: boolean | undefined;
1819
+ suppressHydrationWarning?: boolean | undefined;
1820
+ accessKey?: string | undefined;
1821
+ autoFocus?: boolean | undefined;
1822
+ className?: string | undefined;
1823
+ contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
1824
+ contextMenu?: string | undefined;
1825
+ dir?: string | undefined;
1826
+ draggable?: (boolean | "true" | "false") | undefined;
1827
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
1828
+ hidden?: boolean | undefined;
1829
+ id?: string | undefined;
1830
+ lang?: string | undefined;
1831
+ nonce?: string | undefined;
1832
+ slot?: string | undefined;
1833
+ spellCheck?: (boolean | "true" | "false") | undefined;
1834
+ tabIndex?: number | undefined;
1835
+ title?: string | undefined;
1836
+ translate?: "yes" | "no" | undefined;
1837
+ radioGroup?: string | undefined;
1838
+ role?: AriaRole | undefined;
1839
+ about?: string | undefined;
1840
+ content?: string | undefined;
1841
+ datatype?: string | undefined;
1842
+ inlist?: any;
1843
+ prefix?: string | undefined;
1844
+ property?: string | undefined;
1845
+ rel?: string | undefined;
1846
+ resource?: string | undefined;
1847
+ rev?: string | undefined;
1848
+ typeof?: string | undefined;
1849
+ vocab?: string | undefined;
1850
+ autoCapitalize?: string | undefined;
1851
+ autoCorrect?: string | undefined;
1852
+ autoSave?: string | undefined;
1853
+ color?: string | undefined;
1854
+ itemProp?: string | undefined;
1855
+ itemScope?: boolean | undefined;
1856
+ itemType?: string | undefined;
1857
+ itemID?: string | undefined;
1858
+ itemRef?: string | undefined;
1859
+ results?: number | undefined;
1860
+ security?: string | undefined;
1861
+ unselectable?: "on" | "off" | undefined;
1862
+ inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
1863
+ is?: string | undefined;
1864
+ "aria-activedescendant"?: string | undefined;
1865
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
1866
+ "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
1867
+ "aria-braillelabel"?: string | undefined;
1868
+ "aria-brailleroledescription"?: string | undefined;
1869
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
1870
+ "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
1871
+ "aria-colcount"?: number | undefined;
1872
+ "aria-colindex"?: number | undefined;
1873
+ "aria-colindextext"?: string | undefined;
1874
+ "aria-colspan"?: number | undefined;
1875
+ "aria-controls"?: string | undefined;
1876
+ "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
1877
+ "aria-describedby"?: string | undefined;
1878
+ "aria-description"?: string | undefined;
1879
+ "aria-details"?: string | undefined;
1880
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
1881
+ "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
1882
+ "aria-errormessage"?: string | undefined;
1883
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
1884
+ "aria-flowto"?: string | undefined;
1885
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
1886
+ "aria-haspopup"?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
1887
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
1888
+ "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
1889
+ "aria-keyshortcuts"?: string | undefined;
1890
+ "aria-label"?: string | undefined;
1891
+ "aria-labelledby"?: string | undefined;
1892
+ "aria-level"?: number | undefined;
1893
+ "aria-live"?: "off" | "assertive" | "polite" | undefined;
1894
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
1895
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
1896
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
1897
+ "aria-orientation"?: "horizontal" | "vertical" | undefined;
1898
+ "aria-owns"?: string | undefined;
1899
+ "aria-placeholder"?: string | undefined;
1900
+ "aria-posinset"?: number | undefined;
1901
+ "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
1902
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
1903
+ "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
1904
+ "aria-required"?: (boolean | "true" | "false") | undefined;
1905
+ "aria-roledescription"?: string | undefined;
1906
+ "aria-rowcount"?: number | undefined;
1907
+ "aria-rowindex"?: number | undefined;
1908
+ "aria-rowindextext"?: string | undefined;
1909
+ "aria-rowspan"?: number | undefined;
1910
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
1911
+ "aria-setsize"?: number | undefined;
1912
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
1913
+ "aria-valuemax"?: number | undefined;
1914
+ "aria-valuemin"?: number | undefined;
1915
+ "aria-valuenow"?: number | undefined;
1916
+ "aria-valuetext"?: string | undefined;
1917
+ children?: ReactNode;
1918
+ dangerouslySetInnerHTML?: {
1919
+ __html: string | TrustedHTML;
1920
+ } | undefined;
1921
+ onCopy?: ClipboardEventHandler<HTMLDivElement> | undefined;
1922
+ onCopyCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;
1923
+ onCut?: ClipboardEventHandler<HTMLDivElement> | undefined;
1924
+ onCutCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;
1925
+ onPaste?: ClipboardEventHandler<HTMLDivElement> | undefined;
1926
+ onPasteCapture?: ClipboardEventHandler<HTMLDivElement> | undefined;
1927
+ onCompositionEnd?: CompositionEventHandler<HTMLDivElement> | undefined;
1928
+ onCompositionEndCapture?: CompositionEventHandler<HTMLDivElement> | undefined;
1929
+ onCompositionStart?: CompositionEventHandler<HTMLDivElement> | undefined;
1930
+ onCompositionStartCapture?: CompositionEventHandler<HTMLDivElement> | undefined;
1931
+ onCompositionUpdate?: CompositionEventHandler<HTMLDivElement> | undefined;
1932
+ onCompositionUpdateCapture?: CompositionEventHandler<HTMLDivElement> | undefined;
1933
+ onFocus?: FocusEventHandler<HTMLDivElement> | undefined;
1934
+ onFocusCapture?: FocusEventHandler<HTMLDivElement> | undefined;
1935
+ onBlur?: FocusEventHandler<HTMLDivElement> | undefined;
1936
+ onBlurCapture?: FocusEventHandler<HTMLDivElement> | undefined;
1937
+ onChange?: FormEventHandler<HTMLDivElement> | undefined;
1938
+ onChangeCapture?: FormEventHandler<HTMLDivElement> | undefined;
1939
+ onBeforeInput?: FormEventHandler<HTMLDivElement> | undefined;
1940
+ onBeforeInputCapture?: FormEventHandler<HTMLDivElement> | undefined;
1941
+ onInput?: FormEventHandler<HTMLDivElement> | undefined;
1942
+ onInputCapture?: FormEventHandler<HTMLDivElement> | undefined;
1943
+ onReset?: FormEventHandler<HTMLDivElement> | undefined;
1944
+ onResetCapture?: FormEventHandler<HTMLDivElement> | undefined;
1945
+ onSubmit?: FormEventHandler<HTMLDivElement> | undefined;
1946
+ onSubmitCapture?: FormEventHandler<HTMLDivElement> | undefined;
1947
+ onInvalid?: FormEventHandler<HTMLDivElement> | undefined;
1948
+ onInvalidCapture?: FormEventHandler<HTMLDivElement> | undefined;
1949
+ onLoad?: ReactEventHandler<HTMLDivElement> | undefined;
1950
+ onLoadCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1951
+ onError?: ReactEventHandler<HTMLDivElement> | undefined;
1952
+ onErrorCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1953
+ onKeyDown?: KeyboardEventHandler<HTMLDivElement> | undefined;
1954
+ onKeyDownCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
1955
+ onKeyPress?: KeyboardEventHandler<HTMLDivElement> | undefined;
1956
+ onKeyPressCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
1957
+ onKeyUp?: KeyboardEventHandler<HTMLDivElement> | undefined;
1958
+ onKeyUpCapture?: KeyboardEventHandler<HTMLDivElement> | undefined;
1959
+ onAbort?: ReactEventHandler<HTMLDivElement> | undefined;
1960
+ onAbortCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1961
+ onCanPlay?: ReactEventHandler<HTMLDivElement> | undefined;
1962
+ onCanPlayCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1963
+ onCanPlayThrough?: ReactEventHandler<HTMLDivElement> | undefined;
1964
+ onCanPlayThroughCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1965
+ onDurationChange?: ReactEventHandler<HTMLDivElement> | undefined;
1966
+ onDurationChangeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1967
+ onEmptied?: ReactEventHandler<HTMLDivElement> | undefined;
1968
+ onEmptiedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1969
+ onEncrypted?: ReactEventHandler<HTMLDivElement> | undefined;
1970
+ onEncryptedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1971
+ onEnded?: ReactEventHandler<HTMLDivElement> | undefined;
1972
+ onEndedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1973
+ onLoadedData?: ReactEventHandler<HTMLDivElement> | undefined;
1974
+ onLoadedDataCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1975
+ onLoadedMetadata?: ReactEventHandler<HTMLDivElement> | undefined;
1976
+ onLoadedMetadataCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1977
+ onLoadStart?: ReactEventHandler<HTMLDivElement> | undefined;
1978
+ onLoadStartCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1979
+ onPause?: ReactEventHandler<HTMLDivElement> | undefined;
1980
+ onPauseCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1981
+ onPlay?: ReactEventHandler<HTMLDivElement> | undefined;
1982
+ onPlayCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1983
+ onPlaying?: ReactEventHandler<HTMLDivElement> | undefined;
1984
+ onPlayingCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1985
+ onProgress?: ReactEventHandler<HTMLDivElement> | undefined;
1986
+ onProgressCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1987
+ onRateChange?: ReactEventHandler<HTMLDivElement> | undefined;
1988
+ onRateChangeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1989
+ onResize?: ReactEventHandler<HTMLDivElement> | undefined;
1990
+ onResizeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1991
+ onSeeked?: ReactEventHandler<HTMLDivElement> | undefined;
1992
+ onSeekedCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1993
+ onSeeking?: ReactEventHandler<HTMLDivElement> | undefined;
1994
+ onSeekingCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1995
+ onStalled?: ReactEventHandler<HTMLDivElement> | undefined;
1996
+ onStalledCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1997
+ onSuspend?: ReactEventHandler<HTMLDivElement> | undefined;
1998
+ onSuspendCapture?: ReactEventHandler<HTMLDivElement> | undefined;
1999
+ onTimeUpdate?: ReactEventHandler<HTMLDivElement> | undefined;
2000
+ onTimeUpdateCapture?: ReactEventHandler<HTMLDivElement> | undefined;
2001
+ onVolumeChange?: ReactEventHandler<HTMLDivElement> | undefined;
2002
+ onVolumeChangeCapture?: ReactEventHandler<HTMLDivElement> | undefined;
2003
+ onWaiting?: ReactEventHandler<HTMLDivElement> | undefined;
2004
+ onWaitingCapture?: ReactEventHandler<HTMLDivElement> | undefined;
2005
+ onAuxClick?: MouseEventHandler<HTMLDivElement> | undefined;
2006
+ onAuxClickCapture?: MouseEventHandler<HTMLDivElement> | undefined;
2007
+ onClick?: MouseEventHandler<HTMLDivElement> | undefined;
2008
+ onClickCapture?: MouseEventHandler<HTMLDivElement> | undefined;
2009
+ onContextMenu?: MouseEventHandler<HTMLDivElement> | undefined;
2010
+ onContextMenuCapture?: MouseEventHandler<HTMLDivElement> | undefined;
2011
+ onDoubleClick?: MouseEventHandler<HTMLDivElement> | undefined;
2012
+ onDoubleClickCapture?: MouseEventHandler<HTMLDivElement> | undefined;
2013
+ onDrag?: DragEventHandler<HTMLDivElement> | undefined;
2014
+ onDragCapture?: DragEventHandler<HTMLDivElement> | undefined;
2015
+ onDragEnd?: DragEventHandler<HTMLDivElement> | undefined;
2016
+ onDragEndCapture?: DragEventHandler<HTMLDivElement> | undefined;
2017
+ onDragEnter?: DragEventHandler<HTMLDivElement> | undefined;
2018
+ onDragEnterCapture?: DragEventHandler<HTMLDivElement> | undefined;
2019
+ onDragExit?: DragEventHandler<HTMLDivElement> | undefined;
2020
+ onDragExitCapture?: DragEventHandler<HTMLDivElement> | undefined;
2021
+ onDragLeave?: DragEventHandler<HTMLDivElement> | undefined;
2022
+ onDragLeaveCapture?: DragEventHandler<HTMLDivElement> | undefined;
2023
+ onDragOver?: DragEventHandler<HTMLDivElement> | undefined;
2024
+ onDragOverCapture?: DragEventHandler<HTMLDivElement> | undefined;
2025
+ onDragStart?: DragEventHandler<HTMLDivElement> | undefined;
2026
+ onDragStartCapture?: DragEventHandler<HTMLDivElement> | undefined;
2027
+ onDrop?: DragEventHandler<HTMLDivElement> | undefined;
2028
+ onDropCapture?: DragEventHandler<HTMLDivElement> | undefined;
2029
+ onMouseDown?: MouseEventHandler<HTMLDivElement> | undefined;
2030
+ onMouseDownCapture?: MouseEventHandler<HTMLDivElement> | undefined;
2031
+ onMouseEnter?: MouseEventHandler<HTMLDivElement> | undefined;
2032
+ onMouseLeave?: MouseEventHandler<HTMLDivElement> | undefined;
2033
+ onMouseMove?: MouseEventHandler<HTMLDivElement> | undefined;
2034
+ onMouseMoveCapture?: MouseEventHandler<HTMLDivElement> | undefined;
2035
+ onMouseOut?: MouseEventHandler<HTMLDivElement> | undefined;
2036
+ onMouseOutCapture?: MouseEventHandler<HTMLDivElement> | undefined;
2037
+ onMouseOver?: MouseEventHandler<HTMLDivElement> | undefined;
2038
+ onMouseOverCapture?: MouseEventHandler<HTMLDivElement> | undefined;
2039
+ onMouseUp?: MouseEventHandler<HTMLDivElement> | undefined;
2040
+ onMouseUpCapture?: MouseEventHandler<HTMLDivElement> | undefined;
2041
+ onSelect?: ReactEventHandler<HTMLDivElement> | undefined;
2042
+ onSelectCapture?: ReactEventHandler<HTMLDivElement> | undefined;
2043
+ onTouchCancel?: TouchEventHandler<HTMLDivElement> | undefined;
2044
+ onTouchCancelCapture?: TouchEventHandler<HTMLDivElement> | undefined;
2045
+ onTouchEnd?: TouchEventHandler<HTMLDivElement> | undefined;
2046
+ onTouchEndCapture?: TouchEventHandler<HTMLDivElement> | undefined;
2047
+ onTouchMove?: TouchEventHandler<HTMLDivElement> | undefined;
2048
+ onTouchMoveCapture?: TouchEventHandler<HTMLDivElement> | undefined;
2049
+ onTouchStart?: TouchEventHandler<HTMLDivElement> | undefined;
2050
+ onTouchStartCapture?: TouchEventHandler<HTMLDivElement> | undefined;
2051
+ onPointerDown?: PointerEventHandler<HTMLDivElement> | undefined;
2052
+ onPointerDownCapture?: PointerEventHandler<HTMLDivElement> | undefined;
2053
+ onPointerMove?: PointerEventHandler<HTMLDivElement> | undefined;
2054
+ onPointerMoveCapture?: PointerEventHandler<HTMLDivElement> | undefined;
2055
+ onPointerUp?: PointerEventHandler<HTMLDivElement> | undefined;
2056
+ onPointerUpCapture?: PointerEventHandler<HTMLDivElement> | undefined;
2057
+ onPointerCancel?: PointerEventHandler<HTMLDivElement> | undefined;
2058
+ onPointerCancelCapture?: PointerEventHandler<HTMLDivElement> | undefined;
2059
+ onPointerEnter?: PointerEventHandler<HTMLDivElement> | undefined;
2060
+ onPointerLeave?: PointerEventHandler<HTMLDivElement> | undefined;
2061
+ onPointerOver?: PointerEventHandler<HTMLDivElement> | undefined;
2062
+ onPointerOverCapture?: PointerEventHandler<HTMLDivElement> | undefined;
2063
+ onPointerOut?: PointerEventHandler<HTMLDivElement> | undefined;
2064
+ onPointerOutCapture?: PointerEventHandler<HTMLDivElement> | undefined;
2065
+ onGotPointerCapture?: PointerEventHandler<HTMLDivElement> | undefined;
2066
+ onGotPointerCaptureCapture?: PointerEventHandler<HTMLDivElement> | undefined;
2067
+ onLostPointerCapture?: PointerEventHandler<HTMLDivElement> | undefined;
2068
+ onLostPointerCaptureCapture?: PointerEventHandler<HTMLDivElement> | undefined;
2069
+ onScroll?: UIEventHandler<HTMLDivElement> | undefined;
2070
+ onScrollCapture?: UIEventHandler<HTMLDivElement> | undefined;
2071
+ onWheel?: WheelEventHandler<HTMLDivElement> | undefined;
2072
+ onWheelCapture?: WheelEventHandler<HTMLDivElement> | undefined;
2073
+ onAnimationStart?: AnimationEventHandler<HTMLDivElement> | undefined;
2074
+ onAnimationStartCapture?: AnimationEventHandler<HTMLDivElement> | undefined;
2075
+ onAnimationEnd?: AnimationEventHandler<HTMLDivElement> | undefined;
2076
+ onAnimationEndCapture?: AnimationEventHandler<HTMLDivElement> | undefined;
2077
+ onAnimationIteration?: AnimationEventHandler<HTMLDivElement> | undefined;
2078
+ onAnimationIterationCapture?: AnimationEventHandler<HTMLDivElement> | undefined;
2079
+ onTransitionEnd?: TransitionEventHandler<HTMLDivElement> | undefined;
2080
+ onTransitionEndCapture?: TransitionEventHandler<HTMLDivElement> | undefined;
2081
+ key?: Key | null | undefined;
2082
+ ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
2083
+ }> & ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
1815
2084
  Footer: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>>;
1816
2085
  FooterItem: ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
1817
2086
  Close: ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & RefAttributes<HTMLButtonElement>>;