npm - @vkontakte/vkui - Versions diffs - 6.1.2 → 6.2.0 - Mend

@vkontakte/vkui 6.1.2 → 6.2.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.

Files changed (1986) hide show

package/dist/cssm/lib/dom.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/lib/dom.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EACL,SAAS,EACT,aAAa,EACb,aAAa,EACb,SAAS,GACV,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC/E,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,MAAM,MAAM,QAAQ,GAAG,mBAAmB,CAAC;AAG3C,eAAO,MAAM,MAAM;;;CAGjB,CAAC;AAGH,eAAO,MAAM,UAAU,oCAAqD,CAAC;AAE7E,eAAO,MAAM,MAAM,2BAElB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,SACb,OAAO,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,IAAI,~~mBAG3D~~,CAAC;AAEF,eAAO,MAAM,MAAM,SACX,OAAO,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,IAAI,~~4BAG3D~~,CAAC;AAEF,eAAO,MAAM,iBAAiB,SACtB,OAAO,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,IAAI,~~4BAG3D~~,CAAC;AAEF,wBAAgB,OAAO,CAAC,KAAK,EAC3B,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,GAAG,QAAQ,CAAC,GAC/C,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAM5B;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,GAAG,SAAS,QAI/D;AAED,eAAO,MAAM,wBAAwB,UAA0C,CAAC;AAChF,eAAO,MAAM,0BAA0B,UAA0C,CAAC;AAClF,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,OAAO;;;EAgB1D;AAED,eAAO,MAAM,qBAAqB,SAAU,OAAO,GAAG,MAAM,~~uCA2B3D~~,CAAC;AAEF,eAAO,MAAM,6BAA6B,WAAY,OAAO,SAAS,OAAO,~~YAS5E~~,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,YAAa,IAAI,KAAG,WAAW,GAAG,MAAM,GAAG,IAQjF,CAAC;AAEF,eAAO,MAAM,eAAe,SAAU,OAAO,GAAG,MAAM,WAErD,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,OAAO,GAAG,MAAM;;;;;CAYnD,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,GAAG,gBAAkC,CAAC;AAE7E,eAAO,MAAM,gCAAgC,OAAQ,OAAO,GAAG,IAAI,mBACvB,CAAC;AAE7C,eAAO,MAAM,QAAQ,YAAa,OAAO,GAAG,IAAI,UAAU,OAAO,GAAG,IAAI,YAEvE,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAAW,OAAO,GAAG,~~aAAa~~,CAAC,WAAW,CAAC;;;;;;;CAgCjF,CAAC"}
1	+ {"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../../src/lib/dom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,EACL,SAAS,EACT,aAAa,EACb,aAAa,EACb,SAAS,GACV,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC/E,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,MAAM,MAAM,QAAQ,GAAG,mBAAmB,CAAC;AAG3C,eAAO,MAAM,MAAM;;;CAGjB,CAAC;AAGH,eAAO,MAAM,UAAU,oCAAqD,CAAC;AAE7E,eAAO,MAAM,MAAM,2BAElB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,SACb,OAAO,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,IAAI,KACzD,IAAI,IAAI,MAEV,CAAC;AAEF,eAAO,MAAM,MAAM,SACX,OAAO,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,IAAI,KACzD,IAAI,IAAI,eAEV,CAAC;AAEF,eAAO,MAAM,iBAAiB,SACtB,OAAO,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,IAAI,KACzD,IAAI,IAAI,eAEV,CAAC;AAEF,wBAAgB,OAAO,CAAC,KAAK,EAC3B,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,GAAG,QAAQ,CAAC,GAC/C,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAM5B;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,GAAG,SAAS,QAI/D;AAED,eAAO,MAAM,wBAAwB,UAA0C,CAAC;AAChF,eAAO,MAAM,0BAA0B,UAA0C,CAAC;AAClF,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,OAAO;;;EAgB1D;AAED,eAAO,MAAM,qBAAqB,SAAU,OAAO,GAAG,MAAM,gCA0BpD,OACP,CAAC;AAEF,eAAO,MAAM,6BAA6B,WAAY,OAAO,SAAS,OAAO,KAQrE,OACP,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,YAAa,IAAI,KAAG,WAAW,GAAG,MAAM,GAAG,IAQjF,CAAC;AAEF,eAAO,MAAM,eAAe,SAAU,OAAO,GAAG,MAAM,WAErD,CAAC;AAEF,eAAO,MAAM,aAAa,SAAU,OAAO,GAAG,MAAM;;;;;CAYnD,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,GAAG,gBAAkC,CAAC;AAE7E,eAAO,MAAM,gCAAgC,OAAQ,OAAO,GAAG,IAAI,mBACvB,CAAC;AAE7C,eAAO,MAAM,QAAQ,YAAa,OAAO,GAAG,IAAI,UAAU,OAAO,GAAG,IAAI,YAEvE,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAAW,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC;;;;;;;CAgCjF,CAAC"}

package/dist/cssm/lib/dom.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/lib/dom.tsx"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from '@vkontakte/vkjs';\nimport { rectToClientRect } from '@vkontakte/vkui-floating-ui/core';\nimport {\n getNearestOverflowAncestor as getNearestOverflowAncestorLib,\n getWindow,\n isElement,\n isHTMLElement,\n} from '@vkontakte/vkui-floating-ui/utils/dom';\n\nexport {\n getWindow,\n getNodeScroll,\n isHTMLElement,\n isElement,\n} from '@vkontakte/vkui-floating-ui/utils/dom';\n\nexport { canUseDOM, canUseEventListeners, onDOMLoaded } from '@vkontakte/vkjs';\nexport interface DOMContextInterface {\n /*\n @ignore\n /\n window?: Window;\n /\n @ignore\n /\n document?: Document;\n}\n\nexport type DOMProps = DOMContextInterface;\n\n/ eslint-disable no-restricted-globals /\nexport const getDOM = () => ({\n window: canUseDOM ? window : undefined,\n document: canUseDOM ? document : undefined,\n});\n/ eslint-enable no-restricted-globals /\n\nexport const DOMContext = React.createContext<DOMContextInterface>(getDOM());\n\nexport const useDOM = () => {\n return React.useContext(DOMContext);\n};\n\n/\n В случае, если используется DOMContext, при проверке 'node instanceOf Window' – Window может быть\n * другим объектом.\n /\nexport const isWindow = (\n node: Element \| Window \| VisualViewport \| undefined \| null,\n): node is Window => {\n return node !== null && node !== undefined && 'navigator' in node;\n};\n\nexport const isBody = (\n node: Element \| Window \| VisualViewport \| undefined \| null,\n): node is HTMLBodyElement => {\n return node !== null && node !== undefined && 'tagName' in node && node.tagName === 'BODY';\n};\n\nexport const isDocumentElement = (\n node: Element \| Window \| VisualViewport \| undefined \| null,\n): node is HTMLHtmlElement => {\n return node !== null && node !== undefined && 'tagName' in node && node.tagName === 'HTML';\n};\n\nexport function withDOM<Props>(\n Component: React.ComponentType<Props & DOMProps>,\n): React.ComponentType<Props> {\n const WithDOM = (props: Props) => {\n const dom = useDOM();\n return <Component {...props} {...dom} />;\n };\n return WithDOM;\n}\n\nexport function blurActiveElement(document: Document \| undefined) {\n if (document && document.activeElement) {\n (document.activeElement as HTMLElement).blur();\n }\n}\n\nexport const TRANSFORM_DEFAULT_VALUES = ['none', 'initial', 'inherit', 'unset'];\nexport const WILL_CHANGE_DEFAULT_VALUES = ['auto', 'initial', 'inherit', 'unset'];\nexport function getTransformedParentCoords(element: Element) {\n let parentNode = element.parentNode;\n while (parentNode !== null) {\n if (isHTMLElement(parentNode)) {\n const { transform, willChange } = getComputedStyle(parentNode);\n if (\n !TRANSFORM_DEFAULT_VALUES.includes(transform) \|\|\n !WILL_CHANGE_DEFAULT_VALUES.includes(willChange)\n ) {\n const { x, y } = parentNode.getBoundingClientRect();\n return { x, y };\n }\n }\n parentNode = parentNode.parentNode;\n }\n return { x: 0, y: 0 };\n}\n\nexport const getBoundingClientRect = (node: Element \| Window, isFixedStrategy = false) => {\n const element = isWindow(node) ? node.document.documentElement : node;\n const clientRect = element.getBoundingClientRect();\n\n if (isDocumentElement(element)) {\n /\n Если на странице не используется `html, body { height: 100% }` (или `height: 100vh`), то\n * `height`, полученный из `document.documentElement.getBoundingClientRect()`, будет возвращать\n * `scrollHeight`, а не `clientHeight`. Поэтому перебиваем `height` на `clientHeight`.\n /\n clientRect.height = element.clientHeight;\n }\n\n let offsetX = 0;\n let offsetY = 0;\n if (isFixedStrategy) {\n const { x, y } = getTransformedParentCoords(element);\n offsetX = x;\n offsetY = y;\n }\n\n return rectToClientRect({\n x: clientRect.left - offsetX,\n y: clientRect.top - offsetY,\n width: clientRect.width,\n height: clientRect.height,\n }) as DOMRect;\n};\n\nexport const getRelativeBoundingClientRect = (parent: Element, child: Element) => {\n const parentRect = getBoundingClientRect(parent);\n const childRect = getBoundingClientRect(child);\n return rectToClientRect({\n x: childRect.left - parentRect.left,\n y: childRect.top - parentRect.top,\n width: childRect.width,\n height: childRect.height,\n }) as DOMRect;\n};\n\n/\n Адаптер над getNearestOverflowAncestor из @floating-ui/utils/dom.\n \n document.body подменяем на window, т.к. на document.body нельзя применить скролл.\n /\nexport const getNearestOverflowAncestor = (childEl: Node): HTMLElement \| Window \| null => {\n const foundAncestor = getNearestOverflowAncestorLib(childEl);\n\n return isBody(foundAncestor)\n ? getWindow(foundAncestor)\n : isHTMLElement(childEl)\n ? foundAncestor\n : null;\n};\n\nexport const getScrollHeight = (node: Element \| Window) => {\n return isWindow(node) ? node.document.documentElement.scrollHeight : node.scrollHeight;\n};\n\nexport const getScrollRect = (node: Element \| Window) => {\n const window = isElement(node) ? getWindow(node) : node;\n const scrollElRect = getBoundingClientRect(node);\n\n const edgeTop = window.scrollY + scrollElRect.top;\n const edgeBottom = edgeTop + scrollElRect.height;\n const y: [number, number] = [edgeTop, edgeBottom];\n\n return {\n relative: scrollElRect,\n edges: { y },\n };\n};\n\nexport const getDocumentBody = (node?: any) => getWindow(node).document.body;\n\nexport const getActiveElementByAnotherElement = (el: Element \| null) =>\n el ? el.ownerDocument.activeElement : null;\n\nexport const contains = (parent?: Element \| null, child?: Element \| null) => {\n return parent && child ? parent.contains(child) : false;\n};\n\nexport const getFirstTouchEventData = (event: UIEvent \| React.UIEvent<HTMLElement>) => {\n let dataRaw = (function resolveData() {\n switch (event.type) {\n case 'touchend':\n return (event as TouchEvent).changedTouches[0];\n case 'touchstart':\n case 'touchmove':\n case 'touchcancel':\n return (event as TouchEvent).touches[0];\n case 'mousedown':\n case 'mousemove':\n case 'mouseup':\n case 'mouseleave':\n return event as MouseEvent;\n default:\n return { screenX: 0, screenY: 0, clientX: 0, clientY: 0, pageX: 0, pageY: 0 };\n }\n })();\n / istanbul ignore if */\n if (process.env.NODE_ENV === 'test') {\n dataRaw = dataRaw\n ? dataRaw\n : { screenX: 0, screenY: 0, clientX: 0, clientY: 0, pageX: 0, pageY: 0 };\n }\n return {\n screenX: dataRaw.screenX \|\| 0,\n screenY: dataRaw.screenY \|\| 0,\n clientX: dataRaw.clientX \|\| 0,\n clientY: dataRaw.clientY \|\| 0,\n pageX: dataRaw.pageX \|\| 0,\n pageY: dataRaw.pageY \|\| 0,\n };\n};\n"],"names":["React","canUseDOM","rectToClientRect","getNearestOverflowAncestor","getNearestOverflowAncestorLib","getWindow","isElement","isHTMLElement","getNodeScroll","canUseEventListeners","onDOMLoaded","getDOM","window","undefined","document","DOMContext","createContext","useDOM","useContext","isWindow","node","isBody","tagName","isDocumentElement","withDOM","Component","WithDOM","props","dom","blurActiveElement","activeElement","blur","TRANSFORM_DEFAULT_VALUES","WILL_CHANGE_DEFAULT_VALUES","getTransformedParentCoords","element","parentNode","transform","willChange","getComputedStyle","includes","x","y","getBoundingClientRect","isFixedStrategy","documentElement","clientRect","height","clientHeight","offsetX","offsetY","left","top","width","getRelativeBoundingClientRect","parent","child","parentRect","childRect","childEl","foundAncestor","getScrollHeight","scrollHeight","getScrollRect","scrollElRect","edgeTop","scrollY","edgeBottom","relative","edges","getDocumentBody","body","getActiveElementByAnotherElement","el","ownerDocument","contains","getFirstTouchEventData","event","dataRaw","resolveData","type","changedTouches","touches","screenX","screenY","clientX","clientY","pageX","pageY","process","env","NODE_ENV"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1	+ {"version":3,"sources":["../../../src/lib/dom.tsx"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM } from '@vkontakte/vkjs';\nimport { rectToClientRect } from '@vkontakte/vkui-floating-ui/core';\nimport {\n getNearestOverflowAncestor as getNearestOverflowAncestorLib,\n getWindow,\n isElement,\n isHTMLElement,\n} from '@vkontakte/vkui-floating-ui/utils/dom';\n\nexport {\n getWindow,\n getNodeScroll,\n isHTMLElement,\n isElement,\n} from '@vkontakte/vkui-floating-ui/utils/dom';\n\nexport { canUseDOM, canUseEventListeners, onDOMLoaded } from '@vkontakte/vkjs';\nexport interface DOMContextInterface {\n /*\n @ignore\n /\n window?: Window;\n /\n @ignore\n /\n document?: Document;\n}\n\nexport type DOMProps = DOMContextInterface;\n\n/ eslint-disable no-restricted-globals /\nexport const getDOM = () => ({\n window: canUseDOM ? window : undefined,\n document: canUseDOM ? document : undefined,\n});\n/ eslint-enable no-restricted-globals /\n\nexport const DOMContext = React.createContext<DOMContextInterface>(getDOM());\n\nexport const useDOM = () => {\n return React.useContext(DOMContext);\n};\n\n/\n В случае, если используется DOMContext, при проверке 'node instanceOf Window' – Window может быть\n * другим объектом.\n /\nexport const isWindow = (\n node: Element \| Window \| VisualViewport \| undefined \| null,\n): node is Window => {\n return node !== null && node !== undefined && 'navigator' in node;\n};\n\nexport const isBody = (\n node: Element \| Window \| VisualViewport \| undefined \| null,\n): node is HTMLBodyElement => {\n return node !== null && node !== undefined && 'tagName' in node && node.tagName === 'BODY';\n};\n\nexport const isDocumentElement = (\n node: Element \| Window \| VisualViewport \| undefined \| null,\n): node is HTMLHtmlElement => {\n return node !== null && node !== undefined && 'tagName' in node && node.tagName === 'HTML';\n};\n\nexport function withDOM<Props>(\n Component: React.ComponentType<Props & DOMProps>,\n): React.ComponentType<Props> {\n const WithDOM = (props: Props) => {\n const dom = useDOM();\n return <Component {...props} {...dom} />;\n };\n return WithDOM;\n}\n\nexport function blurActiveElement(document: Document \| undefined) {\n if (document && document.activeElement) {\n (document.activeElement as HTMLElement).blur();\n }\n}\n\nexport const TRANSFORM_DEFAULT_VALUES = ['none', 'initial', 'inherit', 'unset'];\nexport const WILL_CHANGE_DEFAULT_VALUES = ['auto', 'initial', 'inherit', 'unset'];\nexport function getTransformedParentCoords(element: Element) {\n let parentNode = element.parentNode;\n while (parentNode !== null) {\n if (isHTMLElement(parentNode)) {\n const { transform, willChange } = getComputedStyle(parentNode);\n if (\n !TRANSFORM_DEFAULT_VALUES.includes(transform) \|\|\n !WILL_CHANGE_DEFAULT_VALUES.includes(willChange)\n ) {\n const { x, y } = parentNode.getBoundingClientRect();\n return { x, y };\n }\n }\n parentNode = parentNode.parentNode;\n }\n return { x: 0, y: 0 };\n}\n\nexport const getBoundingClientRect = (node: Element \| Window, isFixedStrategy = false) => {\n const element = isWindow(node) ? node.document.documentElement : node;\n const clientRect = element.getBoundingClientRect();\n\n if (isDocumentElement(element)) {\n /\n Если на странице не используется `html, body { height: 100% }` (или `height: 100vh`), то\n * `height`, полученный из `document.documentElement.getBoundingClientRect()`, будет возвращать\n * `scrollHeight`, а не `clientHeight`. Поэтому перебиваем `height` на `clientHeight`.\n /\n clientRect.height = element.clientHeight;\n }\n\n let offsetX = 0;\n let offsetY = 0;\n if (isFixedStrategy) {\n const { x, y } = getTransformedParentCoords(element);\n offsetX = x;\n offsetY = y;\n }\n\n return rectToClientRect({\n x: clientRect.left - offsetX,\n y: clientRect.top - offsetY,\n width: clientRect.width,\n height: clientRect.height,\n }) as DOMRect;\n};\n\nexport const getRelativeBoundingClientRect = (parent: Element, child: Element) => {\n const parentRect = getBoundingClientRect(parent);\n const childRect = getBoundingClientRect(child);\n return rectToClientRect({\n x: childRect.left - parentRect.left,\n y: childRect.top - parentRect.top,\n width: childRect.width,\n height: childRect.height,\n }) as DOMRect;\n};\n\n/\n Адаптер над getNearestOverflowAncestor из @floating-ui/utils/dom.\n \n document.body подменяем на window, т.к. на document.body нельзя применить скролл.\n /\nexport const getNearestOverflowAncestor = (childEl: Node): HTMLElement \| Window \| null => {\n const foundAncestor = getNearestOverflowAncestorLib(childEl);\n\n return isBody(foundAncestor)\n ? getWindow(foundAncestor)\n : isHTMLElement(childEl)\n ? foundAncestor\n : null;\n};\n\nexport const getScrollHeight = (node: Element \| Window) => {\n return isWindow(node) ? node.document.documentElement.scrollHeight : node.scrollHeight;\n};\n\nexport const getScrollRect = (node: Element \| Window) => {\n const window = isElement(node) ? getWindow(node) : node;\n const scrollElRect = getBoundingClientRect(node);\n\n const edgeTop = window.scrollY + scrollElRect.top;\n const edgeBottom = edgeTop + scrollElRect.height;\n const y: [number, number] = [edgeTop, edgeBottom];\n\n return {\n relative: scrollElRect,\n edges: { y },\n };\n};\n\nexport const getDocumentBody = (node?: any) => getWindow(node).document.body;\n\nexport const getActiveElementByAnotherElement = (el: Element \| null) =>\n el ? el.ownerDocument.activeElement : null;\n\nexport const contains = (parent?: Element \| null, child?: Element \| null) => {\n return parent && child ? parent.contains(child) : false;\n};\n\nexport const getFirstTouchEventData = (event: UIEvent \| React.UIEvent<HTMLElement>) => {\n let dataRaw = (function resolveData() {\n switch (event.type) {\n case 'touchend':\n return (event as TouchEvent).changedTouches[0];\n case 'touchstart':\n case 'touchmove':\n case 'touchcancel':\n return (event as TouchEvent).touches[0];\n case 'mousedown':\n case 'mousemove':\n case 'mouseup':\n case 'mouseleave':\n return event as MouseEvent;\n default:\n return { screenX: 0, screenY: 0, clientX: 0, clientY: 0, pageX: 0, pageY: 0 };\n }\n })();\n / istanbul ignore if */\n if (process.env.NODE_ENV === 'test') {\n dataRaw = dataRaw\n ? dataRaw\n : { screenX: 0, screenY: 0, clientX: 0, clientY: 0, pageX: 0, pageY: 0 };\n }\n return {\n screenX: dataRaw.screenX \|\| 0,\n screenY: dataRaw.screenY \|\| 0,\n clientX: dataRaw.clientX \|\| 0,\n clientY: dataRaw.clientY \|\| 0,\n pageX: dataRaw.pageX \|\| 0,\n pageY: dataRaw.pageY \|\| 0,\n };\n};\n"],"names":["React","canUseDOM","rectToClientRect","getNearestOverflowAncestor","getNearestOverflowAncestorLib","getWindow","isElement","isHTMLElement","getNodeScroll","canUseEventListeners","onDOMLoaded","getDOM","window","undefined","document","DOMContext","createContext","useDOM","useContext","isWindow","node","isBody","tagName","isDocumentElement","withDOM","Component","WithDOM","props","dom","blurActiveElement","activeElement","blur","TRANSFORM_DEFAULT_VALUES","WILL_CHANGE_DEFAULT_VALUES","getTransformedParentCoords","element","parentNode","transform","willChange","getComputedStyle","includes","x","y","getBoundingClientRect","isFixedStrategy","documentElement","clientRect","height","clientHeight","offsetX","offsetY","left","top","width","getRelativeBoundingClientRect","parent","child","parentRect","childRect","childEl","foundAncestor","getScrollHeight","scrollHeight","getScrollRect","scrollElRect","edgeTop","scrollY","edgeBottom","relative","edges","getDocumentBody","body","getActiveElementByAnotherElement","el","ownerDocument","contains","getFirstTouchEventData","event","dataRaw","resolveData","type","changedTouches","touches","screenX","screenY","clientX","clientY","pageX","pageY","process","env","NODE_ENV"],"mappings":"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"}

package/dist/cssm/lib/floating/adapters.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/lib/floating/adapters.ts"],"sourcesContent":["import {\n autoUpdate as autoUpdateLib,\n type AutoUpdateOptions,\n type FloatingElement,\n type ReferenceType,\n} from '@vkontakte/vkui-floating-ui/react-dom';\nimport { isHTMLElement } from '../dom';\nimport { CustomResizeObserver } from './customResizeObserver';\n\nexport {\n useFloating,\n offset as offsetMiddleware,\n flip as flipMiddleware,\n shift as shiftMiddleware,\n autoPlacement as autoPlacementMiddleware,\n arrow as arrowMiddleware,\n size as sizeMiddleware,\n hide as hideMiddleware,\n getOverflowAncestors,\n} from '@vkontakte/vkui-floating-ui/react-dom';\n\nconst defaultOptions = {\n ancestorScroll: true,\n ancestorResize: true,\n // По умолчанию отключаем, т.к. навешивать `CustomResizeObserver` может быть дорого.\n // В `autoUpdateLib` по умолчанию опция включена. Там используется ResizeObserver, но и он не менее дорогостоящий.\n // https://github.com/floating-ui/floating-ui/blob/0a34fe9cc2c7483976785a71bd0777cd7c3f2a6a/packages/dom/src/autoUpdate.ts#L6-L33\n elementResize: false,\n animationFrame: false,\n};\n\nexport function autoUpdateFloatingElement(\n reference: ReferenceType,\n floating: FloatingElement,\n update: () => void,\n options: Partial<AutoUpdateOptions> = defaultOptions,\n): ReturnType<typeof autoUpdateLib> {\n const { elementResize = false, ...restOptions } = options;\n\n // eslint-disable-next-line no-restricted-globals, compat/compat\n const canUseResizeObserver = window.ResizeObserver !== undefined;\n const autoUpdateLibDisposer = autoUpdateLib(reference, floating, update, {\n ...restOptions,\n elementResize: elementResize && canUseResizeObserver,\n });\n\n // В случае если `ResizeObserver` будет полифилиться или он будет покрываться нашим `browserlist`, то надо удалить\n // код с `CustomResizeObserver`.\n let observer: CustomResizeObserver \| null = null;\n if (elementResize && !canUseResizeObserver) {\n observer = new CustomResizeObserver(update);\n\n if (isHTMLElement(reference)) {\n observer.observe(reference);\n }\n\n observer.observe(floating);\n\n observer.appendToTheDOM();\n }\n\n return () => {\n if (observer) {\n observer.disconnect();\n observer = null;\n }\n autoUpdateLibDisposer();\n };\n}\n"],"names":["autoUpdate","autoUpdateLib","isHTMLElement","CustomResizeObserver","useFloating","offset","offsetMiddleware","flip","flipMiddleware","shift","shiftMiddleware","autoPlacement","autoPlacementMiddleware","arrow","arrowMiddleware","size","sizeMiddleware","hide","hideMiddleware","getOverflowAncestors","defaultOptions","ancestorScroll","ancestorResize","elementResize","animationFrame","autoUpdateFloatingElement","reference","floating","update","options","restOptions","canUseResizeObserver","window","ResizeObserver","undefined","autoUpdateLibDisposer","observer","observe","appendToTheDOM","disconnect"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,SACEA,cAAcC,aAAa,QAItB,wCAAwC;AAC/C,SAASC,aAAa,QAAQ,SAAS;AACvC,SAASC,oBAAoB,QAAQ,yBAAyB;AAE9D,SACEC,WAAW,EACXC,UAAUC,gBAAgB,EAC1BC,QAAQC,cAAc,EACtBC,SAASC,eAAe,EACxBC,iBAAiBC,uBAAuB,EACxCC,SAASC,eAAe,EACxBC,QAAQC,cAAc,EACtBC,QAAQC,cAAc,EACtBC,oBAAoB,QACf,wCAAwC;AAE/C,MAAMC,iBAAiB;IACrBC,gBAAgB;IAChBC,gBAAgB;IAChB,oFAAoF;IACpF,kHAAkH;IAClH,iIAAiI;IACjIC,eAAe;IACfC,gBAAgB;AAClB;AAEA,OAAO,SAASC,0BACdC,SAAwB,EACxBC,QAAyB,EACzBC,MAAkB,EAClBC,UAAsCT,cAAc;IAEpD,MAAM,EAAEG,gBAAgB,KAAK,EAAE,GAAGO,aAAa,GAAGD;IAElD,gEAAgE;IAChE,MAAME,uBAAuBC,OAAOC,cAAc,KAAKC;IACvD,MAAMC,wBAAwBlC,cAAcyB,WAAWC,UAAUC,QAAQ;QACvE,GAAGE,WAAW;QACdP,eAAeA,iBAAiBQ;IAClC;IAEA,kHAAkH;IAClH,gCAAgC;IAChC,IAAIK,WAAwC;IAC5C,IAAIb,iBAAiB,CAACQ,sBAAsB;QAC1CK,WAAW,IAAIjC,qBAAqByB;QAEpC,IAAI1B,cAAcwB,YAAY;YAC5BU,SAASC,OAAO,CAACX;QACnB;QAEAU,SAASC,OAAO,CAACV;QAEjBS,SAASE,cAAc;IACzB;IAEA,OAAO;QACL,IAAIF,UAAU;YACZA,SAASG,UAAU;YACnBH,WAAW;QACb;QACAD;IACF;AACF"}
1	+ {"version":3,"sources":["../../../../src/lib/floating/adapters.ts"],"sourcesContent":["import {\n autoUpdate as autoUpdateLib,\n type AutoUpdateOptions,\n type FloatingElement,\n type ReferenceType,\n} from '@vkontakte/vkui-floating-ui/react-dom';\nimport { isHTMLElement } from '../dom';\nimport { CustomResizeObserver } from './customResizeObserver';\n\nexport {\n useFloating,\n offset as offsetMiddleware,\n flip as flipMiddleware,\n shift as shiftMiddleware,\n autoPlacement as autoPlacementMiddleware,\n arrow as arrowMiddleware,\n size as sizeMiddleware,\n hide as hideMiddleware,\n getOverflowAncestors,\n} from '@vkontakte/vkui-floating-ui/react-dom';\n\nconst defaultOptions = {\n ancestorScroll: true,\n ancestorResize: true,\n // По умолчанию отключаем, т.к. навешивать `CustomResizeObserver` может быть дорого.\n // В `autoUpdateLib` по умолчанию опция включена. Там используется ResizeObserver, но и он не менее дорогостоящий.\n // https://github.com/floating-ui/floating-ui/blob/0a34fe9cc2c7483976785a71bd0777cd7c3f2a6a/packages/dom/src/autoUpdate.ts#L6-L33\n elementResize: false,\n animationFrame: false,\n};\n\nexport function autoUpdateFloatingElement(\n reference: ReferenceType,\n floating: FloatingElement,\n update: () => void,\n options: Partial<AutoUpdateOptions> = defaultOptions,\n): ReturnType<typeof autoUpdateLib> {\n const { elementResize = false, ...restOptions } = options;\n\n // eslint-disable-next-line no-restricted-globals, compat/compat\n const canUseResizeObserver = window.ResizeObserver !== undefined;\n const autoUpdateLibDisposer = autoUpdateLib(reference, floating, update, {\n ...restOptions,\n elementResize: elementResize && canUseResizeObserver,\n });\n\n // В случае если `ResizeObserver` будет полифилиться или он будет покрываться нашим `browserlist`, то надо удалить\n // код с `CustomResizeObserver`.\n let observer: CustomResizeObserver \| null = null;\n if (elementResize && !canUseResizeObserver) {\n observer = new CustomResizeObserver(update);\n\n if (isHTMLElement(reference)) {\n observer.observe(reference);\n }\n\n observer.observe(floating);\n\n observer.appendToTheDOM();\n }\n\n return () => {\n if (observer) {\n observer.disconnect();\n observer = null;\n }\n autoUpdateLibDisposer();\n };\n}\n"],"names":["autoUpdate","autoUpdateLib","isHTMLElement","CustomResizeObserver","useFloating","offset","offsetMiddleware","flip","flipMiddleware","shift","shiftMiddleware","autoPlacement","autoPlacementMiddleware","arrow","arrowMiddleware","size","sizeMiddleware","hide","hideMiddleware","getOverflowAncestors","defaultOptions","ancestorScroll","ancestorResize","elementResize","animationFrame","autoUpdateFloatingElement","reference","floating","update","options","restOptions","canUseResizeObserver","window","ResizeObserver","undefined","autoUpdateLibDisposer","observer","observe","appendToTheDOM","disconnect"],"mappings":"AAAA,SACEA,cAAcC,aAAa,QAItB,wCAAwC;AAC/C,SAASC,aAAa,QAAQ,SAAS;AACvC,SAASC,oBAAoB,QAAQ,yBAAyB;AAE9D,SACEC,WAAW,EACXC,UAAUC,gBAAgB,EAC1BC,QAAQC,cAAc,EACtBC,SAASC,eAAe,EACxBC,iBAAiBC,uBAAuB,EACxCC,SAASC,eAAe,EACxBC,QAAQC,cAAc,EACtBC,QAAQC,cAAc,EACtBC,oBAAoB,QACf,wCAAwC;AAE/C,MAAMC,iBAAiB;IACrBC,gBAAgB;IAChBC,gBAAgB;IAChB,oFAAoF;IACpF,kHAAkH;IAClH,iIAAiI;IACjIC,eAAe;IACfC,gBAAgB;AAClB;AAEA,OAAO,SAASC,0BACdC,SAAwB,EACxBC,QAAyB,EACzBC,MAAkB,EAClBC,UAAsCT,cAAc;IAEpD,MAAM,EAAEG,gBAAgB,KAAK,EAAE,GAAGO,aAAa,GAAGD;IAElD,gEAAgE;IAChE,MAAME,uBAAuBC,OAAOC,cAAc,KAAKC;IACvD,MAAMC,wBAAwBlC,cAAcyB,WAAWC,UAAUC,QAAQ;QACvE,GAAGE,WAAW;QACdP,eAAeA,iBAAiBQ;IAClC;IAEA,kHAAkH;IAClH,gCAAgC;IAChC,IAAIK,WAAwC;IAC5C,IAAIb,iBAAiB,CAACQ,sBAAsB;QAC1CK,WAAW,IAAIjC,qBAAqByB;QAEpC,IAAI1B,cAAcwB,YAAY;YAC5BU,SAASC,OAAO,CAACX;QACnB;QAEAU,SAASC,OAAO,CAACV;QAEjBS,SAASE,cAAc;IACzB;IAEA,OAAO;QACL,IAAIF,UAAU;YACZA,SAASG,UAAU;YACnBH,WAAW;QACb;QACAD;IACF;AACF"}

package/dist/cssm/lib/floating/customResizeObserver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/lib/floating/customResizeObserver.ts"],"sourcesContent":["const defaultIframeStyles: Pick<\n CSSStyleDeclaration,\n \| 'position'\n \| 'left'\n \| 'top'\n \| 'zIndex'\n \| 'width'\n \| 'height'\n \| 'pointerEvents'\n \| 'opacity'\n \| 'border'\n> = {\n position: 'absolute',\n left: '0',\n top: '0',\n zIndex: '-1',\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n opacity: '0',\n border: '0',\n};\n\n/\n Специальный CustomResizeObserver как fallback для ResizeObserver\n * Используется для вызова update() функции (перерисовка плавающего окна) floating-ui\n * при изменении размера reference или floating элементов.\n \n По умолчанию пытаемся нарисовать скрытый, абсолютно позиционированный относительно\n * наблюдаемого элемента iframe.\n * В случае же, если наблюдаемый элемент имеет position: static, то правильно спозиционировать\n * iframe у нас не получится, поэтому в такой ситуации мы используем MutationObserver.\n \n Использовать только MutationObserver мы не можем, потому что с помощью него нельзя отследить\n * изменение размера вызванное переполнением текста.\n \n Применяется только если нету поддержики или полифила ResizeObserver.\n * */\nexport class CustomResizeObserver {\n records: Array<{\n target: HTMLElement;\n iframe: HTMLIFrameElement;\n }> = [];\n mutationObserverFallback: MutationObserver \| null = null;\n\n constructor(private readonly updateFunction: () => void) {\n this.updateFunction = updateFunction;\n }\n\n observe(element: HTMLElement) {\n if (isPositioned(element)) {\n return this.observeUsingIframe(element);\n }\n return this.observeUsingMutationObserver(element);\n }\n\n appendToTheDOM() {\n for (let record of this.records) {\n record.target.appendChild(record.iframe);\n }\n\n for (let record of this.records) {\n if (record.iframe.contentWindow) {\n record.iframe.contentWindow.addEventListener('resize', this.updateFunction);\n }\n }\n }\n\n observeUsingIframe(element: HTMLElement) {\n const iframe = element.ownerDocument.createElement('iframe');\n iframe.src = 'javascript:void(0)';\n iframe.ariaHidden = 'true';\n iframe.tabIndex = -1;\n Object.assign(iframe.style, defaultIframeStyles);\n\n this.records.push({ target: element, iframe });\n }\n\n observeUsingMutationObserver(element: HTMLElement) {\n if (!this.mutationObserverFallback) {\n this.mutationObserverFallback = new MutationObserver(this.updateFunction);\n }\n\n this.mutationObserverFallback.observe(element, {\n childList: true,\n subtree: true,\n });\n }\n\n disconnect() {\n this.records.map(({ target, iframe }) => {\n if (iframe.contentWindow) {\n iframe.contentWindow.removeEventListener('resize', this.updateFunction);\n }\n\n target.removeChild(iframe);\n });\n this.records = [];\n\n if (this.mutationObserverFallback) {\n this.mutationObserverFallback.disconnect();\n }\n this.mutationObserverFallback = null;\n }\n}\n\nfunction isPositioned(element: HTMLElement): boolean {\n return getComputedStyle(element).position !== 'static';\n}\n"],"names":["defaultIframeStyles","position","left","top","zIndex","width","height","pointerEvents","opacity","border","CustomResizeObserver","records","mutationObserverFallback","constructor","updateFunction","observe","element","isPositioned","observeUsingIframe","observeUsingMutationObserver","appendToTheDOM","record","target","appendChild","iframe","contentWindow","addEventListener","ownerDocument","createElement","src","ariaHidden","tabIndex","Object","assign","style","push","MutationObserver","childList","subtree","disconnect","map","removeEventListener","removeChild","getComputedStyle"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,MAAMA,sBAWF;IACFC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,QAAQ;IACRC,eAAe;IACfC,SAAS;IACTC,QAAQ;AACV;AAEA;;;;;;;;;;;;;;GAcG,GACH,OAAO,MAAMC;;IACXC,QAGQ;IACRC,yBAAyD;IAEzDC,YAAY,AAAiBC,cAA0B,CAAE;aAA5BA,iBAAAA;aAN7BH,UAGK,EAAE;aACPC,2BAAoD;QAGlD,IAAI,CAACE,cAAc,GAAGA;IACxB;IAEAC,QAAQC,OAAoB,EAAE;QAC5B,IAAIC,aAAaD,UAAU;YACzB,OAAO,IAAI,CAACE,kBAAkB,CAACF;QACjC;QACA,OAAO,IAAI,CAACG,4BAA4B,CAACH;IAC3C;IAEAI,iBAAiB;QACf,KAAK,IAAIC,UAAU,IAAI,CAACV,OAAO,CAAE;YAC/BU,OAAOC,MAAM,CAACC,WAAW,CAACF,OAAOG,MAAM;QACzC;QAEA,KAAK,IAAIH,UAAU,IAAI,CAACV,OAAO,CAAE;YAC/B,IAAIU,OAAOG,MAAM,CAACC,aAAa,EAAE;gBAC/BJ,OAAOG,MAAM,CAACC,aAAa,CAACC,gBAAgB,CAAC,UAAU,IAAI,CAACZ,cAAc;YAC5E;QACF;IACF;IAEAI,mBAAmBF,OAAoB,EAAE;QACvC,MAAMQ,SAASR,QAAQW,aAAa,CAACC,aAAa,CAAC;QACnDJ,OAAOK,GAAG,GAAG;QACbL,OAAOM,UAAU,GAAG;QACpBN,OAAOO,QAAQ,GAAG,CAAC;QACnBC,OAAOC,MAAM,CAACT,OAAOU,KAAK,EAAElC;QAE5B,IAAI,CAACW,OAAO,CAACwB,IAAI,CAAC;YAAEb,QAAQN;YAASQ;QAAO;IAC9C;IAEAL,6BAA6BH,OAAoB,EAAE;QACjD,IAAI,CAAC,IAAI,CAACJ,wBAAwB,EAAE;YAClC,IAAI,CAACA,wBAAwB,GAAG,IAAIwB,iBAAiB,IAAI,CAACtB,cAAc;QAC1E;QAEA,IAAI,CAACF,wBAAwB,CAACG,OAAO,CAACC,SAAS;YAC7CqB,WAAW;YACXC,SAAS;QACX;IACF;IAEAC,aAAa;QACX,IAAI,CAAC5B,OAAO,CAAC6B,GAAG,CAAC,CAAC,EAAElB,MAAM,EAAEE,MAAM,EAAE;YAClC,IAAIA,OAAOC,aAAa,EAAE;gBACxBD,OAAOC,aAAa,CAACgB,mBAAmB,CAAC,UAAU,IAAI,CAAC3B,cAAc;YACxE;YAEAQ,OAAOoB,WAAW,CAAClB;QACrB;QACA,IAAI,CAACb,OAAO,GAAG,EAAE;QAEjB,IAAI,IAAI,CAACC,wBAAwB,EAAE;YACjC,IAAI,CAACA,wBAAwB,CAAC2B,UAAU;QAC1C;QACA,IAAI,CAAC3B,wBAAwB,GAAG;IAClC;AACF;AAEA,SAASK,aAAaD,OAAoB;IACxC,OAAO2B,iBAAiB3B,SAASf,QAAQ,KAAK;AAChD"}
1	+ {"version":3,"sources":["../../../../src/lib/floating/customResizeObserver.ts"],"sourcesContent":["const defaultIframeStyles: Pick<\n CSSStyleDeclaration,\n \| 'position'\n \| 'left'\n \| 'top'\n \| 'zIndex'\n \| 'width'\n \| 'height'\n \| 'pointerEvents'\n \| 'opacity'\n \| 'border'\n> = {\n position: 'absolute',\n left: '0',\n top: '0',\n zIndex: '-1',\n width: '100%',\n height: '100%',\n pointerEvents: 'none',\n opacity: '0',\n border: '0',\n};\n\n/\n Специальный CustomResizeObserver как fallback для ResizeObserver\n * Используется для вызова update() функции (перерисовка плавающего окна) floating-ui\n * при изменении размера reference или floating элементов.\n \n По умолчанию пытаемся нарисовать скрытый, абсолютно позиционированный относительно\n * наблюдаемого элемента iframe.\n * В случае же, если наблюдаемый элемент имеет position: static, то правильно спозиционировать\n * iframe у нас не получится, поэтому в такой ситуации мы используем MutationObserver.\n \n Использовать только MutationObserver мы не можем, потому что с помощью него нельзя отследить\n * изменение размера вызванное переполнением текста.\n \n Применяется только если нету поддержики или полифила ResizeObserver.\n * */\nexport class CustomResizeObserver {\n records: Array<{\n target: HTMLElement;\n iframe: HTMLIFrameElement;\n }> = [];\n mutationObserverFallback: MutationObserver \| null = null;\n\n constructor(private readonly updateFunction: () => void) {\n this.updateFunction = updateFunction;\n }\n\n observe(element: HTMLElement) {\n if (isPositioned(element)) {\n return this.observeUsingIframe(element);\n }\n return this.observeUsingMutationObserver(element);\n }\n\n appendToTheDOM() {\n for (let record of this.records) {\n record.target.appendChild(record.iframe);\n }\n\n for (let record of this.records) {\n if (record.iframe.contentWindow) {\n record.iframe.contentWindow.addEventListener('resize', this.updateFunction);\n }\n }\n }\n\n observeUsingIframe(element: HTMLElement) {\n const iframe = element.ownerDocument.createElement('iframe');\n iframe.src = 'javascript:void(0)';\n iframe.ariaHidden = 'true';\n iframe.tabIndex = -1;\n Object.assign(iframe.style, defaultIframeStyles);\n\n this.records.push({ target: element, iframe });\n }\n\n observeUsingMutationObserver(element: HTMLElement) {\n if (!this.mutationObserverFallback) {\n this.mutationObserverFallback = new MutationObserver(this.updateFunction);\n }\n\n this.mutationObserverFallback.observe(element, {\n childList: true,\n subtree: true,\n });\n }\n\n disconnect() {\n this.records.map(({ target, iframe }) => {\n if (iframe.contentWindow) {\n iframe.contentWindow.removeEventListener('resize', this.updateFunction);\n }\n\n target.removeChild(iframe);\n });\n this.records = [];\n\n if (this.mutationObserverFallback) {\n this.mutationObserverFallback.disconnect();\n }\n this.mutationObserverFallback = null;\n }\n}\n\nfunction isPositioned(element: HTMLElement): boolean {\n return getComputedStyle(element).position !== 'static';\n}\n"],"names":["defaultIframeStyles","position","left","top","zIndex","width","height","pointerEvents","opacity","border","CustomResizeObserver","records","mutationObserverFallback","constructor","updateFunction","observe","element","isPositioned","observeUsingIframe","observeUsingMutationObserver","appendToTheDOM","record","target","appendChild","iframe","contentWindow","addEventListener","ownerDocument","createElement","src","ariaHidden","tabIndex","Object","assign","style","push","MutationObserver","childList","subtree","disconnect","map","removeEventListener","removeChild","getComputedStyle"],"mappings":"AAAA,MAAMA,sBAWF;IACFC,UAAU;IACVC,MAAM;IACNC,KAAK;IACLC,QAAQ;IACRC,OAAO;IACPC,QAAQ;IACRC,eAAe;IACfC,SAAS;IACTC,QAAQ;AACV;AAEA;;;;;;;;;;;;;;GAcG,GACH,OAAO,MAAMC;;IACXC,QAGQ;IACRC,yBAAyD;IAEzDC,YAAY,AAAiBC,cAA0B,CAAE;aAA5BA,iBAAAA;aAN7BH,UAGK,EAAE;aACPC,2BAAoD;QAGlD,IAAI,CAACE,cAAc,GAAGA;IACxB;IAEAC,QAAQC,OAAoB,EAAE;QAC5B,IAAIC,aAAaD,UAAU;YACzB,OAAO,IAAI,CAACE,kBAAkB,CAACF;QACjC;QACA,OAAO,IAAI,CAACG,4BAA4B,CAACH;IAC3C;IAEAI,iBAAiB;QACf,KAAK,IAAIC,UAAU,IAAI,CAACV,OAAO,CAAE;YAC/BU,OAAOC,MAAM,CAACC,WAAW,CAACF,OAAOG,MAAM;QACzC;QAEA,KAAK,IAAIH,UAAU,IAAI,CAACV,OAAO,CAAE;YAC/B,IAAIU,OAAOG,MAAM,CAACC,aAAa,EAAE;gBAC/BJ,OAAOG,MAAM,CAACC,aAAa,CAACC,gBAAgB,CAAC,UAAU,IAAI,CAACZ,cAAc;YAC5E;QACF;IACF;IAEAI,mBAAmBF,OAAoB,EAAE;QACvC,MAAMQ,SAASR,QAAQW,aAAa,CAACC,aAAa,CAAC;QACnDJ,OAAOK,GAAG,GAAG;QACbL,OAAOM,UAAU,GAAG;QACpBN,OAAOO,QAAQ,GAAG,CAAC;QACnBC,OAAOC,MAAM,CAACT,OAAOU,KAAK,EAAElC;QAE5B,IAAI,CAACW,OAAO,CAACwB,IAAI,CAAC;YAAEb,QAAQN;YAASQ;QAAO;IAC9C;IAEAL,6BAA6BH,OAAoB,EAAE;QACjD,IAAI,CAAC,IAAI,CAACJ,wBAAwB,EAAE;YAClC,IAAI,CAACA,wBAAwB,GAAG,IAAIwB,iBAAiB,IAAI,CAACtB,cAAc;QAC1E;QAEA,IAAI,CAACF,wBAAwB,CAACG,OAAO,CAACC,SAAS;YAC7CqB,WAAW;YACXC,SAAS;QACX;IACF;IAEAC,aAAa;QACX,IAAI,CAAC5B,OAAO,CAAC6B,GAAG,CAAC,CAAC,EAAElB,MAAM,EAAEE,MAAM,EAAE;YAClC,IAAIA,OAAOC,aAAa,EAAE;gBACxBD,OAAOC,aAAa,CAACgB,mBAAmB,CAAC,UAAU,IAAI,CAAC3B,cAAc;YACxE;YAEAQ,OAAOoB,WAAW,CAAClB;QACrB;QACA,IAAI,CAACb,OAAO,GAAG,EAAE;QAEjB,IAAI,IAAI,CAACC,wBAAwB,EAAE;YACjC,IAAI,CAACA,wBAAwB,CAAC2B,UAAU;QAC1C;QACA,IAAI,CAAC3B,wBAAwB,GAAG;IAClC;AACF;AAEA,SAASK,aAAaD,OAAoB;IACxC,OAAO2B,iBAAiB3B,SAASf,QAAQ,KAAK;AAChD"}

package/dist/cssm/lib/floating/functions.d.ts CHANGED Viewed

@@ -8,7 +8,7 @@ export declare function getAutoPlacementAlign(placement: AutoPlacementType): 'st
  * см. https://floating-ui.com/docs/react#positioning
  */
 export declare function convertFloatingDataToReactCSSProperties(strategy: FloatingPositionStrategy, x: UseFloatingData['x'], y: UseFloatingData['y'], initialWidth?: React.CSSProperties['width'] | null, middlewareData?: UseFloatingData['middlewareData']): React.CSSProperties;
-export declare const getArrowCoordsByMiddlewareData: (middlewareData: UseFloatingData['middlewareData']) => {
+export declare const getArrowCoordsByMiddlewareData: (middlewareData: UseFloatingData["middlewareData"]) => {
     x: number;
     y: number;
 };

package/dist/cssm/lib/floating/functions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/lib/floating/functions.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n AutoPlacementType,\n FloatingPositionStrategy,\n Placement,\n PlacementWithAuto,\n UseFloatingData,\n} from './types/common';\n\nexport function checkIsNotAutoPlacement(placement: PlacementWithAuto): placement is Placement {\n return !placement.startsWith('auto');\n}\n\nexport function getAutoPlacementAlign(placement: AutoPlacementType): 'start' \| 'end' \| null {\n const align = placement.replace(/auto-\|auto/, '');\n return align === 'start' \|\| align === 'end' ? align : null;\n}\n\n/*\n Note: не используем `translate3d`, чтобы в лишний раз не выносить в отдельный слой и не занимать память в GPU.\n \n см. https://floating-ui.com/docs/react#positioning\n */\nexport function convertFloatingDataToReactCSSProperties(\n strategy: FloatingPositionStrategy,\n x: UseFloatingData['x'],\n y: UseFloatingData['y'],\n initialWidth: React.CSSProperties['width'] \| null = 'max-content',\n middlewareData?: UseFloatingData['middlewareData'],\n): React.CSSProperties {\n const styles: React.CSSProperties = {\n position: strategy,\n top: y,\n right: 'auto',\n bottom: 'auto',\n left: x,\n };\n if (initialWidth !== null) {\n styles.width = initialWidth;\n }\n if (middlewareData) {\n const hide = middlewareData.hide;\n if (hide && hide.referenceHidden) {\n styles['visibility'] = 'hidden';\n }\n }\n return styles;\n}\n\nexport const getArrowCoordsByMiddlewareData = (\n middlewareData: UseFloatingData['middlewareData'],\n) => {\n const coords = { x: 0, y: 0 };\n if (middlewareData.arrow) {\n const { x = 0, y = 0 } = middlewareData.arrow;\n coords.x = x;\n coords.y = y;\n }\n return coords;\n};\n"],"names":["React","checkIsNotAutoPlacement","placement","startsWith","getAutoPlacementAlign","align","replace","convertFloatingDataToReactCSSProperties","strategy","x","y","initialWidth","middlewareData","styles","position","top","right","bottom","left","width","hide","referenceHidden","getArrowCoordsByMiddlewareData","coords","arrow"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAS/B,OAAO,SAASC,wBAAwBC,SAA4B;IAClE,OAAO,CAACA,UAAUC,UAAU,CAAC;AAC/B;AAEA,OAAO,SAASC,sBAAsBF,SAA4B;IAChE,MAAMG,QAAQH,UAAUI,OAAO,CAAC,cAAc;IAC9C,OAAOD,UAAU,WAAWA,UAAU,QAAQA,QAAQ;AACxD;AAEA;;;;CAIC,GACD,OAAO,SAASE,wCACdC,QAAkC,EAClCC,CAAuB,EACvBC,CAAuB,EACvBC,eAAoD,aAAa,EACjEC,cAAkD;IAElD,MAAMC,SAA8B;QAClCC,UAAUN;QACVO,KAAKL;QACLM,OAAO;QACPC,QAAQ;QACRC,MAAMT;IACR;IACA,IAAIE,iBAAiB,MAAM;QACzBE,OAAOM,KAAK,GAAGR;IACjB;IACA,IAAIC,gBAAgB;QAClB,MAAMQ,OAAOR,eAAeQ,IAAI;QAChC,IAAIA,QAAQA,KAAKC,eAAe,EAAE;YAChCR,MAAM,CAAC,aAAa,GAAG;QACzB;IACF;IACA,OAAOA;AACT;AAEA,OAAO,MAAMS,iCAAiC,CAC5CV;IAEA,MAAMW,SAAS;QAAEd,GAAG;QAAGC,GAAG;IAAE;IAC5B,IAAIE,eAAeY,KAAK,EAAE;QACxB,MAAM,EAAEf,IAAI,CAAC,EAAEC,IAAI,CAAC,EAAE,GAAGE,eAAeY,KAAK;QAC7CD,OAAOd,CAAC,GAAGA;QACXc,OAAOb,CAAC,GAAGA;IACb;IACA,OAAOa;AACT,EAAE"}
1	+ {"version":3,"sources":["../../../../src/lib/floating/functions.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n AutoPlacementType,\n FloatingPositionStrategy,\n Placement,\n PlacementWithAuto,\n UseFloatingData,\n} from './types/common';\n\nexport function checkIsNotAutoPlacement(placement: PlacementWithAuto): placement is Placement {\n return !placement.startsWith('auto');\n}\n\nexport function getAutoPlacementAlign(placement: AutoPlacementType): 'start' \| 'end' \| null {\n const align = placement.replace(/auto-\|auto/, '');\n return align === 'start' \|\| align === 'end' ? align : null;\n}\n\n/*\n Note: не используем `translate3d`, чтобы в лишний раз не выносить в отдельный слой и не занимать память в GPU.\n \n см. https://floating-ui.com/docs/react#positioning\n */\nexport function convertFloatingDataToReactCSSProperties(\n strategy: FloatingPositionStrategy,\n x: UseFloatingData['x'],\n y: UseFloatingData['y'],\n initialWidth: React.CSSProperties['width'] \| null = 'max-content',\n middlewareData?: UseFloatingData['middlewareData'],\n): React.CSSProperties {\n const styles: React.CSSProperties = {\n position: strategy,\n top: y,\n right: 'auto',\n bottom: 'auto',\n left: x,\n };\n if (initialWidth !== null) {\n styles.width = initialWidth;\n }\n if (middlewareData) {\n const hide = middlewareData.hide;\n if (hide && hide.referenceHidden) {\n styles['visibility'] = 'hidden';\n }\n }\n return styles;\n}\n\nexport const getArrowCoordsByMiddlewareData = (\n middlewareData: UseFloatingData['middlewareData'],\n) => {\n const coords = { x: 0, y: 0 };\n if (middlewareData.arrow) {\n const { x = 0, y = 0 } = middlewareData.arrow;\n coords.x = x;\n coords.y = y;\n }\n return coords;\n};\n"],"names":["React","checkIsNotAutoPlacement","placement","startsWith","getAutoPlacementAlign","align","replace","convertFloatingDataToReactCSSProperties","strategy","x","y","initialWidth","middlewareData","styles","position","top","right","bottom","left","width","hide","referenceHidden","getArrowCoordsByMiddlewareData","coords","arrow"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAS/B,OAAO,SAASC,wBAAwBC,SAA4B;IAClE,OAAO,CAACA,UAAUC,UAAU,CAAC;AAC/B;AAEA,OAAO,SAASC,sBAAsBF,SAA4B;IAChE,MAAMG,QAAQH,UAAUI,OAAO,CAAC,cAAc;IAC9C,OAAOD,UAAU,WAAWA,UAAU,QAAQA,QAAQ;AACxD;AAEA;;;;CAIC,GACD,OAAO,SAASE,wCACdC,QAAkC,EAClCC,CAAuB,EACvBC,CAAuB,EACvBC,eAAoD,aAAa,EACjEC,cAAkD;IAElD,MAAMC,SAA8B;QAClCC,UAAUN;QACVO,KAAKL;QACLM,OAAO;QACPC,QAAQ;QACRC,MAAMT;IACR;IACA,IAAIE,iBAAiB,MAAM;QACzBE,OAAOM,KAAK,GAAGR;IACjB;IACA,IAAIC,gBAAgB;QAClB,MAAMQ,OAAOR,eAAeQ,IAAI;QAChC,IAAIA,QAAQA,KAAKC,eAAe,EAAE;YAChCR,MAAM,CAAC,aAAa,GAAG;QACzB;IACF;IACA,OAAOA;AACT;AAEA,OAAO,MAAMS,iCAAiC,CAC5CV;IAEA,MAAMW,SAAS;QAAEd,GAAG;QAAGC,GAAG;IAAE;IAC5B,IAAIE,eAAeY,KAAK,EAAE;QACxB,MAAM,EAAEf,IAAI,CAAC,EAAEC,IAAI,CAAC,EAAE,GAAGE,eAAeY,KAAK;QAC7CD,OAAOd,CAAC,GAAGA;QACXc,OAAOb,CAAC,GAAGA;IACb;IACA,OAAOa;AACT,EAAE"}

package/dist/cssm/lib/floating/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/lib/floating/index.ts"],"sourcesContent":["export type {\n UseFloatingOptions,\n Placement,\n VirtualElement,\n PlacementWithAuto,\n AutoPlacementType,\n UseFloatingMiddleware,\n OnPlacementChange,\n} from './types/common';\n\nexport type { FloatingComponentProps, FloatingContentRenderProp } from './types/component';\n\nexport {\n checkIsNotAutoPlacement,\n getAutoPlacementAlign,\n convertFloatingDataToReactCSSProperties,\n getArrowCoordsByMiddlewareData,\n} from './functions';\n\nexport {\n useFloating,\n offsetMiddleware,\n flipMiddleware,\n shiftMiddleware,\n autoPlacementMiddleware,\n arrowMiddleware,\n sizeMiddleware,\n hideMiddleware,\n getOverflowAncestors,\n autoUpdateFloatingElement,\n} from './adapters';\n\nexport {\n type UseFloatingMiddlewaresBootstrapOptions,\n useFloatingMiddlewaresBootstrap,\n} from './useFloatingMiddlewaresBootstrap';\n\nexport * from './useFloatingWithInteractions';\n\nexport { usePlacementChangeCallback } from './usePlacementChangeCallback';\n"],"names":["checkIsNotAutoPlacement","getAutoPlacementAlign","convertFloatingDataToReactCSSProperties","getArrowCoordsByMiddlewareData","useFloating","offsetMiddleware","flipMiddleware","shiftMiddleware","autoPlacementMiddleware","arrowMiddleware","sizeMiddleware","hideMiddleware","getOverflowAncestors","autoUpdateFloatingElement","useFloatingMiddlewaresBootstrap","usePlacementChangeCallback"],"~~rangeMappings":";;;;","~~mappings":"AAYA,SACEA,uBAAuB,EACvBC,qBAAqB,EACrBC,uCAAuC,EACvCC,8BAA8B,QACzB,cAAc;AAErB,SACEC,WAAW,EACXC,gBAAgB,EAChBC,cAAc,EACdC,eAAe,EACfC,uBAAuB,EACvBC,eAAe,EACfC,cAAc,EACdC,cAAc,EACdC,oBAAoB,EACpBC,yBAAyB,QACpB,aAAa;AAEpB,SAEEC,+BAA+B,QAC1B,oCAAoC;AAE3C,cAAc,gCAAgC;AAE9C,SAASC,0BAA0B,QAAQ,+BAA+B"}
1	+ {"version":3,"sources":["../../../../src/lib/floating/index.ts"],"sourcesContent":["export type {\n UseFloatingOptions,\n Placement,\n VirtualElement,\n PlacementWithAuto,\n AutoPlacementType,\n UseFloatingMiddleware,\n OnPlacementChange,\n} from './types/common';\n\nexport type { FloatingComponentProps, FloatingContentRenderProp } from './types/component';\n\nexport {\n checkIsNotAutoPlacement,\n getAutoPlacementAlign,\n convertFloatingDataToReactCSSProperties,\n getArrowCoordsByMiddlewareData,\n} from './functions';\n\nexport {\n useFloating,\n offsetMiddleware,\n flipMiddleware,\n shiftMiddleware,\n autoPlacementMiddleware,\n arrowMiddleware,\n sizeMiddleware,\n hideMiddleware,\n getOverflowAncestors,\n autoUpdateFloatingElement,\n} from './adapters';\n\nexport {\n type UseFloatingMiddlewaresBootstrapOptions,\n useFloatingMiddlewaresBootstrap,\n} from './useFloatingMiddlewaresBootstrap';\n\nexport * from './useFloatingWithInteractions';\n\nexport { usePlacementChangeCallback } from './usePlacementChangeCallback';\n"],"names":["checkIsNotAutoPlacement","getAutoPlacementAlign","convertFloatingDataToReactCSSProperties","getArrowCoordsByMiddlewareData","useFloating","offsetMiddleware","flipMiddleware","shiftMiddleware","autoPlacementMiddleware","arrowMiddleware","sizeMiddleware","hideMiddleware","getOverflowAncestors","autoUpdateFloatingElement","useFloatingMiddlewaresBootstrap","usePlacementChangeCallback"],"mappings":"AAYA,SACEA,uBAAuB,EACvBC,qBAAqB,EACrBC,uCAAuC,EACvCC,8BAA8B,QACzB,cAAc;AAErB,SACEC,WAAW,EACXC,gBAAgB,EAChBC,cAAc,EACdC,eAAe,EACfC,uBAAuB,EACvBC,eAAe,EACfC,cAAc,EACdC,cAAc,EACdC,oBAAoB,EACpBC,yBAAyB,QACpB,aAAa;AAEpB,SAEEC,+BAA+B,QAC1B,oCAAoC;AAE3C,cAAc,gCAAgC;AAE9C,SAASC,0BAA0B,QAAQ,+BAA+B"}

package/dist/cssm/lib/floating/types/common.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/lib/floating/types/common.ts"],"sourcesContent":["import type {\n Placement,\n ReferenceType,\n UseFloatingReturn,\n} from '@vkontakte/vkui-floating-ui/react-dom';\n\nexport type AutoPlacementType = 'auto' \| 'auto-start' \| 'auto-end';\n\nexport type PlacementWithAuto = AutoPlacementType \| Placement;\n\nexport type {\n VirtualElement,\n UseFloatingOptions,\n ReferenceType,\n ArrowOptions,\n UseFloatingReturn,\n Placement,\n Middleware as UseFloatingMiddleware,\n UseFloatingData,\n Strategy as FloatingPositionStrategy,\n} from '@vkontakte/vkui-floating-ui/react-dom';\n\nexport type UseFloatingRefs<RT extends ReferenceType = ReferenceType> =\n UseFloatingReturn<RT>['refs'];\n\nexport type OnPlacementChange = (nextPlacement: Placement) => void;\n"],"names":[],"~~rangeMappings":"","~~mappings":"AAyBA,WAAmE"}
1	+ {"version":3,"sources":["../../../../../src/lib/floating/types/common.ts"],"sourcesContent":["import type {\n Placement,\n ReferenceType,\n UseFloatingReturn,\n} from '@vkontakte/vkui-floating-ui/react-dom';\n\nexport type AutoPlacementType = 'auto' \| 'auto-start' \| 'auto-end';\n\nexport type PlacementWithAuto = AutoPlacementType \| Placement;\n\nexport type {\n VirtualElement,\n UseFloatingOptions,\n ReferenceType,\n ArrowOptions,\n UseFloatingReturn,\n Placement,\n Middleware as UseFloatingMiddleware,\n UseFloatingData,\n Strategy as FloatingPositionStrategy,\n} from '@vkontakte/vkui-floating-ui/react-dom';\n\nexport type UseFloatingRefs<RT extends ReferenceType = ReferenceType> =\n UseFloatingReturn<RT>['refs'];\n\nexport type OnPlacementChange = (nextPlacement: Placement) => void;\n"],"names":[],"mappings":"AAyBA,WAAmE"}

package/dist/cssm/lib/floating/types/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/lib/floating/types/component.ts"],"sourcesContent":["import * as React from 'react';\nimport type { UseFloatingMiddlewaresBootstrapOptions } from '../useFloatingMiddlewaresBootstrap';\nimport type {\n UseFloatingWithInteractionsProps,\n UseFloatingWithInteractionsReturn,\n} from '../useFloatingWithInteractions';\nimport { OnPlacementChange } from './common';\n\n/*\n @private используйте алиасы, если для какого-то компонента нужно экспортировать тип\n /\nexport type FloatingContentRenderProp = (\n props: Pick<UseFloatingWithInteractionsReturn, 'onClose'>,\n) => React.ReactNode;\n\n/\n Общий API для всплывающих элементов.\n \n @private\n /\nexport interface FloatingComponentProps\n extends UseFloatingMiddlewaresBootstrapOptions,\n Omit<UseFloatingWithInteractionsProps, 'placement' \| 'middlewares'> {\n /\n Содержимое всплывающего окна.\n \n При передаче контента в виде [render prop](https://react.dev/reference/react/cloneElement#passing-data-with-a-render-prop),\n * в аргументе функции можно получить метод `onClose`, с помощью которого можно программно закрывать\n * всплывающее окно.\n /\n content?: React.ReactNode \| FloatingContentRenderProp;\n /\n Целевой элемент. Всплывающее окно появится возле него.\n \n > ⚠️ Если это пользовательский компонент, то он должен:\n * > 1. предоставлять параметры либо `getRootRef`, либо `ref` (cм. `React.forwardRef()`) для получения ссылки на DOM-узел;\n * > 2. принимать DOM атрибуты и события.\n /\n children?: React.ReactElement;\n /\n Нужно ли при навигации с клавиатуры авто-фокусироваться на всплывающий элемент.\n /\n autoFocus?: boolean;\n /\n Нужно ли после закрытия всплывающего элемента возвращать фокус на предыдущий активный элемент.\n /\n restoreFocus?: boolean;\n /\n Перебивает zIndex заданный по умолчанию.\n /\n zIndex?: number \| string;\n /\n По умолчанию используется document.body.\n /\n usePortal?: boolean \| HTMLElement \| React.RefObject<HTMLElement>;\n /\n В зависимости от области видимости, позиция может смениться на более оптимальную,\n * чтобы всплывающий элемент вместился в эту область видимости.\n */\n onPlacementChange?: OnPlacementChange;\n}\n"],"names":["React"],"~~rangeMappings":"","~~mappings":"AAAA,YAAYA,WAAW,QAAQ"}
1	+ {"version":3,"sources":["../../../../../src/lib/floating/types/component.ts"],"sourcesContent":["import * as React from 'react';\nimport type { UseFloatingMiddlewaresBootstrapOptions } from '../useFloatingMiddlewaresBootstrap';\nimport type {\n UseFloatingWithInteractionsProps,\n UseFloatingWithInteractionsReturn,\n} from '../useFloatingWithInteractions';\nimport { OnPlacementChange } from './common';\n\n/*\n @private используйте алиасы, если для какого-то компонента нужно экспортировать тип\n /\nexport type FloatingContentRenderProp = (\n props: Pick<UseFloatingWithInteractionsReturn, 'onClose'>,\n) => React.ReactNode;\n\n/\n Общий API для всплывающих элементов.\n \n @private\n /\nexport interface FloatingComponentProps\n extends UseFloatingMiddlewaresBootstrapOptions,\n Omit<UseFloatingWithInteractionsProps, 'placement' \| 'middlewares'> {\n /\n Содержимое всплывающего окна.\n \n При передаче контента в виде [render prop](https://react.dev/reference/react/cloneElement#passing-data-with-a-render-prop),\n * в аргументе функции можно получить метод `onClose`, с помощью которого можно программно закрывать\n * всплывающее окно.\n /\n content?: React.ReactNode \| FloatingContentRenderProp;\n /\n Целевой элемент. Всплывающее окно появится возле него.\n \n > ⚠️ Если это пользовательский компонент, то он должен:\n * > 1. предоставлять параметры либо `getRootRef`, либо `ref` (cм. `React.forwardRef()`) для получения ссылки на DOM-узел;\n * > 2. принимать DOM атрибуты и события.\n /\n children?: React.ReactElement;\n /\n Нужно ли при навигации с клавиатуры авто-фокусироваться на всплывающий элемент.\n /\n autoFocus?: boolean;\n /\n Нужно ли после закрытия всплывающего элемента возвращать фокус на предыдущий активный элемент.\n /\n restoreFocus?: boolean;\n /\n Перебивает zIndex заданный по умолчанию.\n /\n zIndex?: number \| string;\n /\n По умолчанию используется document.body.\n /\n usePortal?: boolean \| HTMLElement \| React.RefObject<HTMLElement>;\n /\n В зависимости от области видимости, позиция может смениться на более оптимальную,\n * чтобы всплывающий элемент вместился в эту область видимости.\n */\n onPlacementChange?: OnPlacementChange;\n}\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/dist/cssm/lib/floating/useFloatingMiddlewaresBootstrap/index.d.ts CHANGED Viewed

@@ -47,17 +47,7 @@ export declare const useFloatingMiddlewaresBootstrap: ({ placement, arrowRef, ar
     middlewares: {
         name: string;
         options?: any;
-        fn: (state: {
-            x: number;
-            y: number;
-            platform: import("@floating-ui/core").Platform;
-            placement: import("@floating-ui/utils").Placement;
-            strategy: import("@floating-ui/utils").Strategy;
-            middlewareData: import("@floating-ui/core").MiddlewareData;
-            initialPlacement: import("@floating-ui/utils").Placement;
-            rects: import("@floating-ui/utils").ElementRects;
-            elements: import("@floating-ui/dom").Elements;
-        }) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
+        fn: (state: import("@floating-ui/dom").MiddlewareState) => import("@floating-ui/core").MiddlewareReturn | Promise<import("@floating-ui/core").MiddlewareReturn>;
     }[];
     strictPlacement: import("@floating-ui/utils").Placement | undefined;
 };

package/dist/cssm/lib/floating/useFloatingMiddlewaresBootstrap/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/floating/useFloatingMiddlewaresBootstrap/index.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE9F,MAAM,WAAW,sCAAsC;IACrD;;OAEG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC5C;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,eAAO,MAAM,+BAA+B,kLAYzC,sCAAsC~~;;;;;;;;;;;;;;;;;~~CAmExC,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/floating/useFloatingMiddlewaresBootstrap/index.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAE9F,MAAM,WAAW,sCAAsC;IACrD;;OAEG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC5C;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED,eAAO,MAAM,+BAA+B,kLAYzC,sCAAsC;;;;;;;CAmExC,CAAC"}

package/dist/cssm/lib/floating/useFloatingMiddlewaresBootstrap/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/lib/floating/useFloatingMiddlewaresBootstrap/index.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n arrowMiddleware,\n autoPlacementMiddleware,\n flipMiddleware,\n hideMiddleware,\n offsetMiddleware,\n shiftMiddleware,\n sizeMiddleware,\n} from '../adapters';\nimport { checkIsNotAutoPlacement, getAutoPlacementAlign } from '../functions';\nimport type { ArrowOptions, PlacementWithAuto, UseFloatingMiddleware } from '../types/common';\n\nexport interface UseFloatingMiddlewaresBootstrapOptions {\n /*\n По умолчанию компонент выберет наилучшее расположение сам, но приоритетное можно задать с помощью этого свойства.\n /\n placement?: PlacementWithAuto;\n /\n Указанное значение `placement` форсируется, даже если для выпадающего элемента недостаточно места.\n * Не оказывает влияния при `placement` значениях - `'auto' \| 'auto-start' \| 'auto-end'`\n /\n disableFlipMiddleware?: boolean;\n /\n Отступ по главной оси.\n /\n offsetByMainAxis?: number;\n /\n Отступ по вспомогательной оси.\n /\n offsetByCrossAxis?: number;\n arrowRef?: ArrowOptions['element'];\n /\n Отображать ли стрелку, указывающую на якорный элемент.\n /\n arrow?: boolean;\n /\n Высота стрелки. Складывается с `mainAxis`, чтобы стрелка не залезала на якорный элемент.\n /\n arrowHeight?: number;\n /\n Безопасная зона вокруг стрелки, чтобы та не выходила за края контента.\n /\n arrowPadding?: number;\n /\n Выставлять ширину равной target элементу.\n /\n sameWidth?: boolean;\n /\n Массив кастомных модификаторов для Popper (необходимо мемоизировать).\n /\n customMiddlewares?: UseFloatingMiddleware[];\n /\n Принудительно скрывает компонент если целевой элемент вышел за область видимости.\n */\n hideWhenReferenceHidden?: boolean;\n}\n\nexport const useFloatingMiddlewaresBootstrap = ({\n placement = 'bottom-start',\n arrowRef = null,\n arrow,\n arrowHeight,\n arrowPadding,\n sameWidth,\n offsetByMainAxis = 0,\n offsetByCrossAxis = 0,\n customMiddlewares,\n hideWhenReferenceHidden,\n disableFlipMiddleware = false,\n}: UseFloatingMiddlewaresBootstrapOptions) => {\n return React.useMemo(() => {\n const isAutoPlacement = !checkIsNotAutoPlacement(placement);\n const middlewares: UseFloatingMiddleware[] = [\n offsetMiddleware({\n crossAxis: offsetByCrossAxis,\n mainAxis: arrow && arrowHeight ? offsetByMainAxis + arrowHeight : offsetByMainAxis,\n }),\n ];\n\n // см. https://floating-ui.com/docs/flip#conflict-with-autoplacement\n if (isAutoPlacement) {\n middlewares.push(autoPlacementMiddleware({ alignment: getAutoPlacementAlign(placement) }));\n } else if (!disableFlipMiddleware) {\n middlewares.push(\n flipMiddleware({\n fallbackAxisSideDirection: 'start',\n }),\n );\n }\n\n middlewares.push(shiftMiddleware());\n\n if (sameWidth) {\n middlewares.push(\n sizeMiddleware({\n apply({ rects, elements }) {\n Object.assign(elements.floating.style, {\n width: `${rects.reference.width}px`,\n });\n },\n }),\n );\n }\n\n if (customMiddlewares) {\n middlewares.push(...customMiddlewares);\n }\n\n // см. https://floating-ui.com/docs/arrow#order\n if (arrow) {\n middlewares.push(\n arrowMiddleware({\n element: arrowRef,\n padding: arrowPadding,\n }),\n );\n }\n\n if (hideWhenReferenceHidden) {\n middlewares.push(hideMiddleware());\n }\n\n return { middlewares, strictPlacement: isAutoPlacement ? undefined : placement };\n }, [\n offsetByCrossAxis,\n arrowRef,\n arrow,\n arrowHeight,\n arrowPadding,\n offsetByMainAxis,\n sameWidth,\n customMiddlewares,\n placement,\n hideWhenReferenceHidden,\n disableFlipMiddleware,\n ]);\n};\n"],"names":["React","arrowMiddleware","autoPlacementMiddleware","flipMiddleware","hideMiddleware","offsetMiddleware","shiftMiddleware","sizeMiddleware","checkIsNotAutoPlacement","getAutoPlacementAlign","useFloatingMiddlewaresBootstrap","placement","arrowRef","arrow","arrowHeight","arrowPadding","sameWidth","offsetByMainAxis","offsetByCrossAxis","customMiddlewares","hideWhenReferenceHidden","disableFlipMiddleware","useMemo","isAutoPlacement","middlewares","crossAxis","mainAxis","push","alignment","fallbackAxisSideDirection","apply","rects","elements","Object","assign","floating","style","width","reference","element","padding","strictPlacement","undefined"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,eAAe,EACfC,uBAAuB,EACvBC,cAAc,EACdC,cAAc,EACdC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,QACT,cAAc;AACrB,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,eAAe;AAgD9E,OAAO,MAAMC,kCAAkC,CAAC,EAC9CC,YAAY,cAAc,EAC1BC,WAAW,IAAI,EACfC,KAAK,EACLC,WAAW,EACXC,YAAY,EACZC,SAAS,EACTC,mBAAmB,CAAC,EACpBC,oBAAoB,CAAC,EACrBC,iBAAiB,EACjBC,uBAAuB,EACvBC,wBAAwB,KAAK,EACU;IACvC,OAAOrB,MAAMsB,OAAO,CAAC;QACnB,MAAMC,kBAAkB,CAACf,wBAAwBG;QACjD,MAAMa,cAAuC;YAC3CnB,iBAAiB;gBACfoB,WAAWP;gBACXQ,UAAUb,SAASC,cAAcG,mBAAmBH,cAAcG;YACpE;SACD;QAED,oEAAoE;QACpE,IAAIM,iBAAiB;YACnBC,YAAYG,IAAI,CAACzB,wBAAwB;gBAAE0B,WAAWnB,sBAAsBE;YAAW;QACzF,OAAO,IAAI,CAACU,uBAAuB;YACjCG,YAAYG,IAAI,CACdxB,eAAe;gBACb0B,2BAA2B;YAC7B;QAEJ;QAEAL,YAAYG,IAAI,CAACrB;QAEjB,IAAIU,WAAW;YACbQ,YAAYG,IAAI,CACdpB,eAAe;gBACbuB,OAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE;oBACvBC,OAAOC,MAAM,CAACF,SAASG,QAAQ,CAACC,KAAK,EAAE;wBACrCC,OAAO,CAAC,EAAEN,MAAMO,SAAS,CAACD,KAAK,CAAC,EAAE,CAAC;oBACrC;gBACF;YACF;QAEJ;QAEA,IAAIlB,mBAAmB;YACrBK,YAAYG,IAAI,IAAIR;QACtB;QAEA,+CAA+C;QAC/C,IAAIN,OAAO;YACTW,YAAYG,IAAI,CACd1B,gBAAgB;gBACdsC,SAAS3B;gBACT4B,SAASzB;YACX;QAEJ;QAEA,IAAIK,yBAAyB;YAC3BI,YAAYG,IAAI,CAACvB;QACnB;QAEA,OAAO;YAAEoB;YAAaiB,iBAAiBlB,kBAAkBmB,YAAY/B;QAAU;IACjF,GAAG;QACDO;QACAN;QACAC;QACAC;QACAC;QACAE;QACAD;QACAG;QACAR;QACAS;QACAC;KACD;AACH,EAAE"}
1	+ {"version":3,"sources":["../../../../../src/lib/floating/useFloatingMiddlewaresBootstrap/index.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n arrowMiddleware,\n autoPlacementMiddleware,\n flipMiddleware,\n hideMiddleware,\n offsetMiddleware,\n shiftMiddleware,\n sizeMiddleware,\n} from '../adapters';\nimport { checkIsNotAutoPlacement, getAutoPlacementAlign } from '../functions';\nimport type { ArrowOptions, PlacementWithAuto, UseFloatingMiddleware } from '../types/common';\n\nexport interface UseFloatingMiddlewaresBootstrapOptions {\n /*\n По умолчанию компонент выберет наилучшее расположение сам, но приоритетное можно задать с помощью этого свойства.\n /\n placement?: PlacementWithAuto;\n /\n Указанное значение `placement` форсируется, даже если для выпадающего элемента недостаточно места.\n * Не оказывает влияния при `placement` значениях - `'auto' \| 'auto-start' \| 'auto-end'`\n /\n disableFlipMiddleware?: boolean;\n /\n Отступ по главной оси.\n /\n offsetByMainAxis?: number;\n /\n Отступ по вспомогательной оси.\n /\n offsetByCrossAxis?: number;\n arrowRef?: ArrowOptions['element'];\n /\n Отображать ли стрелку, указывающую на якорный элемент.\n /\n arrow?: boolean;\n /\n Высота стрелки. Складывается с `mainAxis`, чтобы стрелка не залезала на якорный элемент.\n /\n arrowHeight?: number;\n /\n Безопасная зона вокруг стрелки, чтобы та не выходила за края контента.\n /\n arrowPadding?: number;\n /\n Выставлять ширину равной target элементу.\n /\n sameWidth?: boolean;\n /\n Массив кастомных модификаторов для Popper (необходимо мемоизировать).\n /\n customMiddlewares?: UseFloatingMiddleware[];\n /\n Принудительно скрывает компонент если целевой элемент вышел за область видимости.\n */\n hideWhenReferenceHidden?: boolean;\n}\n\nexport const useFloatingMiddlewaresBootstrap = ({\n placement = 'bottom-start',\n arrowRef = null,\n arrow,\n arrowHeight,\n arrowPadding,\n sameWidth,\n offsetByMainAxis = 0,\n offsetByCrossAxis = 0,\n customMiddlewares,\n hideWhenReferenceHidden,\n disableFlipMiddleware = false,\n}: UseFloatingMiddlewaresBootstrapOptions) => {\n return React.useMemo(() => {\n const isAutoPlacement = !checkIsNotAutoPlacement(placement);\n const middlewares: UseFloatingMiddleware[] = [\n offsetMiddleware({\n crossAxis: offsetByCrossAxis,\n mainAxis: arrow && arrowHeight ? offsetByMainAxis + arrowHeight : offsetByMainAxis,\n }),\n ];\n\n // см. https://floating-ui.com/docs/flip#conflict-with-autoplacement\n if (isAutoPlacement) {\n middlewares.push(autoPlacementMiddleware({ alignment: getAutoPlacementAlign(placement) }));\n } else if (!disableFlipMiddleware) {\n middlewares.push(\n flipMiddleware({\n fallbackAxisSideDirection: 'start',\n }),\n );\n }\n\n middlewares.push(shiftMiddleware());\n\n if (sameWidth) {\n middlewares.push(\n sizeMiddleware({\n apply({ rects, elements }) {\n Object.assign(elements.floating.style, {\n width: `${rects.reference.width}px`,\n });\n },\n }),\n );\n }\n\n if (customMiddlewares) {\n middlewares.push(...customMiddlewares);\n }\n\n // см. https://floating-ui.com/docs/arrow#order\n if (arrow) {\n middlewares.push(\n arrowMiddleware({\n element: arrowRef,\n padding: arrowPadding,\n }),\n );\n }\n\n if (hideWhenReferenceHidden) {\n middlewares.push(hideMiddleware());\n }\n\n return { middlewares, strictPlacement: isAutoPlacement ? undefined : placement };\n }, [\n offsetByCrossAxis,\n arrowRef,\n arrow,\n arrowHeight,\n arrowPadding,\n offsetByMainAxis,\n sameWidth,\n customMiddlewares,\n placement,\n hideWhenReferenceHidden,\n disableFlipMiddleware,\n ]);\n};\n"],"names":["React","arrowMiddleware","autoPlacementMiddleware","flipMiddleware","hideMiddleware","offsetMiddleware","shiftMiddleware","sizeMiddleware","checkIsNotAutoPlacement","getAutoPlacementAlign","useFloatingMiddlewaresBootstrap","placement","arrowRef","arrow","arrowHeight","arrowPadding","sameWidth","offsetByMainAxis","offsetByCrossAxis","customMiddlewares","hideWhenReferenceHidden","disableFlipMiddleware","useMemo","isAutoPlacement","middlewares","crossAxis","mainAxis","push","alignment","fallbackAxisSideDirection","apply","rects","elements","Object","assign","floating","style","width","reference","element","padding","strictPlacement","undefined"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,eAAe,EACfC,uBAAuB,EACvBC,cAAc,EACdC,cAAc,EACdC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,QACT,cAAc;AACrB,SAASC,uBAAuB,EAAEC,qBAAqB,QAAQ,eAAe;AAgD9E,OAAO,MAAMC,kCAAkC,CAAC,EAC9CC,YAAY,cAAc,EAC1BC,WAAW,IAAI,EACfC,KAAK,EACLC,WAAW,EACXC,YAAY,EACZC,SAAS,EACTC,mBAAmB,CAAC,EACpBC,oBAAoB,CAAC,EACrBC,iBAAiB,EACjBC,uBAAuB,EACvBC,wBAAwB,KAAK,EACU;IACvC,OAAOrB,MAAMsB,OAAO,CAAC;QACnB,MAAMC,kBAAkB,CAACf,wBAAwBG;QACjD,MAAMa,cAAuC;YAC3CnB,iBAAiB;gBACfoB,WAAWP;gBACXQ,UAAUb,SAASC,cAAcG,mBAAmBH,cAAcG;YACpE;SACD;QAED,oEAAoE;QACpE,IAAIM,iBAAiB;YACnBC,YAAYG,IAAI,CAACzB,wBAAwB;gBAAE0B,WAAWnB,sBAAsBE;YAAW;QACzF,OAAO,IAAI,CAACU,uBAAuB;YACjCG,YAAYG,IAAI,CACdxB,eAAe;gBACb0B,2BAA2B;YAC7B;QAEJ;QAEAL,YAAYG,IAAI,CAACrB;QAEjB,IAAIU,WAAW;YACbQ,YAAYG,IAAI,CACdpB,eAAe;gBACbuB,OAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAE;oBACvBC,OAAOC,MAAM,CAACF,SAASG,QAAQ,CAACC,KAAK,EAAE;wBACrCC,OAAO,CAAC,EAAEN,MAAMO,SAAS,CAACD,KAAK,CAAC,EAAE,CAAC;oBACrC;gBACF;YACF;QAEJ;QAEA,IAAIlB,mBAAmB;YACrBK,YAAYG,IAAI,IAAIR;QACtB;QAEA,+CAA+C;QAC/C,IAAIN,OAAO;YACTW,YAAYG,IAAI,CACd1B,gBAAgB;gBACdsC,SAAS3B;gBACT4B,SAASzB;YACX;QAEJ;QAEA,IAAIK,yBAAyB;YAC3BI,YAAYG,IAAI,CAACvB;QACnB;QAEA,OAAO;YAAEoB;YAAaiB,iBAAiBlB,kBAAkBmB,YAAY/B;QAAU;IACjF,GAAG;QACDO;QACAN;QACAC;QACAC;QACAC;QACAE;QACAD;QACAG;QACAR;QACAS;QACAC;KACD;AACH,EAAE"}

package/dist/cssm/lib/floating/useFloatingWithInteractions/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/lib/floating/useFloatingWithInteractions/constants.ts"],"sourcesContent":["export const DEFAULT_TRIGGER = 'click';\n"],"names":["DEFAULT_TRIGGER"],"~~rangeMappings":"","~~mappings":"AAAA,OAAO,MAAMA,kBAAkB,QAAQ"}
1	+ {"version":3,"sources":["../../../../../src/lib/floating/useFloatingWithInteractions/constants.ts"],"sourcesContent":["export const DEFAULT_TRIGGER = 'click';\n"],"names":["DEFAULT_TRIGGER"],"mappings":"AAAA,OAAO,MAAMA,kBAAkB,QAAQ"}

package/dist/cssm/lib/floating/useFloatingWithInteractions/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/lib/floating/useFloatingWithInteractions/index.ts"],"sourcesContent":["export { useFloatingWithInteractions } from './useFloatingWithInteractions';\n\nexport type {\n OnShownChange,\n UseFloatingWithInteractionsProps,\n UseFloatingWithInteractionsReturn,\n} from './types';\n\nexport { DEFAULT_TRIGGER } from './constants';\n"],"names":["useFloatingWithInteractions","DEFAULT_TRIGGER"],"~~rangeMappings":";","~~mappings":"AAAA,SAASA,2BAA2B,QAAQ,gCAAgC;AAQ5E,SAASC,eAAe,QAAQ,cAAc"}
1	+ {"version":3,"sources":["../../../../../src/lib/floating/useFloatingWithInteractions/index.ts"],"sourcesContent":["export { useFloatingWithInteractions } from './useFloatingWithInteractions';\n\nexport type {\n OnShownChange,\n UseFloatingWithInteractionsProps,\n UseFloatingWithInteractionsReturn,\n} from './types';\n\nexport { DEFAULT_TRIGGER } from './constants';\n"],"names":["useFloatingWithInteractions","DEFAULT_TRIGGER"],"mappings":"AAAA,SAASA,2BAA2B,QAAQ,gCAAgC;AAQ5E,SAASC,eAAe,QAAQ,cAAc"}

package/dist/cssm/lib/floating/useFloatingWithInteractions/types.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Placement, UseFloatingData, UseFloatingMiddleware, UseFloatingRefs } from '../types/common';
 export type InteractiveTriggerType = 'click' | 'hover' | 'focus';
 export type ManualTriggerType = 'manual';

package/dist/cssm/lib/floating/useFloatingWithInteractions/types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/floating/useFloatingWithInteractions/types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,SAAS,EACT,eAAe,EACf,qBAAqB,EACrB,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AAEzC,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,sBAAsB,GAAG,sBAAsB,EAAE,CAAC;AAEhG,MAAM,MAAM,iBAAiB,GACzB,eAAe,GACf,YAAY,GACZ,OAAO,GACP,OAAO,GACP,OAAO,GACP,UAAU,CAAC;AAEf,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;AAEjF,MAAM,WAAW,gCAAgC;IAC/C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACtC;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,WAAW,IAAI,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EACvB,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAC7B,GACC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AAElG,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,WAAW,IAAI,IAAI,CAC/C,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EACvB,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,OAAO,CACvC,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC,aAAa,CAAA;CAAE,GAAG,IAAI,CACrC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACtB,aAAa,GAAG,cAAc,GAAG,SAAS,GAAG,kBAAkB,GAAG,gBAAgB,CACnF,CAAC;AAEJ,MAAM,WAAW,iCAAiC,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IACpF,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACzB,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAClC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAChC,cAAc,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAClD,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;CACzC"}
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/floating/useFloatingWithInteractions/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,eAAe,EACf,qBAAqB,EACrB,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AAEzC,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,sBAAsB,GAAG,sBAAsB,EAAE,CAAC;AAEhG,MAAM,MAAM,iBAAiB,GACzB,eAAe,GACf,YAAY,GACZ,OAAO,GACP,OAAO,GACP,OAAO,GACP,UAAU,CAAC;AAEf,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;AAEjF,MAAM,WAAW,gCAAgC;IAC/C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,qBAAqB,EAAE,CAAC;IACtC;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACvC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;OAEG;IACH,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,WAAW,IAAI,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EACvB,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAC7B,GACC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,aAAa,GAAG,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC,CAAC;AAElG,MAAM,MAAM,aAAa,CAAC,CAAC,GAAG,WAAW,IAAI,IAAI,CAC/C,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EACvB,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,OAAO,CACvC,GAAG;IAAE,KAAK,EAAE,KAAK,CAAC,aAAa,CAAA;CAAE,GAAG,IAAI,CACrC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EACtB,aAAa,GAAG,cAAc,GAAG,SAAS,GAAG,kBAAkB,GAAG,gBAAgB,CACnF,CAAC;AAEJ,MAAM,WAAW,iCAAiC,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IACpF,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IACzB,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAClC,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IAChC,cAAc,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAC;IAClD,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;CACzC"}

package/dist/cssm/lib/floating/useFloatingWithInteractions/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/lib/floating/useFloatingWithInteractions/types.ts"],"sourcesContent":["import type {\n Placement,\n UseFloatingData,\n UseFloatingMiddleware,\n UseFloatingRefs,\n} from '../types/common';\n\nexport type InteractiveTriggerType = 'click' \| 'hover' \| 'focus';\n\nexport type ManualTriggerType = 'manual';\n\nexport type TriggerType = ManualTriggerType \| InteractiveTriggerType \| InteractiveTriggerType[];\n\nexport type ShownChangeReason =\n \| 'click-outside'\n \| 'escape-key'\n \| 'click'\n \| 'hover'\n \| 'focus'\n \| 'callback';\n\nexport type OnShownChange = (shown: boolean, reason?: ShownChangeReason) => void;\n\nexport interface UseFloatingWithInteractionsProps {\n placement?: Placement;\n middlewares?: UseFloatingMiddleware[];\n /*\n Механика вызова всплывающего элемента.\n \n - `\"click\"` – показывается/скрывается только при нажатии.\n * - `\"hover\"` – будет показываться/скрывается при наведении/отведении мыши.\n * - `\"focus\"` – будет показываться/скрывается при фокусе/потере фокуса мыши.\n * - `\"manual\"` – будет показываться/скрывается только через свойство `shown`. `onShownChange`\n * будет вызываться при нажатии за пределы целевого и всплывающего элементов, а также по кнопке\n * ESC.\n \n > ⚠️`\"hover\"` на тач-устройствах будет работать как `\"click\"`, с одним лишь нюансом, что\n * > не будет закрываться при повторном нажатии на целевой элемент. Для закрытия необходимо нажать\n * > на область вне целевого элемента и выпадающего окна.\n /\n trigger?: TriggerType;\n /\n Количество миллисекунд, после которых произойдёт показ/скрытие всплывающего элемента\n * при наведении.\n \n > Чтобы задать разное время на показ и скрытие, передайте массив типа `[<показ>, <скрытие>]`.\n \n > Используется только для `trigger=\"hover\"`.\n /\n hoverDelay?: number \| [number, number];\n /\n При `trigger=\"hover\"` закрывает всплывающий элемент при нажатии на целевой элемент.\n /\n closeAfterClick?: boolean;\n /\n Блокирует изменение состояния.\n /\n disabled?: boolean;\n /\n Отключает взаимодействие со всплывающим элементом.\n /\n disableInteractive?: boolean;\n /\n Отключает закрытие нажатием на область вне целевого и всплывающего элемента.\n /\n disableCloseOnClickOutside?: boolean;\n /\n Отключает закрытие нажатием на кнопку ESC.\n /\n disableCloseOnEscKey?: boolean;\n /\n Начальное состояние всплывающего элемента.\n /\n defaultShown?: boolean;\n /\n Если передан, то всплывающий элемент будет показано/скрыто в зависимости от значения свойства.\n /\n shown?: boolean;\n /\n Вызывается при каждом изменении видимости всплывающего элемента.\n */\n onShownChange?: OnShownChange;\n}\n\nexport type ReferenceProps<T = HTMLElement> = Omit<\n React.HTMLAttributes<T>,\n keyof React.DOMAttributes<T>\n> &\n Pick<React.DOMAttributes<T>, 'onMouseOver' \| 'onMouseLeave' \| 'onClick' \| 'onFocus' \| 'onBlur'>;\n\nexport type FloatingProps<T = HTMLElement> = Omit<\n React.HTMLAttributes<T>,\n keyof React.DOMAttributes<T> \| 'style'\n> & { style: React.CSSProperties } & Pick<\n React.DOMAttributes<T>,\n 'onMouseOver' \| 'onMouseLeave' \| 'onClick' \| 'onAnimationStart' \| 'onAnimationEnd'\n >;\n\nexport interface UseFloatingWithInteractionsReturn<T extends HTMLElement = HTMLElement> {\n placement: Placement;\n shown: boolean;\n willBeHide: boolean;\n refs: UseFloatingRefs<T>;\n referenceProps: ReferenceProps<T>;\n floatingProps: FloatingProps<T>;\n middlewareData: UseFloatingData['middlewareData'];\n onClose: (this: void) => void;\n onEscapeKeyDown?: (this: void) => void;\n onRestoreFocus: (this: void) => boolean;\n}\n"],"names":[],"~~rangeMappings":"","~~mappings":"AAkGA,WAWC"}
1	+ {"version":3,"sources":["../../../../../src/lib/floating/useFloatingWithInteractions/types.ts"],"sourcesContent":["import type {\n Placement,\n UseFloatingData,\n UseFloatingMiddleware,\n UseFloatingRefs,\n} from '../types/common';\n\nexport type InteractiveTriggerType = 'click' \| 'hover' \| 'focus';\n\nexport type ManualTriggerType = 'manual';\n\nexport type TriggerType = ManualTriggerType \| InteractiveTriggerType \| InteractiveTriggerType[];\n\nexport type ShownChangeReason =\n \| 'click-outside'\n \| 'escape-key'\n \| 'click'\n \| 'hover'\n \| 'focus'\n \| 'callback';\n\nexport type OnShownChange = (shown: boolean, reason?: ShownChangeReason) => void;\n\nexport interface UseFloatingWithInteractionsProps {\n placement?: Placement;\n middlewares?: UseFloatingMiddleware[];\n /*\n Механика вызова всплывающего элемента.\n \n - `\"click\"` – показывается/скрывается только при нажатии.\n * - `\"hover\"` – будет показываться/скрывается при наведении/отведении мыши.\n * - `\"focus\"` – будет показываться/скрывается при фокусе/потере фокуса мыши.\n * - `\"manual\"` – будет показываться/скрывается только через свойство `shown`. `onShownChange`\n * будет вызываться при нажатии за пределы целевого и всплывающего элементов, а также по кнопке\n * ESC.\n \n > ⚠️`\"hover\"` на тач-устройствах будет работать как `\"click\"`, с одним лишь нюансом, что\n * > не будет закрываться при повторном нажатии на целевой элемент. Для закрытия необходимо нажать\n * > на область вне целевого элемента и выпадающего окна.\n /\n trigger?: TriggerType;\n /\n Количество миллисекунд, после которых произойдёт показ/скрытие всплывающего элемента\n * при наведении.\n \n > Чтобы задать разное время на показ и скрытие, передайте массив типа `[<показ>, <скрытие>]`.\n \n > Используется только для `trigger=\"hover\"`.\n /\n hoverDelay?: number \| [number, number];\n /\n При `trigger=\"hover\"` закрывает всплывающий элемент при нажатии на целевой элемент.\n /\n closeAfterClick?: boolean;\n /\n Блокирует изменение состояния.\n /\n disabled?: boolean;\n /\n Отключает взаимодействие со всплывающим элементом.\n /\n disableInteractive?: boolean;\n /\n Отключает закрытие нажатием на область вне целевого и всплывающего элемента.\n /\n disableCloseOnClickOutside?: boolean;\n /\n Отключает закрытие нажатием на кнопку ESC.\n /\n disableCloseOnEscKey?: boolean;\n /\n Начальное состояние всплывающего элемента.\n /\n defaultShown?: boolean;\n /\n Если передан, то всплывающий элемент будет показано/скрыто в зависимости от значения свойства.\n /\n shown?: boolean;\n /\n Вызывается при каждом изменении видимости всплывающего элемента.\n */\n onShownChange?: OnShownChange;\n}\n\nexport type ReferenceProps<T = HTMLElement> = Omit<\n React.HTMLAttributes<T>,\n keyof React.DOMAttributes<T>\n> &\n Pick<React.DOMAttributes<T>, 'onMouseOver' \| 'onMouseLeave' \| 'onClick' \| 'onFocus' \| 'onBlur'>;\n\nexport type FloatingProps<T = HTMLElement> = Omit<\n React.HTMLAttributes<T>,\n keyof React.DOMAttributes<T> \| 'style'\n> & { style: React.CSSProperties } & Pick<\n React.DOMAttributes<T>,\n 'onMouseOver' \| 'onMouseLeave' \| 'onClick' \| 'onAnimationStart' \| 'onAnimationEnd'\n >;\n\nexport interface UseFloatingWithInteractionsReturn<T extends HTMLElement = HTMLElement> {\n placement: Placement;\n shown: boolean;\n willBeHide: boolean;\n refs: UseFloatingRefs<T>;\n referenceProps: ReferenceProps<T>;\n floatingProps: FloatingProps<T>;\n middlewareData: UseFloatingData['middlewareData'];\n onClose: (this: void) => void;\n onEscapeKeyDown?: (this: void) => void;\n onRestoreFocus: (this: void) => boolean;\n}\n"],"names":[],"mappings":"AAkGA,WAWC"}

package/dist/cssm/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFloatingWithInteractions.d.ts","sourceRoot":"","sources":["../../../../../src/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAIV,gCAAgC,EAChC,iCAAiC,EAClC,MAAM,SAAS,CAAC;AASjB;;GAEG;AACH,eAAO,MAAM,2BAA2B,~~4QAqBrC~~,gCAAgC,KAAG,~~kCAAkC~~,CAAC,CA2TxE,CAAC"}
1	+ {"version":3,"file":"useFloatingWithInteractions.d.ts","sourceRoot":"","sources":["../../../../../src/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAIV,gCAAgC,EAChC,iCAAiC,EAClC,MAAM,SAAS,CAAC;AASjB;;GAEG;AACH,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,WAAW,oPAqB9D,gCAAgC,KAAG,iCAAiC,CAAC,CAAC,CA2TxE,CAAC"}

package/dist/cssm/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.ts"],"sourcesContent":["import * as React from 'react';\nimport { debounce } from '@vkontakte/vkjs';\nimport { getWindow, isHTMLElement } from '@vkontakte/vkui-floating-ui/utils/dom';\nimport { useCustomEnsuredControl } from '../../../hooks/useEnsuredControl';\nimport { useGlobalOnClickOutside } from '../../../hooks/useGlobalOnClickOutside';\nimport { useStableCallback } from '../../../hooks/useStableCallback';\nimport { contains, getActiveElementByAnotherElement } from '../../dom';\nimport { useIsomorphicLayoutEffect } from '../../useIsomorphicLayoutEffect';\nimport { autoUpdateFloatingElement, useFloating } from '../adapters';\nimport { convertFloatingDataToReactCSSProperties } from '../functions';\nimport { type UseFloatingOptions } from '../types/common';\nimport { DEFAULT_TRIGGER } from './constants';\nimport type {\n FloatingProps,\n ReferenceProps,\n ShownChangeReason,\n UseFloatingWithInteractionsProps,\n UseFloatingWithInteractionsReturn,\n} from './types';\nimport { useResolveTriggerType } from './useResolveTriggerType';\n\ntype LocalState = { shown: boolean; reason?: ShownChangeReason };\n\nconst whileElementsMounted: UseFloatingOptions['whileElementsMounted'] = (...args) =>\n /* istanbul ignore next: не знаю как проверить /\n autoUpdateFloatingElement(...args, { elementResize: true });\n\n/\n @private\n /\nexport const useFloatingWithInteractions = <T extends HTMLElement = HTMLElement>({\n trigger = DEFAULT_TRIGGER,\n\n // UseFloating\n placement: placementProp = 'bottom',\n middlewares,\n hoverDelay = 0,\n closeAfterClick = false,\n\n // disables\n disabled = false,\n disableInteractive = false,\n disableCloseOnClickOutside = false,\n disableCloseOnEscKey = false,\n\n // uncontrolled\n defaultShown = false,\n\n // controlled\n shown: shownProp,\n onShownChange: onShownChangeProp,\n}: UseFloatingWithInteractionsProps): UseFloatingWithInteractionsReturn<T> => {\n const memoizedValue = React.useMemo(\n () => (shownProp !== undefined ? { shown: shownProp } : undefined),\n [shownProp],\n );\n const [shownLocalState, setShownLocalState] = useCustomEnsuredControl<LocalState>({\n value: memoizedValue,\n disabled,\n defaultValue: { shown: defaultShown },\n onChange: useStableCallback(({ shown, reason }) => {\n if (onShownChangeProp) {\n onShownChangeProp(shown, reason);\n }\n }),\n });\n const [shownFinalState, setShownFinalState] = React.useState(() => shownLocalState.shown);\n const [willBeHide, setWillBeHide] = React.useState(false);\n\n const hasCSSAnimation = React.useRef(false);\n\n const blockMouseEnterRef = React.useRef(false);\n const blockFocusRef = React.useRef(false);\n const blurTimeoutRef = React.useRef<ReturnType<typeof setTimeout>>();\n\n const handleCloseOnReferenceClickOutsideDisabled =\n disabled \|\| disableCloseOnClickOutside \|\| willBeHide \|\| !shownLocalState.shown;\n const handleCloseOnFloatingClickOutsideDisabled =\n disableInteractive \|\| handleCloseOnReferenceClickOutsideDisabled;\n\n const { triggerOnFocus, triggerOnClick, triggerOnHover } = useResolveTriggerType(trigger);\n\n // Библиотека `floating-ui`\n const { placement, x, y, strategy, refs, middlewareData } = useFloating<T>({\n strategy: 'fixed',\n placement: placementProp,\n middleware: middlewares,\n whileElementsMounted,\n });\n\n const commitShownLocalState = React.useCallback(\n (nextShown: boolean, reason: ShownChangeReason) => {\n setShownLocalState((prevState) => {\n if (prevState.shown !== nextShown \|\| prevState.reason !== reason) {\n return {\n shown: nextShown,\n reason,\n };\n }\n / istanbul ignore next: страховка, если вдруг на момент вызова обновления состояния, оно уже будет актуальным /\n return prevState;\n });\n },\n [setShownLocalState],\n );\n\n const [mouseEnterDelay, mouseLeaveDelay] =\n typeof hoverDelay === 'number' ? [hoverDelay, hoverDelay] : hoverDelay;\n\n const showWithDelay = React.useMemo(\n () => debounce(() => commitShownLocalState(true, 'hover'), mouseEnterDelay),\n [mouseEnterDelay, commitShownLocalState],\n );\n\n const hideWithDelay = React.useMemo(\n () => debounce(() => commitShownLocalState(false, 'hover'), mouseLeaveDelay),\n [mouseLeaveDelay, commitShownLocalState],\n );\n\n const handleFocusOnReference = useStableCallback(() => {\n // Повторный вызов события фокуса - следствие клика на reference-элемент\n if (shownLocalState.shown) {\n commitShownLocalState(false, 'focus');\n return;\n }\n if (blockFocusRef.current) {\n / istanbul ignore next: в Jest не воспроизводится баг на вебе (cм. onRestoreFocus) /\n blockFocusRef.current = false;\n return;\n }\n\n commitShownLocalState(true, 'focus');\n });\n\n const handleBlurOnReference = useStableCallback((event: React.FocusEvent) => {\n blockFocusRef.current = false;\n blockMouseEnterRef.current = false;\n\n if (!shownLocalState.shown) {\n clearTimeout(blurTimeoutRef.current);\n return;\n }\n\n const relatedTarget = event.relatedTarget;\n blurTimeoutRef.current = setTimeout(function waitWindowBlurFire() {\n const reference = refs.reference.current;\n // Если пользователь покинул текущее окно в открытом состоянии, то\n // не закрываем всплывающий элемент.\n / istanbul ignore if: не умеем симулировать уход из текущего окна /\n if (!relatedTarget && getActiveElementByAnotherElement(reference) === reference) {\n / istanbul ignore next /\n return;\n }\n\n // Если пользователь нажал на всплывающий элемент, то не закрываем всплывающий элемент.\n // Note: для этого элемент должен быть фокусируемый (например, за счёт `tabindex=\"-1\"`).\n if (contains(refs.floating.current, relatedTarget) \|\| contains(reference, relatedTarget)) {\n return;\n }\n\n commitShownLocalState(false, 'focus');\n });\n });\n\n const handleClickOnReference = useStableCallback(() => {\n // Предыдущий триггер (фокус) уже вызвал открытие/закрытие всплывающего окна, игнорируем вызов\n if (shownLocalState.reason === 'focus') {\n commitShownLocalState(shownLocalState.shown, 'click');\n return;\n }\n commitShownLocalState(!shownLocalState.shown, 'click');\n });\n\n const handleClickOnReferenceForOnlyClose = useStableCallback(() => {\n blockMouseEnterRef.current = true;\n commitShownLocalState(false, 'click');\n });\n\n const handleMouseEnterOnBoth = useStableCallback(() => {\n showWithDelay.cancel();\n hideWithDelay.cancel();\n\n if (!blockMouseEnterRef.current && !shownLocalState.shown) {\n showWithDelay();\n }\n });\n\n const handleMouseLeaveOnBothForHoverAndFocusStates = useStableCallback(() => {\n blockFocusRef.current = false;\n blockMouseEnterRef.current = false;\n\n if (triggerOnHover) {\n showWithDelay.cancel();\n hideWithDelay.cancel();\n\n if (shownLocalState.reason !== 'focus' && shownLocalState.reason !== 'click') {\n hideWithDelay();\n }\n }\n });\n\n const handleFloatingAnimationStart = () => {\n hasCSSAnimation.current = true;\n };\n\n const handleFloatingAnimationEnd = () => {\n if (willBeHide) {\n setShownFinalState(false);\n setWillBeHide(false);\n }\n };\n\n const handleOnClose = React.useCallback(() => {\n blockFocusRef.current = true;\n commitShownLocalState(false, 'callback');\n }, [commitShownLocalState]);\n\n const handleRestoreFocus = React.useCallback(\n () => (triggerOnFocus ? blockFocusRef.current : true),\n [triggerOnFocus],\n );\n\n const handleEscapeKeyDown = React.useCallback(() => {\n blockFocusRef.current = true;\n commitShownLocalState(false, 'escape-key');\n }, [commitShownLocalState]);\n\n const handleClickOutside = React.useCallback(() => {\n blockFocusRef.current = true;\n commitShownLocalState(false, 'click-outside');\n }, [commitShownLocalState]);\n\n useGlobalOnClickOutside(\n handleClickOutside,\n handleCloseOnReferenceClickOutsideDisabled ? null : refs.reference,\n handleCloseOnFloatingClickOutsideDisabled ? null : refs.floating,\n );\n\n useIsomorphicLayoutEffect(\n /\n Если пользователь покинул активное окно и:\n * 1. целевой элемент был в состоянии фокуса;\n * 2. всплывающий элемент был закрытом состоянии;\n * то фокус должен быть заблокирован, когда пользователь вернётся обратно. Иначе покажется\n * всплывающий элемент.\n /\n function setGlobalBlurForTriggerOnFocus() {\n if (!triggerOnFocus \|\| !refs.reference.current) {\n return;\n }\n\n const handleGlobalBlur = () => {\n / istanbul ignore next /\n const reference = refs.reference.current;\n / istanbul ignore if: не умеем симулировать уход из текущего окна /\n if (\n !shownLocalState.shown &&\n isHTMLElement(reference) &&\n reference === getActiveElementByAnotherElement(reference)\n ) {\n / istanbul ignore next */\n blockFocusRef.current = true;\n }\n };\n\n const win = getWindow(refs.reference.current);\n win.addEventListener('blur', handleGlobalBlur);\n return () => {\n win.removeEventListener('blur', handleGlobalBlur);\n };\n },\n [triggerOnFocus, refs.reference, shownLocalState],\n );\n\n useIsomorphicLayoutEffect(\n function resolveShownStates() {\n if (willBeHide \|\| shownLocalState.shown === shownFinalState) {\n return;\n }\n\n if (shownLocalState.shown) {\n setShownFinalState(true);\n } else if (hasCSSAnimation.current && !willBeHide) {\n setWillBeHide(true);\n } else {\n setShownFinalState(false);\n }\n\n return () => {\n clearTimeout(blurTimeoutRef.current);\n };\n },\n [shownLocalState, shownFinalState, willBeHide],\n );\n\n const referencePropsRef = React.useRef<ReferenceProps>({});\n const floatingPropsRef = React.useRef<FloatingProps>({ style: {} });\n\n if (shownFinalState) {\n floatingPropsRef.current.style = convertFloatingDataToReactCSSProperties(\n strategy,\n x,\n y,\n undefined,\n middlewareData,\n );\n\n if (disableInteractive) {\n floatingPropsRef.current.style.pointerEvents = 'none';\n }\n }\n\n if (triggerOnFocus) {\n referencePropsRef.current.onFocus = handleFocusOnReference;\n referencePropsRef.current.onBlur = handleBlurOnReference;\n }\n\n if (triggerOnClick) {\n referencePropsRef.current.onClick = handleClickOnReference;\n }\n\n if (triggerOnHover) {\n referencePropsRef.current.onMouseOver = handleMouseEnterOnBoth;\n\n if (closeAfterClick && !triggerOnClick) {\n referencePropsRef.current.onClick = handleClickOnReferenceForOnlyClose;\n }\n\n if (!disableInteractive) {\n floatingPropsRef.current.onMouseOver = handleMouseEnterOnBoth;\n }\n }\n\n if (triggerOnHover \|\| triggerOnFocus) {\n referencePropsRef.current.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n\n if (!disableInteractive) {\n floatingPropsRef.current.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n }\n }\n\n if (shownFinalState) {\n floatingPropsRef.current.onAnimationStart = handleFloatingAnimationStart;\n floatingPropsRef.current.onAnimationEnd = handleFloatingAnimationEnd;\n }\n\n return {\n placement,\n shown: shownFinalState,\n willBeHide,\n refs,\n referenceProps: referencePropsRef.current,\n floatingProps: floatingPropsRef.current,\n middlewareData,\n onClose: handleOnClose,\n // FocusTrap уже определяет нажатие на ESC, поэтому название события содержит конкретный код\n // кнопки вместо просто onKeyDown.\n onEscapeKeyDown: !shownFinalState \|\| disableCloseOnEscKey ? undefined : handleEscapeKeyDown,\n // [Обход баги с FocusTrap]\n //\n // Если сфокусироваться на целевой элемент через нажатие, а потом нажать в область за пределами\n // целевого и всплывающего элемента, то появляется моргание из-за того, что FocusTrap\n // восстанавливает фокус, из-за чего всплывающий элемент снова показывается за счёт\n // `handleFocusOnReference`, а потом скрывается за счёт `handleBlurOnReference`.\n onRestoreFocus: handleRestoreFocus,\n };\n};\n"],"names":["React","debounce","getWindow","isHTMLElement","useCustomEnsuredControl","useGlobalOnClickOutside","useStableCallback","contains","getActiveElementByAnotherElement","useIsomorphicLayoutEffect","autoUpdateFloatingElement","useFloating","convertFloatingDataToReactCSSProperties","DEFAULT_TRIGGER","useResolveTriggerType","whileElementsMounted","args","elementResize","useFloatingWithInteractions","trigger","placement","placementProp","middlewares","hoverDelay","closeAfterClick","disabled","disableInteractive","disableCloseOnClickOutside","disableCloseOnEscKey","defaultShown","shown","shownProp","onShownChange","onShownChangeProp","memoizedValue","useMemo","undefined","shownLocalState","setShownLocalState","value","defaultValue","onChange","reason","shownFinalState","setShownFinalState","useState","willBeHide","setWillBeHide","hasCSSAnimation","useRef","blockMouseEnterRef","blockFocusRef","blurTimeoutRef","handleCloseOnReferenceClickOutsideDisabled","handleCloseOnFloatingClickOutsideDisabled","triggerOnFocus","triggerOnClick","triggerOnHover","x","y","strategy","refs","middlewareData","middleware","commitShownLocalState","useCallback","nextShown","prevState","mouseEnterDelay","mouseLeaveDelay","showWithDelay","hideWithDelay","handleFocusOnReference","current","handleBlurOnReference","event","clearTimeout","relatedTarget","setTimeout","waitWindowBlurFire","reference","floating","handleClickOnReference","handleClickOnReferenceForOnlyClose","handleMouseEnterOnBoth","cancel","handleMouseLeaveOnBothForHoverAndFocusStates","handleFloatingAnimationStart","handleFloatingAnimationEnd","handleOnClose","handleRestoreFocus","handleEscapeKeyDown","handleClickOutside","setGlobalBlurForTriggerOnFocus","handleGlobalBlur","win","addEventListener","removeEventListener","resolveShownStates","referencePropsRef","floatingPropsRef","style","pointerEvents","onFocus","onBlur","onClick","onMouseOver","onMouseLeave","onAnimationStart","onAnimationEnd","referenceProps","floatingProps","onClose","onEscapeKeyDown","onRestoreFocus"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,QAAQ,QAAQ,kBAAkB;AAC3C,SAASC,SAAS,EAAEC,aAAa,QAAQ,wCAAwC;AACjF,SAASC,uBAAuB,QAAQ,mCAAmC;AAC3E,SAASC,uBAAuB,QAAQ,yCAAyC;AACjF,SAASC,iBAAiB,QAAQ,mCAAmC;AACrE,SAASC,QAAQ,EAAEC,gCAAgC,QAAQ,YAAY;AACvE,SAASC,yBAAyB,QAAQ,kCAAkC;AAC5E,SAASC,yBAAyB,EAAEC,WAAW,QAAQ,cAAc;AACrE,SAASC,uCAAuC,QAAQ,eAAe;AAEvE,SAASC,eAAe,QAAQ,cAAc;AAQ9C,SAASC,qBAAqB,QAAQ,0BAA0B;AAIhE,MAAMC,uBAAmE,CAAC,GAAGC,OAC3E,+CAA+C,GAC/CN,6BAA6BM,MAAM;QAAEC,eAAe;IAAK;AAE3D;;CAEC,GACD,OAAO,MAAMC,8BAA8B,CAAsC,EAC/EC,UAAUN,eAAe,EAEzB,cAAc;AACdO,WAAWC,gBAAgB,QAAQ,EACnCC,WAAW,EACXC,aAAa,CAAC,EACdC,kBAAkB,KAAK,EAEvB,WAAW;AACXC,WAAW,KAAK,EAChBC,qBAAqB,KAAK,EAC1BC,6BAA6B,KAAK,EAClCC,uBAAuB,KAAK,EAE5B,eAAe;AACfC,eAAe,KAAK,EAEpB,aAAa;AACbC,OAAOC,SAAS,EAChBC,eAAeC,iBAAiB,EACC;IACjC,MAAMC,gBAAgBlC,MAAMmC,OAAO,CACjC,IAAOJ,cAAcK,YAAY;YAAEN,OAAOC;QAAU,IAAIK,WACxD;QAACL;KAAU;IAEb,MAAM,CAACM,iBAAiBC,mBAAmB,GAAGlC,wBAAoC;QAChFmC,OAAOL;QACPT;QACAe,cAAc;YAAEV,OAAOD;QAAa;QACpCY,UAAUnC,kBAAkB,CAAC,EAAEwB,KAAK,EAAEY,MAAM,EAAE;YAC5C,IAAIT,mBAAmB;gBACrBA,kBAAkBH,OAAOY;YAC3B;QACF;IACF;IACA,MAAM,CAACC,iBAAiBC,mBAAmB,GAAG5C,MAAM6C,QAAQ,CAAC,IAAMR,gBAAgBP,KAAK;IACxF,MAAM,CAACgB,YAAYC,cAAc,GAAG/C,MAAM6C,QAAQ,CAAC;IAEnD,MAAMG,kBAAkBhD,MAAMiD,MAAM,CAAC;IAErC,MAAMC,qBAAqBlD,MAAMiD,MAAM,CAAC;IACxC,MAAME,gBAAgBnD,MAAMiD,MAAM,CAAC;IACnC,MAAMG,iBAAiBpD,MAAMiD,MAAM;IAEnC,MAAMI,6CACJ5B,YAAYE,8BAA8BmB,cAAc,CAACT,gBAAgBP,KAAK;IAChF,MAAMwB,4CACJ5B,sBAAsB2B;IAExB,MAAM,EAAEE,cAAc,EAAEC,cAAc,EAAEC,cAAc,EAAE,GAAG3C,sBAAsBK;IAEjF,2BAA2B;IAC3B,MAAM,EAAEC,SAAS,EAAEsC,CAAC,EAAEC,CAAC,EAAEC,QAAQ,EAAEC,IAAI,EAAEC,cAAc,EAAE,GAAGnD,YAAe;QACzEiD,UAAU;QACVxC,WAAWC;QACX0C,YAAYzC;QACZP;IACF;IAEA,MAAMiD,wBAAwBhE,MAAMiE,WAAW,CAC7C,CAACC,WAAoBxB;QACnBJ,mBAAmB,CAAC6B;YAClB,IAAIA,UAAUrC,KAAK,KAAKoC,aAAaC,UAAUzB,MAAM,KAAKA,QAAQ;gBAChE,OAAO;oBACLZ,OAAOoC;oBACPxB;gBACF;YACF;YACA,+GAA+G,GAC/G,OAAOyB;QACT;IACF,GACA;QAAC7B;KAAmB;IAGtB,MAAM,CAAC8B,iBAAiBC,gBAAgB,GACtC,OAAO9C,eAAe,WAAW;QAACA;QAAYA;KAAW,GAAGA;IAE9D,MAAM+C,gBAAgBtE,MAAMmC,OAAO,CACjC,IAAMlC,SAAS,IAAM+D,sBAAsB,MAAM,UAAUI,kBAC3D;QAACA;QAAiBJ;KAAsB;IAG1C,MAAMO,gBAAgBvE,MAAMmC,OAAO,CACjC,IAAMlC,SAAS,IAAM+D,sBAAsB,OAAO,UAAUK,kBAC5D;QAACA;QAAiBL;KAAsB;IAG1C,MAAMQ,yBAAyBlE,kBAAkB;QAC/C,wEAAwE;QACxE,IAAI+B,gBAAgBP,KAAK,EAAE;YACzBkC,sBAAsB,OAAO;YAC7B;QACF;QACA,IAAIb,cAAcsB,OAAO,EAAE;YACzB,oFAAoF,GACpFtB,cAAcsB,OAAO,GAAG;YACxB;QACF;QAEAT,sBAAsB,MAAM;IAC9B;IAEA,MAAMU,wBAAwBpE,kBAAkB,CAACqE;QAC/CxB,cAAcsB,OAAO,GAAG;QACxBvB,mBAAmBuB,OAAO,GAAG;QAE7B,IAAI,CAACpC,gBAAgBP,KAAK,EAAE;YAC1B8C,aAAaxB,eAAeqB,OAAO;YACnC;QACF;QAEA,MAAMI,gBAAgBF,MAAME,aAAa;QACzCzB,eAAeqB,OAAO,GAAGK,WAAW,SAASC;YAC3C,MAAMC,YAAYnB,KAAKmB,SAAS,CAACP,OAAO;YACxC,kEAAkE;YAClE,oCAAoC;YACpC,mEAAmE,GACnE,IAAI,CAACI,iBAAiBrE,iCAAiCwE,eAAeA,WAAW;gBAC/E,wBAAwB,GACxB;YACF;YAEA,uFAAuF;YACvF,wFAAwF;YACxF,IAAIzE,SAASsD,KAAKoB,QAAQ,CAACR,OAAO,EAAEI,kBAAkBtE,SAASyE,WAAWH,gBAAgB;gBACxF;YACF;YAEAb,sBAAsB,OAAO;QAC/B;IACF;IAEA,MAAMkB,yBAAyB5E,kBAAkB;QAC/C,8FAA8F;QAC9F,IAAI+B,gBAAgBK,MAAM,KAAK,SAAS;YACtCsB,sBAAsB3B,gBAAgBP,KAAK,EAAE;YAC7C;QACF;QACAkC,sBAAsB,CAAC3B,gBAAgBP,KAAK,EAAE;IAChD;IAEA,MAAMqD,qCAAqC7E,kBAAkB;QAC3D4C,mBAAmBuB,OAAO,GAAG;QAC7BT,sBAAsB,OAAO;IAC/B;IAEA,MAAMoB,yBAAyB9E,kBAAkB;QAC/CgE,cAAce,MAAM;QACpBd,cAAcc,MAAM;QAEpB,IAAI,CAACnC,mBAAmBuB,OAAO,IAAI,CAACpC,gBAAgBP,KAAK,EAAE;YACzDwC;QACF;IACF;IAEA,MAAMgB,+CAA+ChF,kBAAkB;QACrE6C,cAAcsB,OAAO,GAAG;QACxBvB,mBAAmBuB,OAAO,GAAG;QAE7B,IAAIhB,gBAAgB;YAClBa,cAAce,MAAM;YACpBd,cAAcc,MAAM;YAEpB,IAAIhD,gBAAgBK,MAAM,KAAK,WAAWL,gBAAgBK,MAAM,KAAK,SAAS;gBAC5E6B;YACF;QACF;IACF;IAEA,MAAMgB,+BAA+B;QACnCvC,gBAAgByB,OAAO,GAAG;IAC5B;IAEA,MAAMe,6BAA6B;QACjC,IAAI1C,YAAY;YACdF,mBAAmB;YACnBG,cAAc;QAChB;IACF;IAEA,MAAM0C,gBAAgBzF,MAAMiE,WAAW,CAAC;QACtCd,cAAcsB,OAAO,GAAG;QACxBT,sBAAsB,OAAO;IAC/B,GAAG;QAACA;KAAsB;IAE1B,MAAM0B,qBAAqB1F,MAAMiE,WAAW,CAC1C,IAAOV,iBAAiBJ,cAAcsB,OAAO,GAAG,MAChD;QAAClB;KAAe;IAGlB,MAAMoC,sBAAsB3F,MAAMiE,WAAW,CAAC;QAC5Cd,cAAcsB,OAAO,GAAG;QACxBT,sBAAsB,OAAO;IAC/B,GAAG;QAACA;KAAsB;IAE1B,MAAM4B,qBAAqB5F,MAAMiE,WAAW,CAAC;QAC3Cd,cAAcsB,OAAO,GAAG;QACxBT,sBAAsB,OAAO;IAC/B,GAAG;QAACA;KAAsB;IAE1B3D,wBACEuF,oBACAvC,6CAA6C,OAAOQ,KAAKmB,SAAS,EAClE1B,4CAA4C,OAAOO,KAAKoB,QAAQ;IAGlExE,0BACE;;;;;;KAMC,GACD,SAASoF;QACP,IAAI,CAACtC,kBAAkB,CAACM,KAAKmB,SAAS,CAACP,OAAO,EAAE;YAC9C;QACF;QAEA,MAAMqB,mBAAmB;YACvB,wBAAwB,GACxB,MAAMd,YAAYnB,KAAKmB,SAAS,CAACP,OAAO;YACxC,mEAAmE,GACnE,IACE,CAACpC,gBAAgBP,KAAK,IACtB3B,cAAc6E,cACdA,cAAcxE,iCAAiCwE,YAC/C;gBACA,wBAAwB,GACxB7B,cAAcsB,OAAO,GAAG;YAC1B;QACF;QAEA,MAAMsB,MAAM7F,UAAU2D,KAAKmB,SAAS,CAACP,OAAO;QAC5CsB,IAAIC,gBAAgB,CAAC,QAAQF;QAC7B,OAAO;YACLC,IAAIE,mBAAmB,CAAC,QAAQH;QAClC;IACF,GACA;QAACvC;QAAgBM,KAAKmB,SAAS;QAAE3C;KAAgB;IAGnD5B,0BACE,SAASyF;QACP,IAAIpD,cAAcT,gBAAgBP,KAAK,KAAKa,iBAAiB;YAC3D;QACF;QAEA,IAAIN,gBAAgBP,KAAK,EAAE;YACzBc,mBAAmB;QACrB,OAAO,IAAII,gBAAgByB,OAAO,IAAI,CAAC3B,YAAY;YACjDC,cAAc;QAChB,OAAO;YACLH,mBAAmB;QACrB;QAEA,OAAO;YACLgC,aAAaxB,eAAeqB,OAAO;QACrC;IACF,GACA;QAACpC;QAAiBM;QAAiBG;KAAW;IAGhD,MAAMqD,oBAAoBnG,MAAMiD,MAAM,CAAiB,CAAC;IACxD,MAAMmD,mBAAmBpG,MAAMiD,MAAM,CAAgB;QAAEoD,OAAO,CAAC;IAAE;IAEjE,IAAI1D,iBAAiB;QACnByD,iBAAiB3B,OAAO,CAAC4B,KAAK,GAAGzF,wCAC/BgD,UACAF,GACAC,GACAvB,WACA0B;QAGF,IAAIpC,oBAAoB;YACtB0E,iBAAiB3B,OAAO,CAAC4B,KAAK,CAACC,aAAa,GAAG;QACjD;IACF;IAEA,IAAI/C,gBAAgB;QAClB4C,kBAAkB1B,OAAO,CAAC8B,OAAO,GAAG/B;QACpC2B,kBAAkB1B,OAAO,CAAC+B,MAAM,GAAG9B;IACrC;IAEA,IAAIlB,gBAAgB;QAClB2C,kBAAkB1B,OAAO,CAACgC,OAAO,GAAGvB;IACtC;IAEA,IAAIzB,gBAAgB;QAClB0C,kBAAkB1B,OAAO,CAACiC,WAAW,GAAGtB;QAExC,IAAI5D,mBAAmB,CAACgC,gBAAgB;YACtC2C,kBAAkB1B,OAAO,CAACgC,OAAO,GAAGtB;QACtC;QAEA,IAAI,CAACzD,oBAAoB;YACvB0E,iBAAiB3B,OAAO,CAACiC,WAAW,GAAGtB;QACzC;IACF;IAEA,IAAI3B,kBAAkBF,gBAAgB;QACpC4C,kBAAkB1B,OAAO,CAACkC,YAAY,GAAGrB;QAEzC,IAAI,CAAC5D,oBAAoB;YACvB0E,iBAAiB3B,OAAO,CAACkC,YAAY,GAAGrB;QAC1C;IACF;IAEA,IAAI3C,iBAAiB;QACnByD,iBAAiB3B,OAAO,CAACmC,gBAAgB,GAAGrB;QAC5Ca,iBAAiB3B,OAAO,CAACoC,cAAc,GAAGrB;IAC5C;IAEA,OAAO;QACLpE;QACAU,OAAOa;QACPG;QACAe;QACAiD,gBAAgBX,kBAAkB1B,OAAO;QACzCsC,eAAeX,iBAAiB3B,OAAO;QACvCX;QACAkD,SAASvB;QACT,4FAA4F;QAC5F,kCAAkC;QAClCwB,iBAAiB,CAACtE,mBAAmBf,uBAAuBQ,YAAYuD;QACxE,2BAA2B;QAC3B,EAAE;QACF,+FAA+F;QAC/F,qFAAqF;QACrF,mFAAmF;QACnF,gFAAgF;QAChFuB,gBAAgBxB;IAClB;AACF,EAAE"}
1	+ {"version":3,"sources":["../../../../../src/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.ts"],"sourcesContent":["import * as React from 'react';\nimport { debounce } from '@vkontakte/vkjs';\nimport { getWindow, isHTMLElement } from '@vkontakte/vkui-floating-ui/utils/dom';\nimport { useCustomEnsuredControl } from '../../../hooks/useEnsuredControl';\nimport { useGlobalOnClickOutside } from '../../../hooks/useGlobalOnClickOutside';\nimport { useStableCallback } from '../../../hooks/useStableCallback';\nimport { contains, getActiveElementByAnotherElement } from '../../dom';\nimport { useIsomorphicLayoutEffect } from '../../useIsomorphicLayoutEffect';\nimport { autoUpdateFloatingElement, useFloating } from '../adapters';\nimport { convertFloatingDataToReactCSSProperties } from '../functions';\nimport { type UseFloatingOptions } from '../types/common';\nimport { DEFAULT_TRIGGER } from './constants';\nimport type {\n FloatingProps,\n ReferenceProps,\n ShownChangeReason,\n UseFloatingWithInteractionsProps,\n UseFloatingWithInteractionsReturn,\n} from './types';\nimport { useResolveTriggerType } from './useResolveTriggerType';\n\ntype LocalState = { shown: boolean; reason?: ShownChangeReason };\n\nconst whileElementsMounted: UseFloatingOptions['whileElementsMounted'] = (...args) =>\n /* istanbul ignore next: не знаю как проверить /\n autoUpdateFloatingElement(...args, { elementResize: true });\n\n/\n @private\n /\nexport const useFloatingWithInteractions = <T extends HTMLElement = HTMLElement>({\n trigger = DEFAULT_TRIGGER,\n\n // UseFloating\n placement: placementProp = 'bottom',\n middlewares,\n hoverDelay = 0,\n closeAfterClick = false,\n\n // disables\n disabled = false,\n disableInteractive = false,\n disableCloseOnClickOutside = false,\n disableCloseOnEscKey = false,\n\n // uncontrolled\n defaultShown = false,\n\n // controlled\n shown: shownProp,\n onShownChange: onShownChangeProp,\n}: UseFloatingWithInteractionsProps): UseFloatingWithInteractionsReturn<T> => {\n const memoizedValue = React.useMemo(\n () => (shownProp !== undefined ? { shown: shownProp } : undefined),\n [shownProp],\n );\n const [shownLocalState, setShownLocalState] = useCustomEnsuredControl<LocalState>({\n value: memoizedValue,\n disabled,\n defaultValue: { shown: defaultShown },\n onChange: useStableCallback(({ shown, reason }) => {\n if (onShownChangeProp) {\n onShownChangeProp(shown, reason);\n }\n }),\n });\n const [shownFinalState, setShownFinalState] = React.useState(() => shownLocalState.shown);\n const [willBeHide, setWillBeHide] = React.useState(false);\n\n const hasCSSAnimation = React.useRef(false);\n\n const blockMouseEnterRef = React.useRef(false);\n const blockFocusRef = React.useRef(false);\n const blurTimeoutRef = React.useRef<ReturnType<typeof setTimeout>>();\n\n const handleCloseOnReferenceClickOutsideDisabled =\n disabled \|\| disableCloseOnClickOutside \|\| willBeHide \|\| !shownLocalState.shown;\n const handleCloseOnFloatingClickOutsideDisabled =\n disableInteractive \|\| handleCloseOnReferenceClickOutsideDisabled;\n\n const { triggerOnFocus, triggerOnClick, triggerOnHover } = useResolveTriggerType(trigger);\n\n // Библиотека `floating-ui`\n const { placement, x, y, strategy, refs, middlewareData } = useFloating<T>({\n strategy: 'fixed',\n placement: placementProp,\n middleware: middlewares,\n whileElementsMounted,\n });\n\n const commitShownLocalState = React.useCallback(\n (nextShown: boolean, reason: ShownChangeReason) => {\n setShownLocalState((prevState) => {\n if (prevState.shown !== nextShown \|\| prevState.reason !== reason) {\n return {\n shown: nextShown,\n reason,\n };\n }\n / istanbul ignore next: страховка, если вдруг на момент вызова обновления состояния, оно уже будет актуальным /\n return prevState;\n });\n },\n [setShownLocalState],\n );\n\n const [mouseEnterDelay, mouseLeaveDelay] =\n typeof hoverDelay === 'number' ? [hoverDelay, hoverDelay] : hoverDelay;\n\n const showWithDelay = React.useMemo(\n () => debounce(() => commitShownLocalState(true, 'hover'), mouseEnterDelay),\n [mouseEnterDelay, commitShownLocalState],\n );\n\n const hideWithDelay = React.useMemo(\n () => debounce(() => commitShownLocalState(false, 'hover'), mouseLeaveDelay),\n [mouseLeaveDelay, commitShownLocalState],\n );\n\n const handleFocusOnReference = useStableCallback(() => {\n // Повторный вызов события фокуса - следствие клика на reference-элемент\n if (shownLocalState.shown) {\n commitShownLocalState(false, 'focus');\n return;\n }\n if (blockFocusRef.current) {\n / istanbul ignore next: в Jest не воспроизводится баг на вебе (cм. onRestoreFocus) /\n blockFocusRef.current = false;\n return;\n }\n\n commitShownLocalState(true, 'focus');\n });\n\n const handleBlurOnReference = useStableCallback((event: React.FocusEvent) => {\n blockFocusRef.current = false;\n blockMouseEnterRef.current = false;\n\n if (!shownLocalState.shown) {\n clearTimeout(blurTimeoutRef.current);\n return;\n }\n\n const relatedTarget = event.relatedTarget;\n blurTimeoutRef.current = setTimeout(function waitWindowBlurFire() {\n const reference = refs.reference.current;\n // Если пользователь покинул текущее окно в открытом состоянии, то\n // не закрываем всплывающий элемент.\n / istanbul ignore if: не умеем симулировать уход из текущего окна /\n if (!relatedTarget && getActiveElementByAnotherElement(reference) === reference) {\n / istanbul ignore next /\n return;\n }\n\n // Если пользователь нажал на всплывающий элемент, то не закрываем всплывающий элемент.\n // Note: для этого элемент должен быть фокусируемый (например, за счёт `tabindex=\"-1\"`).\n if (contains(refs.floating.current, relatedTarget) \|\| contains(reference, relatedTarget)) {\n return;\n }\n\n commitShownLocalState(false, 'focus');\n });\n });\n\n const handleClickOnReference = useStableCallback(() => {\n // Предыдущий триггер (фокус) уже вызвал открытие/закрытие всплывающего окна, игнорируем вызов\n if (shownLocalState.reason === 'focus') {\n commitShownLocalState(shownLocalState.shown, 'click');\n return;\n }\n commitShownLocalState(!shownLocalState.shown, 'click');\n });\n\n const handleClickOnReferenceForOnlyClose = useStableCallback(() => {\n blockMouseEnterRef.current = true;\n commitShownLocalState(false, 'click');\n });\n\n const handleMouseEnterOnBoth = useStableCallback(() => {\n showWithDelay.cancel();\n hideWithDelay.cancel();\n\n if (!blockMouseEnterRef.current && !shownLocalState.shown) {\n showWithDelay();\n }\n });\n\n const handleMouseLeaveOnBothForHoverAndFocusStates = useStableCallback(() => {\n blockFocusRef.current = false;\n blockMouseEnterRef.current = false;\n\n if (triggerOnHover) {\n showWithDelay.cancel();\n hideWithDelay.cancel();\n\n if (shownLocalState.reason !== 'focus' && shownLocalState.reason !== 'click') {\n hideWithDelay();\n }\n }\n });\n\n const handleFloatingAnimationStart = () => {\n hasCSSAnimation.current = true;\n };\n\n const handleFloatingAnimationEnd = () => {\n if (willBeHide) {\n setShownFinalState(false);\n setWillBeHide(false);\n }\n };\n\n const handleOnClose = React.useCallback(() => {\n blockFocusRef.current = true;\n commitShownLocalState(false, 'callback');\n }, [commitShownLocalState]);\n\n const handleRestoreFocus = React.useCallback(\n () => (triggerOnFocus ? blockFocusRef.current : true),\n [triggerOnFocus],\n );\n\n const handleEscapeKeyDown = React.useCallback(() => {\n blockFocusRef.current = true;\n commitShownLocalState(false, 'escape-key');\n }, [commitShownLocalState]);\n\n const handleClickOutside = React.useCallback(() => {\n blockFocusRef.current = true;\n commitShownLocalState(false, 'click-outside');\n }, [commitShownLocalState]);\n\n useGlobalOnClickOutside(\n handleClickOutside,\n handleCloseOnReferenceClickOutsideDisabled ? null : refs.reference,\n handleCloseOnFloatingClickOutsideDisabled ? null : refs.floating,\n );\n\n useIsomorphicLayoutEffect(\n /\n Если пользователь покинул активное окно и:\n * 1. целевой элемент был в состоянии фокуса;\n * 2. всплывающий элемент был закрытом состоянии;\n * то фокус должен быть заблокирован, когда пользователь вернётся обратно. Иначе покажется\n * всплывающий элемент.\n /\n function setGlobalBlurForTriggerOnFocus() {\n if (!triggerOnFocus \|\| !refs.reference.current) {\n return;\n }\n\n const handleGlobalBlur = () => {\n / istanbul ignore next /\n const reference = refs.reference.current;\n / istanbul ignore if: не умеем симулировать уход из текущего окна /\n if (\n !shownLocalState.shown &&\n isHTMLElement(reference) &&\n reference === getActiveElementByAnotherElement(reference)\n ) {\n / istanbul ignore next */\n blockFocusRef.current = true;\n }\n };\n\n const win = getWindow(refs.reference.current);\n win.addEventListener('blur', handleGlobalBlur);\n return () => {\n win.removeEventListener('blur', handleGlobalBlur);\n };\n },\n [triggerOnFocus, refs.reference, shownLocalState],\n );\n\n useIsomorphicLayoutEffect(\n function resolveShownStates() {\n if (willBeHide \|\| shownLocalState.shown === shownFinalState) {\n return;\n }\n\n if (shownLocalState.shown) {\n setShownFinalState(true);\n } else if (hasCSSAnimation.current && !willBeHide) {\n setWillBeHide(true);\n } else {\n setShownFinalState(false);\n }\n\n return () => {\n clearTimeout(blurTimeoutRef.current);\n };\n },\n [shownLocalState, shownFinalState, willBeHide],\n );\n\n const referencePropsRef = React.useRef<ReferenceProps>({});\n const floatingPropsRef = React.useRef<FloatingProps>({ style: {} });\n\n if (shownFinalState) {\n floatingPropsRef.current.style = convertFloatingDataToReactCSSProperties(\n strategy,\n x,\n y,\n undefined,\n middlewareData,\n );\n\n if (disableInteractive) {\n floatingPropsRef.current.style.pointerEvents = 'none';\n }\n }\n\n if (triggerOnFocus) {\n referencePropsRef.current.onFocus = handleFocusOnReference;\n referencePropsRef.current.onBlur = handleBlurOnReference;\n }\n\n if (triggerOnClick) {\n referencePropsRef.current.onClick = handleClickOnReference;\n }\n\n if (triggerOnHover) {\n referencePropsRef.current.onMouseOver = handleMouseEnterOnBoth;\n\n if (closeAfterClick && !triggerOnClick) {\n referencePropsRef.current.onClick = handleClickOnReferenceForOnlyClose;\n }\n\n if (!disableInteractive) {\n floatingPropsRef.current.onMouseOver = handleMouseEnterOnBoth;\n }\n }\n\n if (triggerOnHover \|\| triggerOnFocus) {\n referencePropsRef.current.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n\n if (!disableInteractive) {\n floatingPropsRef.current.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n }\n }\n\n if (shownFinalState) {\n floatingPropsRef.current.onAnimationStart = handleFloatingAnimationStart;\n floatingPropsRef.current.onAnimationEnd = handleFloatingAnimationEnd;\n }\n\n return {\n placement,\n shown: shownFinalState,\n willBeHide,\n refs,\n referenceProps: referencePropsRef.current,\n floatingProps: floatingPropsRef.current,\n middlewareData,\n onClose: handleOnClose,\n // FocusTrap уже определяет нажатие на ESC, поэтому название события содержит конкретный код\n // кнопки вместо просто onKeyDown.\n onEscapeKeyDown: !shownFinalState \|\| disableCloseOnEscKey ? undefined : handleEscapeKeyDown,\n // [Обход баги с FocusTrap]\n //\n // Если сфокусироваться на целевой элемент через нажатие, а потом нажать в область за пределами\n // целевого и всплывающего элемента, то появляется моргание из-за того, что FocusTrap\n // восстанавливает фокус, из-за чего всплывающий элемент снова показывается за счёт\n // `handleFocusOnReference`, а потом скрывается за счёт `handleBlurOnReference`.\n onRestoreFocus: handleRestoreFocus,\n };\n};\n"],"names":["React","debounce","getWindow","isHTMLElement","useCustomEnsuredControl","useGlobalOnClickOutside","useStableCallback","contains","getActiveElementByAnotherElement","useIsomorphicLayoutEffect","autoUpdateFloatingElement","useFloating","convertFloatingDataToReactCSSProperties","DEFAULT_TRIGGER","useResolveTriggerType","whileElementsMounted","args","elementResize","useFloatingWithInteractions","trigger","placement","placementProp","middlewares","hoverDelay","closeAfterClick","disabled","disableInteractive","disableCloseOnClickOutside","disableCloseOnEscKey","defaultShown","shown","shownProp","onShownChange","onShownChangeProp","memoizedValue","useMemo","undefined","shownLocalState","setShownLocalState","value","defaultValue","onChange","reason","shownFinalState","setShownFinalState","useState","willBeHide","setWillBeHide","hasCSSAnimation","useRef","blockMouseEnterRef","blockFocusRef","blurTimeoutRef","handleCloseOnReferenceClickOutsideDisabled","handleCloseOnFloatingClickOutsideDisabled","triggerOnFocus","triggerOnClick","triggerOnHover","x","y","strategy","refs","middlewareData","middleware","commitShownLocalState","useCallback","nextShown","prevState","mouseEnterDelay","mouseLeaveDelay","showWithDelay","hideWithDelay","handleFocusOnReference","current","handleBlurOnReference","event","clearTimeout","relatedTarget","setTimeout","waitWindowBlurFire","reference","floating","handleClickOnReference","handleClickOnReferenceForOnlyClose","handleMouseEnterOnBoth","cancel","handleMouseLeaveOnBothForHoverAndFocusStates","handleFloatingAnimationStart","handleFloatingAnimationEnd","handleOnClose","handleRestoreFocus","handleEscapeKeyDown","handleClickOutside","setGlobalBlurForTriggerOnFocus","handleGlobalBlur","win","addEventListener","removeEventListener","resolveShownStates","referencePropsRef","floatingPropsRef","style","pointerEvents","onFocus","onBlur","onClick","onMouseOver","onMouseLeave","onAnimationStart","onAnimationEnd","referenceProps","floatingProps","onClose","onEscapeKeyDown","onRestoreFocus"],"mappings":"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"}

package/dist/cssm/lib/floating/useFloatingWithInteractions/useResolveTriggerType.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/lib/floating/useFloatingWithInteractions/useResolveTriggerType.ts"],"sourcesContent":["import type { TriggerType } from './types';\n\nexport const useResolveTriggerType = (triggerProp: TriggerType) =>\n (typeof triggerProp === 'string' ? [triggerProp] : triggerProp).reduce(\n (result, trigger) => {\n switch (trigger) {\n case 'click':\n result.triggerOnClick = true;\n return result;\n case 'hover':\n result.triggerOnHover = true;\n return result;\n case 'focus':\n result.triggerOnFocus = true;\n return result;\n case 'manual':\n return result;\n }\n },\n {\n triggerOnFocus: false,\n triggerOnClick: false,\n triggerOnHover: false,\n },\n );\n"],"names":["useResolveTriggerType","triggerProp","reduce","result","trigger","triggerOnClick","triggerOnHover","triggerOnFocus"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;;","~~mappings":"AAEA,OAAO,MAAMA,wBAAwB,CAACC,cACpC,AAAC,CAAA,OAAOA,gBAAgB,WAAW;QAACA;KAAY,GAAGA,WAAU,EAAGC,MAAM,CACpE,CAACC,QAAQC;QACP,OAAQA;YACN,KAAK;gBACHD,OAAOE,cAAc,GAAG;gBACxB,OAAOF;YACT,KAAK;gBACHA,OAAOG,cAAc,GAAG;gBACxB,OAAOH;YACT,KAAK;gBACHA,OAAOI,cAAc,GAAG;gBACxB,OAAOJ;YACT,KAAK;gBACH,OAAOA;QACX;IACF,GACA;QACEI,gBAAgB;QAChBF,gBAAgB;QAChBC,gBAAgB;IAClB,GACA"}
1	+ {"version":3,"sources":["../../../../../src/lib/floating/useFloatingWithInteractions/useResolveTriggerType.ts"],"sourcesContent":["import type { TriggerType } from './types';\n\nexport const useResolveTriggerType = (triggerProp: TriggerType) =>\n (typeof triggerProp === 'string' ? [triggerProp] : triggerProp).reduce(\n (result, trigger) => {\n switch (trigger) {\n case 'click':\n result.triggerOnClick = true;\n return result;\n case 'hover':\n result.triggerOnHover = true;\n return result;\n case 'focus':\n result.triggerOnFocus = true;\n return result;\n case 'manual':\n return result;\n }\n },\n {\n triggerOnFocus: false,\n triggerOnClick: false,\n triggerOnHover: false,\n },\n );\n"],"names":["useResolveTriggerType","triggerProp","reduce","result","trigger","triggerOnClick","triggerOnHover","triggerOnFocus"],"mappings":"AAEA,OAAO,MAAMA,wBAAwB,CAACC,cACpC,AAAC,CAAA,OAAOA,gBAAgB,WAAW;QAACA;KAAY,GAAGA,WAAU,EAAGC,MAAM,CACpE,CAACC,QAAQC;QACP,OAAQA;YACN,KAAK;gBACHD,OAAOE,cAAc,GAAG;gBACxB,OAAOF;YACT,KAAK;gBACHA,OAAOG,cAAc,GAAG;gBACxB,OAAOH;YACT,KAAK;gBACHA,OAAOI,cAAc,GAAG;gBACxB,OAAOJ;YACT,KAAK;gBACH,OAAOA;QACX;IACF,GACA;QACEI,gBAAgB;QAChBF,gBAAgB;QAChBC,gBAAgB;IAClB,GACA"}

package/dist/cssm/lib/floating/usePlacementChangeCallback.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/lib/floating/usePlacementChangeCallback.ts"],"sourcesContent":["import { usePrevious } from '../../hooks/usePrevious';\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';\nimport { OnPlacementChange, Placement, PlacementWithAuto } from './types/common';\n\nexport function usePlacementChangeCallback(\n initialPlacement: PlacementWithAuto,\n resolvedPlacement: Placement,\n onPlacementChange: OnPlacementChange \| undefined,\n): void {\n const prevPlacement = usePrevious(resolvedPlacement);\n\n useIsomorphicLayoutEffect(() => {\n if (!onPlacementChange) {\n return;\n }\n const isInitialPlacementChanged =\n prevPlacement === undefined && initialPlacement !== resolvedPlacement;\n const isResolvedPlacementChanged =\n prevPlacement !== undefined && prevPlacement !== resolvedPlacement;\n if (isInitialPlacementChanged \|\| isResolvedPlacementChanged) {\n onPlacementChange(resolvedPlacement);\n }\n }, [prevPlacement, initialPlacement, resolvedPlacement, onPlacementChange]);\n}\n"],"names":["usePrevious","useIsomorphicLayoutEffect","usePlacementChangeCallback","initialPlacement","resolvedPlacement","onPlacementChange","prevPlacement","isInitialPlacementChanged","undefined","isResolvedPlacementChanged"],"~~rangeMappings":";;;;;;;;;;;;;;;;;;;","~~mappings":"AAAA,SAASA,WAAW,QAAQ,0BAA0B;AACtD,SAASC,yBAAyB,QAAQ,+BAA+B;AAGzE,OAAO,SAASC,2BACdC,gBAAmC,EACnCC,iBAA4B,EAC5BC,iBAAgD;IAEhD,MAAMC,gBAAgBN,YAAYI;IAElCH,0BAA0B;QACxB,IAAI,CAACI,mBAAmB;YACtB;QACF;QACA,MAAME,4BACJD,kBAAkBE,aAAaL,qBAAqBC;QACtD,MAAMK,6BACJH,kBAAkBE,aAAaF,kBAAkBF;QACnD,IAAIG,6BAA6BE,4BAA4B;YAC3DJ,kBAAkBD;QACpB;IACF,GAAG;QAACE;QAAeH;QAAkBC;QAAmBC;KAAkB;AAC5E"}
1	+ {"version":3,"sources":["../../../../src/lib/floating/usePlacementChangeCallback.ts"],"sourcesContent":["import { usePrevious } from '../../hooks/usePrevious';\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';\nimport { OnPlacementChange, Placement, PlacementWithAuto } from './types/common';\n\nexport function usePlacementChangeCallback(\n initialPlacement: PlacementWithAuto,\n resolvedPlacement: Placement,\n onPlacementChange: OnPlacementChange \| undefined,\n): void {\n const prevPlacement = usePrevious(resolvedPlacement);\n\n useIsomorphicLayoutEffect(() => {\n if (!onPlacementChange) {\n return;\n }\n const isInitialPlacementChanged =\n prevPlacement === undefined && initialPlacement !== resolvedPlacement;\n const isResolvedPlacementChanged =\n prevPlacement !== undefined && prevPlacement !== resolvedPlacement;\n if (isInitialPlacementChanged \|\| isResolvedPlacementChanged) {\n onPlacementChange(resolvedPlacement);\n }\n }, [prevPlacement, initialPlacement, resolvedPlacement, onPlacementChange]);\n}\n"],"names":["usePrevious","useIsomorphicLayoutEffect","usePlacementChangeCallback","initialPlacement","resolvedPlacement","onPlacementChange","prevPlacement","isInitialPlacementChanged","undefined","isResolvedPlacementChanged"],"mappings":"AAAA,SAASA,WAAW,QAAQ,0BAA0B;AACtD,SAASC,yBAAyB,QAAQ,+BAA+B;AAGzE,OAAO,SAASC,2BACdC,gBAAmC,EACnCC,iBAA4B,EAC5BC,iBAAgD;IAEhD,MAAMC,gBAAgBN,YAAYI;IAElCH,0BAA0B;QACxB,IAAI,CAACI,mBAAmB;YACtB;QACF;QACA,MAAME,4BACJD,kBAAkBE,aAAaL,qBAAqBC;QACtD,MAAMK,6BACJH,kBAAkBE,aAAaF,kBAAkBF;QACnD,IAAIG,6BAA6BE,4BAA4B;YAC3DJ,kBAAkBD;QACpB;IACF,GAAG;QAACE;QAAeH;QAAkBC;QAAmBC;KAAkB;AAC5E"}

package/dist/cssm/lib/fx.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/lib/fx.ts"],"sourcesContent":["/*\n ease function\n * @param x absolute progress of the animation in bounds 0 (beginning) and 1 (end)\n /\nexport function easeInOutSine(x: number) {\n return 0.5 (1 - Math.cos(Math.PI * x));\n}\n\nexport function cubicBezier(x1: number, x2: number) {\n return function (progress: number) {\n const t = progress;\n const cx = 3 * x1;\n const bx = 3 * (x2 - x1) - cx;\n const ax = 1 - cx - bx;\n const x = ax * Math.pow(t, 3) + bx * Math.pow(t, 2) + cx * t;\n return x;\n };\n}\n"],"names":["easeInOutSine","x","Math","cos","PI","cubicBezier","x1","x2","progress","t","cx","bx","ax","pow"],"~~rangeMappings":";;;;;;;;;;;;;;;","~~mappings":"AAAA;;;CAGC,GACD,OAAO,SAASA,cAAcC,CAAS;IACrC,OAAO,MAAO,CAAA,IAAIC,KAAKC,GAAG,CAACD,KAAKE,EAAE,GAAGH,EAAC;AACxC;AAEA,OAAO,SAASI,YAAYC,EAAU,EAAEC,EAAU;IAChD,OAAO,SAAUC,QAAgB;QAC/B,MAAMC,IAAID;QACV,MAAME,KAAK,IAAIJ;QACf,MAAMK,KAAK,IAAKJ,CAAAA,KAAKD,EAAC,IAAKI;QAC3B,MAAME,KAAK,IAAIF,KAAKC;QACpB,MAAMV,IAAIW,KAAKV,KAAKW,GAAG,CAACJ,GAAG,KAAKE,KAAKT,KAAKW,GAAG,CAACJ,GAAG,KAAKC,KAAKD;QAC3D,OAAOR;IACT;AACF"}
1	+ {"version":3,"sources":["../../../src/lib/fx.ts"],"sourcesContent":["/*\n ease function\n * @param x absolute progress of the animation in bounds 0 (beginning) and 1 (end)\n /\nexport function easeInOutSine(x: number) {\n return 0.5 (1 - Math.cos(Math.PI * x));\n}\n\nexport function cubicBezier(x1: number, x2: number) {\n return function (progress: number) {\n const t = progress;\n const cx = 3 * x1;\n const bx = 3 * (x2 - x1) - cx;\n const ax = 1 - cx - bx;\n const x = ax * Math.pow(t, 3) + bx * Math.pow(t, 2) + cx * t;\n return x;\n };\n}\n"],"names":["easeInOutSine","x","Math","cos","PI","cubicBezier","x1","x2","progress","t","cx","bx","ax","pow"],"mappings":"AAAA;;;CAGC,GACD,OAAO,SAASA,cAAcC,CAAS;IACrC,OAAO,MAAO,CAAA,IAAIC,KAAKC,GAAG,CAACD,KAAKE,EAAE,GAAGH,EAAC;AACxC;AAEA,OAAO,SAASI,YAAYC,EAAU,EAAEC,EAAU;IAChD,OAAO,SAAUC,QAAgB;QAC/B,MAAMC,IAAID;QACV,MAAME,KAAK,IAAIJ;QACf,MAAMK,KAAK,IAAKJ,CAAAA,KAAKD,EAAC,IAAKI;QAC3B,MAAME,KAAK,IAAIF,KAAKC;QACpB,MAAMV,IAAIW,KAAKV,KAAKW,GAAG,CAACJ,GAAG,KAAKE,KAAKT,KAAKW,GAAG,CAACJ,GAAG,KAAKC,KAAKD;QAC3D,OAAOR;IACT;AACF"}

package/dist/cssm/lib/getNavId.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/lib/getNavId.ts"],"sourcesContent":["import { WarnOnceHandler } from './warnOnce';\n\nexport interface NavIdProps {\n /** Уникальный идентификатор навигационного элемента (вместо id) */\n nav?: string;\n id?: string;\n}\n\nexport function getNavId(props: NavIdProps, warn?: WarnOnceHandler) {\n const id = props.nav \|\| props.id;\n if (process.env.NODE_ENV === 'development' && !id && warn) {\n warn('Навигационный элемент должен иметь свойство \"nav\" или \"id\"', 'error');\n }\n return id;\n}\n"],"names":["getNavId","props","warn","id","nav","process","env","NODE_ENV"],"~~rangeMappings":";;;;;;","~~mappings":"AAQA,OAAO,SAASA,SAASC,KAAiB,EAAEC,IAAsB;IAChE,MAAMC,KAAKF,MAAMG,GAAG,IAAIH,MAAME,EAAE;IAChC,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiB,CAACJ,MAAMD,MAAM;QACzDA,KAAK,8DAA8D;IACrE;IACA,OAAOC;AACT"}
1	+ {"version":3,"sources":["../../../src/lib/getNavId.ts"],"sourcesContent":["import { WarnOnceHandler } from './warnOnce';\n\nexport interface NavIdProps {\n /** Уникальный идентификатор навигационного элемента (вместо id) */\n nav?: string;\n id?: string;\n}\n\nexport function getNavId(props: NavIdProps, warn?: WarnOnceHandler) {\n const id = props.nav \|\| props.id;\n if (process.env.NODE_ENV === 'development' && !id && warn) {\n warn('Навигационный элемент должен иметь свойство \"nav\" или \"id\"', 'error');\n }\n return id;\n}\n"],"names":["getNavId","props","warn","id","nav","process","env","NODE_ENV"],"mappings":"AAQA,OAAO,SAASA,SAASC,KAAiB,EAAEC,IAAsB;IAChE,MAAMC,KAAKF,MAAMG,GAAG,IAAIH,MAAME,EAAE;IAChC,IAAIE,QAAQC,GAAG,CAACC,QAAQ,KAAK,iBAAiB,CAACJ,MAAMD,MAAM;QACzDA,KAAK,8DAA8D;IACrE;IACA,OAAOC;AACT"}

package/dist/cssm/lib/isRefObject.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"isRefObject.d.ts","sourceRoot":"","sources":["../../../src/lib/isRefObject.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,WAAW,~~8BACX~~,~~MAAM~~,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,~~oCAOlC~~,CAAC"}
1	+ {"version":3,"file":"isRefObject.d.ts","sourceRoot":"","sources":["../../../src/lib/isRefObject.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,CAAC,uBACnB,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,KAChC,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC,CAAC,CAMhC,CAAC"}

package/dist/cssm/lib/isRefObject.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/lib/isRefObject.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const isRefObject = <T, E = Element>(\n refObject: React.RefObject<E> \| T,\n): refObject is React.RefObject<E> => {\n return (\n typeof refObject === 'object' &&\n refObject !== null &&\n (refObject as React.RefObject<E>).hasOwnProperty('current')\n );\n};\n"],"names":["React","isRefObject","refObject","hasOwnProperty"],"~~rangeMappings":";;;","~~mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,MAAMC,cAAc,CACzBC;IAEA,OACE,OAAOA,cAAc,YACrBA,cAAc,QACd,AAACA,UAAiCC,cAAc,CAAC;AAErD,EAAE"}
1	+ {"version":3,"sources":["../../../src/lib/isRefObject.ts"],"sourcesContent":["import * as React from 'react';\n\nexport const isRefObject = <T, E = Element>(\n refObject: React.RefObject<E> \| T,\n): refObject is React.RefObject<E> => {\n return (\n typeof refObject === 'object' &&\n refObject !== null &&\n (refObject as React.RefObject<E>).hasOwnProperty('current')\n );\n};\n"],"names":["React","isRefObject","refObject","hasOwnProperty"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,MAAMC,cAAc,CACzBC;IAEA,OACE,OAAOA,cAAc,YACrBA,cAAc,QACd,AAACA,UAAiCC,cAAc,CAAC;AAErD,EAAE"}

package/dist/cssm/lib/layouts/gaps.d.ts ADDED Viewed

@@ -0,0 +1,32 @@
+import { LiteralUnion } from '../../types';
+type GapPresets = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';
+export declare const columnGapClassNames: {
+    '2xs': string;
+    xs: string;
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+};
+export declare const rowGapClassNames: {
+    '2xs': string;
+    xs: string;
+    s: string;
+    m: string;
+    l: string;
+    xl: string;
+    '2xl': string;
+    '3xl': string;
+    '4xl': string;
+};
+export type GapProp = LiteralUnion<GapPresets, number>;
+export type GapsProp = GapProp | [GapProp, GapProp];
+/**
+ * Возвращает массив отступов [columnGap, rowGap]
+ */
+export declare function calculateGap(gap: GapsProp | undefined): [GapProp, GapProp] | [undefined, undefined];
+export {};
+//# sourceMappingURL=gaps.d.ts.map

package/dist/cssm/lib/layouts/gaps.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"gaps.d.ts","sourceRoot":"","sources":["../../../../src/lib/layouts/gaps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,KAAK,UAAU,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEhF,eAAO,MAAM,mBAAmB;;;;;;;;;;CAU/B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;CAU5B,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;AAEvD,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAEpD;;GAEG;AACH,wBAAgB,YAAY,CAC1B,GAAG,EAAE,QAAQ,GAAG,SAAS,GACxB,CAAC,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAS7C"}