vectis-ui 0.12.0 → 0.14.0

package/dist/components/VCombobox/VComboboxSeparator.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VComboboxSeparator.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/VCombobox/VComboboxSeparator.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Use presentation semantics for separators: a listbox owns only options and groups, unlike a\n * menu.\n */\nimport VSeparator from '../VSeparator/VSeparator.vue'\n</script>\n\n<template>\n  <VSeparator role=\"presentation\" class=\"v-combobox-separator\" />\n</template>\n\n<style>\n@layer vectis.components {\n  /*\n   * The selector compounds both classes because `.v-separator` sets `margin: 0` from a sheet of\n   * its own: at equal specificity the winner would be whichever of the two the consumer's\n   * bundler happens to put last. The space above and below comes from the panel's own gap, so\n   * no margin is added here.\n   */\n  .v-separator.v-combobox-separator {\n    margin-inline: calc(-1 * var(--vectis-space-1));\n  }\n}\n</style>\n"],"mappings":";;;;;;yBASE,EAA+D,GAAA;GAAnD,MAAK;GAAe,OAAM"}

package/dist/components/VCombobox/infiniteScroll.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"infiniteScroll.js","names":[],"sources":["../../../src/components/VCombobox/infiniteScroll.ts"],"sourcesContent":["// @core\n/**\n * Observe the list's sentinel to request another page; retain ownership of data fetching with\n * the consumer.\n */\nimport { watch, type Ref } from 'vue'\n\nexport interface InfiniteScrollOptions {\n  /** The marker at the foot of the list. It is absent when there is nothing left to load. */\n  sentinelEl: Ref<HTMLElement | null>\n  /** Whether a page may be asked for right now: the panel open, more to come, none in flight. */\n  canLoad: () => boolean\n  /**\n   * The options loaded so far. A change in their NUMBER is the signal that a page has\n   * arrived; a new array of the same length counts only after `restart`.\n   */\n  loaded: () => readonly unknown[]\n  /** Asks for the next page. */\n  onLoadMore: () => void\n}\n\nexport interface InfiniteScroll {\n  /** Releases the lock that stops two requests overlapping. */\n  reset: () => void\n  /**\n   * Releases the lock and takes the next list handed over as an arrival, whatever its length.\n   * For a new search: the page asked for under the old term never lands, and the new first page\n   * may be exactly as long as the list it replaces.\n   */\n  restart: () => void\n}\n\nexport function useInfiniteScroll(options: InfiniteScrollOptions): InfiniteScroll {\n  let observer: IntersectionObserver | null = null\n  /*\n   * The consumer's loading flag cannot serve: they raise it when their request starts, which is\n   * at best a tick later, and the gap between the two is wide enough for several requests to go\n   * out.\n   */\n  let pending = false\n  let rearm = false\n\n  function onIntersect(entries: IntersectionObserverEntry[]) {\n    if (!entries.some((entry) => entry.isIntersecting)) return\n    if (pending || !options.canLoad()) return\n    pending = true\n    options.onLoadMore()\n  }\n\n  watch(\n    options.sentinelEl,\n    (el, _previous, onCleanup) => {\n      // @fallback\n      // The observer does not exist in the unit-test environment, so its absence has to\n      // be tolerated rather than assumed away; the behaviour is checked in a real\n      // browser.\n      if (!el || typeof IntersectionObserver === 'undefined') return\n      // The panel must be named as the frame the marker is watched within, and it is found by\n      // its ARIA role, which is public API, rather than by an internal class. Left unspecified,\n      // the frame would be the VIEWPORT; and since the panel floats above the page, the marker\n      // would count as visible from the very first moment, firing a burst of requests for every\n      // page at once.\n      const root = el.closest('[role=\"listbox\"]')\n      if (!root) return\n      observer = new IntersectionObserver(onIntersect, {\n        root,\n        // The next page is asked for half a panel before the marker is actually reached,\n        // so the list is already growing by the time the reader gets there. It is\n        // expressed as a proportion of the panel rather than as a number of pixels.\n        rootMargin: '0px 0px 50% 0px',\n      })\n      observer.observe(el)\n      onCleanup(() => {\n        observer?.disconnect()\n        observer = null\n      })\n    },\n    { flush: 'post' },\n  )\n\n  // An observer only reports a CROSSING. If the page that arrives is too short to push the\n  // marker out of view, the marker stays visible without ever crossing anything again, and the\n  // loading would stop dead at the second page.\n  watch(options.loaded, (list, previous) => {\n    if (list.length === previous.length && !rearm) return\n    rearm = false\n    pending = false\n    const el = options.sentinelEl.value\n    if (!observer || !el) return\n    observer.unobserve(el)\n    observer.observe(el)\n  })\n\n  return {\n    reset: () => {\n      pending = false\n    },\n    restart: () => {\n      pending = false\n      rearm = true\n    },\n  }\n}\n"],"mappings":";;AAgCA,SAAgB,EAAkB,GAAgD;CAChF,IAAI,IAAwC,MAMxC,IAAU,IACV,IAAQ;CAEZ,SAAS,EAAY,GAAsC;EACpD,EAAQ,MAAM,MAAU,EAAM,cAAc,MAC7C,KAAW,CAAC,EAAQ,QAAQ,MAChC,IAAU,IACV,EAAQ,WAAW;CACrB;CA8CA,OA5CA,EACE,EAAQ,aACP,GAAI,GAAW,MAAc;EAK5B,IAAI,CAAC,KAAM,OAAO,uBAAyB,KAAa;EAMxD,IAAM,IAAO,EAAG,QAAQ,oBAAkB;EACrC,MACL,IAAW,IAAI,qBAAqB,GAAa;GAC/C;GAIA,YAAY;EACd,CAAC,GACD,EAAS,QAAQ,CAAE,GACnB,QAAgB;GAEd,AADA,GAAU,WAAW,GACrB,IAAW;EACb,CAAC;CACH,GACA,EAAE,OAAO,OAAO,CAClB,GAKA,EAAM,EAAQ,SAAS,GAAM,MAAa;EACxC,IAAI,EAAK,WAAW,EAAS,UAAU,CAAC,GAAO;EAE/C,AADA,IAAQ,IACR,IAAU;EACV,IAAM,IAAK,EAAQ,WAAW;EAC1B,CAAC,KAAY,CAAC,MAClB,EAAS,UAAU,CAAE,GACrB,EAAS,QAAQ,CAAE;CACrB,CAAC,GAEM;EACL,aAAa;GACX,IAAU;EACZ;EACA,eAAe;GAEb,AADA,IAAU,IACV,IAAQ;EACV;CACF;AACF"}