1 line
8.4 KiB
JSON
1 line
8.4 KiB
JSON
{"ast":null,"code":"import { compute as t } from \"compute-scroll-into-view\";\nconst o = t => !1 === t ? {\n block: \"end\",\n inline: \"nearest\"\n} : (t => t === Object(t) && 0 !== Object.keys(t).length)(t) ? t : {\n block: \"start\",\n inline: \"nearest\"\n};\nfunction e(e, r) {\n if (!e.isConnected || !(t => {\n let o = t;\n for (; o && o.parentNode;) {\n if (o.parentNode === document) return !0;\n o = o.parentNode instanceof ShadowRoot ? o.parentNode.host : o.parentNode;\n }\n return !1;\n })(e)) return;\n const n = (t => {\n const o = window.getComputedStyle(t);\n return {\n top: parseFloat(o.scrollMarginTop) || 0,\n right: parseFloat(o.scrollMarginRight) || 0,\n bottom: parseFloat(o.scrollMarginBottom) || 0,\n left: parseFloat(o.scrollMarginLeft) || 0\n };\n })(e);\n if ((t => \"object\" == typeof t && \"function\" == typeof t.behavior)(r)) return r.behavior(t(e, r));\n const l = \"boolean\" == typeof r || null == r ? void 0 : r.behavior;\n for (const {\n el: a,\n top: i,\n left: s\n } of t(e, o(r))) {\n const t = i - n.top + n.bottom,\n o = s - n.left + n.right;\n a.scroll({\n top: t,\n left: o,\n behavior: l\n });\n }\n}\nexport { e as default };","map":{"version":3,"names":["o","t","block","inline","Object","keys","length","e","r","isConnected","parentNode","document","ShadowRoot","host","n","window","getComputedStyle","top","parseFloat","scrollMarginTop","right","scrollMarginRight","bottom","scrollMarginBottom","left","scrollMarginLeft","behavior","l","el","a","i","s","scroll","default"],"sources":["C:\\Users\\Аришина)\\source\\repos\\PromoCursed\\node_modules\\scroll-into-view-if-needed\\src\\index.ts"],"sourcesContent":["import { compute } from 'compute-scroll-into-view'\nimport type {\n Options as BaseOptions,\n ScrollAction,\n} from 'compute-scroll-into-view'\n\n/** @public */\nexport type Options<T = unknown> =\n | StandardBehaviorOptions\n | CustomBehaviorOptions<T>\n\n/**\n * Only scrolls if the `node` is partially out of view:\n * ```ts\n * scrollIntoView(node, { scrollMode: 'if-needed' })\n * ```\n * Skips scrolling `overflow: hidden` elements:\n * ```ts\n * scrollIntoView(node, { skipOverflowHiddenElements: true })\n * ```\n * When scrolling is needed do the least and smoothest scrolling possible:\n * ```ts\n * scrollIntoView(node, {\n * behavior: 'smooth',\n * scrollMode: 'if-needed',\n * block: 'nearest',\n * inline: 'nearest',\n * })\n * ```\n * @public\n */\nexport interface StandardBehaviorOptions extends BaseOptions {\n /**\n * @defaultValue 'auto\n */\n behavior?: ScrollBehavior\n}\n\n/** @public */\nexport interface CustomBehaviorOptions<T = unknown> extends BaseOptions {\n behavior: CustomScrollBehaviorCallback<T>\n}\n\n/** @public */\nexport type CustomScrollBehaviorCallback<T = unknown> = (\n actions: ScrollAction[]\n) => T\n\nconst isStandardScrollBehavior = (\n options: any\n): options is StandardBehaviorOptions =>\n options === Object(options) && Object.keys(options).length !== 0\n\nconst isCustomScrollBehavior = <T = unknown>(\n options: any\n): options is CustomBehaviorOptions<T> =>\n typeof options === 'object' ? typeof options.behavior === 'function' : false\n\nconst getOptions = (options: any): StandardBehaviorOptions => {\n // Handle alignToTop for legacy reasons, to be compatible with the spec\n if (options === false) {\n return { block: 'end', inline: 'nearest' }\n }\n\n if (isStandardScrollBehavior(options)) {\n // compute.ts ensures the defaults are block: 'center' and inline: 'nearest', to conform to the spec\n return options\n }\n\n // if options = {}, options = true or options = null, based on w3c web platform test\n return { block: 'start', inline: 'nearest' }\n}\n\nconst getScrollMargins = (target: Element) => {\n const computedStyle = window.getComputedStyle(target)\n return {\n top: parseFloat(computedStyle.scrollMarginTop) || 0,\n right: parseFloat(computedStyle.scrollMarginRight) || 0,\n bottom: parseFloat(computedStyle.scrollMarginBottom) || 0,\n left: parseFloat(computedStyle.scrollMarginLeft) || 0,\n }\n}\n\n// Determine if the element is part of the document (including shadow dom)\n// Derived from code of Andy Desmarais\n// https://terodox.tech/how-to-tell-if-an-element-is-in-the-dom-including-the-shadow-dom/\nconst isInDocument = (element: Node) => {\n let currentElement = element\n while (currentElement && currentElement.parentNode) {\n if (currentElement.parentNode === document) {\n return true\n } else if (currentElement.parentNode instanceof ShadowRoot) {\n currentElement = (currentElement.parentNode as ShadowRoot).host\n } else {\n currentElement = currentElement.parentNode\n }\n }\n return false\n}\n\n/**\n * Scrolls the given element into view, with options for when, and how.\n * Supports the same `options` as [`Element.prototype.scrollIntoView`](https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView) with additions such as `scrollMode`, `behavior: Function` and `skipOverflowHiddenElements`.\n * @public\n */\nfunction scrollIntoView(\n target: Element,\n options?: StandardBehaviorOptions | boolean\n): void\n/**\n * Scrolls the given element into view, with options for when, and how.\n * Supports the same `options` as [`Element.prototype.scrollIntoView`](https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView) with additions such as `scrollMode`, `behavior: Function` and `skipOverflowHiddenElements`.\n *\n * You can set the expected return type for `behavior: Function`:\n * ```ts\n * await scrollIntoView<Promise<boolean[]>>(node, {\n * behavior: async actions => {\n * return Promise.all(actions.map(\n * // animate() resolves to `true` if anything was animated, `false` if the element already were in the end state\n * ({ el, left, top }) => animate(el, {scroll: {left, top}})\n * ))\n * }\n * })\n * ```\n * @public\n */\nfunction scrollIntoView<T>(\n target: Element,\n options: CustomBehaviorOptions<T>\n): T\nfunction scrollIntoView<T = unknown>(\n target: Element,\n options?: StandardBehaviorOptions | CustomBehaviorOptions<T> | boolean\n): T | void {\n // Browsers treats targets that aren't in the dom as a no-op and so should we\n if (!target.isConnected || !isInDocument(target)) {\n return\n }\n\n const margins = getScrollMargins(target)\n\n if (isCustomScrollBehavior<T>(options)) {\n return options.behavior(compute(target, options))\n }\n\n const behavior = typeof options === 'boolean' ? undefined : options?.behavior\n\n for (const { el, top, left } of compute(target, getOptions(options))) {\n const adjustedTop = top - margins.top + margins.bottom\n const adjustedLeft = left - margins.left + margins.right\n el.scroll({ top: adjustedTop, left: adjustedLeft, behavior })\n }\n}\n\nexport default scrollIntoView\n"],"mappings":";AAgDA,MAUMA,CAAA,GAAcC,CAAA,KAEF,MAAZA,CAAA,GACK;EAAEC,KAAA,EAAO;EAAOC,MAAA,EAAQ;AAAA,IAZjC,CAAAF,CAAA,IAEAA,CAAA,KAAYG,MAAA,CAAOH,CAAA,KAA4C,MAAhCG,MAAA,CAAOC,IAAA,CAAKJ,CAAA,EAASK,MAAA,EAavBL,CAAA,IAEpBA,CAAA,GAIF;EAAEC,KAAA,EAAO;EAASC,MAAA,EAAQ;AAAA;AA4DnC,SAASI,EACPA,CAAA,EACAC,CAAA;EAGA,KAAKD,CAAA,CAAOE,WAAA,KAjDQ,CAAAR,CAAA;IACpB,IAAID,CAAA,GAAiBC,CAAA;IACd,OAAAD,CAAA,IAAkBA,CAAA,CAAeU,UAAA,GAAY;MAC9C,IAAAV,CAAA,CAAeU,UAAA,KAAeC,QAAA,EACzB;MAEPX,CAAA,GADSA,CAAA,CAAeU,UAAA,YAAsBE,UAAA,GAC5BZ,CAAA,CAAeU,UAAA,CAA0BG,IAAA,GAE1Cb,CAAA,CAAeU,UAEpC;IAAA;IACO;EAAA,GAsCkCH,CAAA,GACvC;EAGI,MAAAO,CAAA,GAlEkB,CAAAb,CAAA;IAClB,MAAAD,CAAA,GAAgBe,MAAA,CAAOC,gBAAA,CAAiBf,CAAA;IACvC;MACLgB,GAAA,EAAKC,UAAA,CAAWlB,CAAA,CAAcmB,eAAA,KAAoB;MAClDC,KAAA,EAAOF,UAAA,CAAWlB,CAAA,CAAcqB,iBAAA,KAAsB;MACtDC,MAAA,EAAQJ,UAAA,CAAWlB,CAAA,CAAcuB,kBAAA,KAAuB;MACxDC,IAAA,EAAMN,UAAA,CAAWlB,CAAA,CAAcyB,gBAAA,KAAqB;IAAA,CACtD;EAAA,GA2DiClB,CAAA;EAE7B,IAvFJ,CAAAN,CAAA,IAEmB,mBAAZA,CAAA,IAAmD,qBAArBA,CAAA,CAAQyB,QAAA,EAqFflB,CAAA,GAC5B,OAAOA,CAAA,CAAQkB,QAAA,CAASzB,CAAA,CAAQM,CAAA,EAAQC,CAAA;EAG1C,MAAMmB,CAAA,GAA8B,oBAAZnB,CAAA,IAA6C,QAATA,CAAA,QAAZ,IAAqBA,CAAA,CAAAkB,QAAA;EAE1D;IAAAE,EAAA,EAAEC,CAAA;IAAIZ,GAAA,EAAAa,CAAA;IAAAN,IAAA,EAAKO;EAAA,KAAU9B,CAAA,CAAQM,CAAA,EAAQP,CAAA,CAAWQ,CAAA,IAAW;IACpE,MAAMP,CAAA,GAAc6B,CAAA,GAAMhB,CAAA,CAAQG,GAAA,GAAMH,CAAA,CAAQQ,MAAA;MAC1CtB,CAAA,GAAe+B,CAAA,GAAOjB,CAAA,CAAQU,IAAA,GAAOV,CAAA,CAAQM,KAAA;IACnDS,CAAA,CAAGG,MAAA,CAAO;MAAEf,GAAA,EAAKhB,CAAA;MAAauB,IAAA,EAAMxB,CAAA;MAAc0B,QAAA,EAAAC;IAAA,EACpD;EAAA;AACF;AAAA,SAAApB,CAAA,IAAA0B,OAAA","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]} |