yuyeon 0.0.14 → 0.0.16

package/lib/composables/levitation.mjs

@@ -1,135 +0,0 @@
-import { computed, nextTick, onScopeDispose, ref, watch } from 'vue';
-import { getScrollParents } from "../util/scroll.mjs";
-import { getBoundingPureRect, toStyleSizeValue } from "../util/ui.mjs";
-import { useToggleScope } from "./scope.mjs";
-const levitationStrategies = {
-  levitation: applyLevitation
-};
-export function useLevitation(props, state) {
-  const updateLevitation = ref();
-  const coordinate = ref();
-  const coordinateStyles = computed(() => {
-    if (coordinate.value) {
-      return {
-        top: toStyleSizeValue(coordinate.value.y),
-        left: toStyleSizeValue(coordinate.value.x)
-      };
-    }
-    return {};
-  });
-  useToggleScope(() => !!(state.active.value && props.levitationStrategy), reset => {
-    watch(() => props.levitationStrategy, reset);
-    onScopeDispose(() => {
-      updateLevitation.value = undefined;
-    });
-    if (typeof props.levitationStrategy === 'function') {
-      updateLevitation.value = props.levitationStrategy(props, state, coordinate)?.updateLevitation;
-    } else {
-      const strategy = levitationStrategies[props.levitationStrategy];
-      updateLevitation.value = strategy?.(props, state, coordinate)?.updateLevitation;
-    }
-  });
-  window.addEventListener('resize', onResize, {
-    passive: true
-  });
-  onScopeDispose(() => {
-    window.removeEventListener('resize', onResize);
-    updateLevitation.value = undefined;
-  });
-  function onResize(e) {
-    updateLevitation.value?.(e);
-  }
-  return {
-    coordinate,
-    coordinateStyles,
-    updateLevitation
-  };
-}
-function applyLevitation(props, state, coordinate) {
-  const {
-    contentEl,
-    baseEl,
-    active
-  } = state;
-
-  /* Content Limitations */
-  const [minWidth, minHeight, maxWidth, maxHeight] = ['minWidth', 'minHeight', 'maxWidth', 'maxHeight'].map(key => {
-    return computed(() => {
-      const val = parseFloat(props[key]);
-      return isNaN(val) ? Infinity : val;
-    });
-  });
-
-  /* Offset */
-  const offset = computed(() => {
-    if (Array.isArray(props.offset)) {
-      return props.offset;
-    }
-    if (typeof props.offset === 'string') {
-      const offset = props.offset.split(' ').map(parseFloat);
-      if (offset.length < 2) offset.push(0);
-      return offset;
-    }
-    return typeof props.offset === 'number' ? [props.offset, 0] : [0, 0];
-  });
-
-  /* Observing Update */
-  let observe = false;
-  const resizeObserver = new ResizeObserver(() => {
-    if (observe) updateLevitation();
-  });
-  watch([state.baseEl, state.contentEl], (_ref, _ref2) => {
-    let [neoBaseEl, neoContentEl] = _ref;
-    let [oldBaseEl, oldContentEl] = _ref2;
-    if (oldBaseEl) resizeObserver.unobserve(oldBaseEl);
-    if (neoBaseEl) resizeObserver.observe(neoBaseEl);
-    if (oldContentEl) resizeObserver.unobserve(oldContentEl);
-    if (neoContentEl) resizeObserver.observe(neoContentEl);
-  }, {
-    immediate: true
-  });
-  onScopeDispose(() => {
-    resizeObserver.disconnect();
-  });
-  function updateLevitation() {
-    observe = false;
-    requestAnimationFrame(() => {
-      requestAnimationFrame(() => observe = true);
-    });
-    if (!baseEl.value || !contentEl.value) return;
-    const $base = baseEl.value;
-    const $content = contentEl.value;
-    const {
-      viewportMargin
-    } = props;
-    const baseRect = $base.getBoundingClientRect();
-    const contentRect = getBoundingPureRect($content);
-    const scrollParents = getScrollParents($content);
-    if (scrollParents.length < 1) {
-      scrollParents.push(document.documentElement);
-    }
-    let x = baseRect.top;
-    let y = baseRect.left + baseRect.width / 2;
-  }
-  watch(() => [props.offset, props.minWidth, props.minHeight, props.maxWidth, props.maxHeight], () => updateLevitation());
-  nextTick(() => {
-    const result = updateLevitation();
-    if (!result) return;
-    const {
-      available,
-      contentBox
-    } = result;
-    if (contentBox.height > available.y) {
-      requestAnimationFrame(() => {
-        updateLevitation();
-        requestAnimationFrame(() => {
-          updateLevitation();
-        });
-      });
-    }
-  });
-  return {
-    updateLevitation
-  };
-}
-//# sourceMappingURL=levitation.mjs.map

package/lib/composables/levitation.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"levitation.mjs","names":["computed","nextTick","onScopeDispose","ref","watch","getScrollParents","getBoundingPureRect","toStyleSizeValue","useToggleScope","levitationStrategies","levitation","applyLevitation","useLevitation","props","state","updateLevitation","coordinate","coordinateStyles","value","top","y","left","x","active","levitationStrategy","reset","undefined","strategy","window","addEventListener","onResize","passive","removeEventListener","e","contentEl","baseEl","minWidth","minHeight","maxWidth","maxHeight","map","key","val","parseFloat","isNaN","Infinity","offset","Array","isArray","split","length","push","observe","resizeObserver","ResizeObserver","_ref","_ref2","neoBaseEl","neoContentEl","oldBaseEl","oldContentEl","unobserve","immediate","disconnect","requestAnimationFrame","$base","$content","viewportMargin","baseRect","getBoundingClientRect","contentRect","scrollParents","document","documentElement","width","result","available","contentBox","height"],"sources":["../../src/composables/levitation.ts"],"sourcesContent":["import type { Ref } from 'vue';\nimport {\n  CSSProperties,\n  computed,\n  nextTick,\n  onScopeDispose,\n  ref,\n  watch,\n} from 'vue';\n\nimport { getScrollParents } from '../util/scroll';\nimport { getBoundingPureRect, toStyleSizeValue } from '../util/ui';\nimport { useToggleScope } from './scope';\nimport { Rect } from \"../util/Rect\";\n\nexport interface LevitationState {\n  contentEl: Ref<HTMLElement | undefined>;\n  baseEl: Ref<HTMLElement | undefined>;\n  active: Ref<boolean>;\n}\n\nconst levitationStrategies = {\n  levitation: applyLevitation,\n};\n\nexport function useLevitation(props: any, state: LevitationState) {\n  const updateLevitation = ref<(e: Event) => void>();\n  const coordinate = ref<Rect | undefined>();\n  const coordinateStyles = computed<CSSProperties>(() => {\n    if (coordinate.value) {\n      return {\n        top: toStyleSizeValue(coordinate.value.y),\n        left: toStyleSizeValue(coordinate.value.x),\n      };\n    }\n    return {};\n  });\n\n  useToggleScope(\n    () => !!(state.active.value && props.levitationStrategy),\n    (reset) => {\n      watch(() => props.levitationStrategy, reset);\n      onScopeDispose(() => {\n        updateLevitation.value = undefined;\n      });\n\n      if (typeof props.levitationStrategy === 'function') {\n        updateLevitation.value = props.levitationStrategy(\n          props,\n          state,\n          coordinate,\n        )?.updateLevitation;\n      } else {\n        const strategy =\n          levitationStrategies[\n            props.levitationStrategy as keyof typeof levitationStrategies\n          ];\n        updateLevitation.value = strategy?.(\n          props,\n          state,\n          coordinate,\n        )?.updateLevitation;\n      }\n    },\n  );\n\n  window.addEventListener('resize', onResize, { passive: true });\n\n  onScopeDispose(() => {\n    window.removeEventListener('resize', onResize);\n    updateLevitation.value = undefined;\n  });\n\n  function onResize(e: Event) {\n    updateLevitation.value?.(e);\n  }\n\n  return {\n    coordinate,\n    coordinateStyles,\n    updateLevitation,\n  };\n}\n\nfunction applyLevitation(\n  props: any,\n  state: LevitationState,\n  coordinate: Ref<Rect | undefined>,\n) {\n  const { contentEl, baseEl, active } = state;\n\n  /* Content Limitations */\n  const [minWidth, minHeight, maxWidth, maxHeight] = (\n    ['minWidth', 'minHeight', 'maxWidth', 'maxHeight'] as const\n  ).map((key) => {\n    return computed(() => {\n      const val = parseFloat(props[key]!);\n      return isNaN(val) ? Infinity : val;\n    });\n  });\n\n  /* Offset */\n  const offset = computed(() => {\n    if (Array.isArray(props.offset)) {\n      return props.offset;\n    }\n    if (typeof props.offset === 'string') {\n      const offset = props.offset.split(' ').map(parseFloat);\n      if (offset.length < 2) offset.push(0);\n      return offset;\n    }\n    return typeof props.offset === 'number' ? [props.offset, 0] : [0, 0];\n  });\n\n  /* Observing Update */\n  let observe = false;\n  const resizeObserver = new ResizeObserver(() => {\n    if (observe) updateLevitation();\n  });\n  watch(\n    [state.baseEl, state.contentEl],\n    ([neoBaseEl, neoContentEl], [oldBaseEl, oldContentEl]) => {\n      if (oldBaseEl) resizeObserver.unobserve(oldBaseEl);\n      if (neoBaseEl) resizeObserver.observe(neoBaseEl);\n\n      if (oldContentEl) resizeObserver.unobserve(oldContentEl);\n      if (neoContentEl) resizeObserver.observe(neoContentEl);\n    },\n    { immediate: true },\n  );\n  onScopeDispose(() => {\n    resizeObserver.disconnect();\n  });\n\n  function updateLevitation(): any {\n    observe = false;\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => (observe = true));\n    });\n    if (!baseEl.value || !contentEl.value) return;\n\n    const $base = baseEl.value;\n    const $content = contentEl.value;\n    const { viewportMargin } = props;\n\n    const baseRect = $base.getBoundingClientRect();\n    const contentRect = getBoundingPureRect($content);\n    const scrollParents = getScrollParents($content);\n\n    if (scrollParents.length < 1) {\n      scrollParents.push(document.documentElement);\n    }\n\n    let x = baseRect.top;\n    let y = baseRect.left + baseRect.width / 2;\n  }\n\n  watch(\n    () => [\n      props.offset,\n      props.minWidth,\n      props.minHeight,\n      props.maxWidth,\n      props.maxHeight,\n    ],\n    () => updateLevitation(),\n  );\n\n  nextTick(() => {\n    const result = updateLevitation();\n    if (!result) return;\n    const { available, contentBox } = result;\n    if (contentBox.height > available.y) {\n      requestAnimationFrame(() => {\n        updateLevitation();\n        requestAnimationFrame(() => {\n          updateLevitation();\n        });\n      });\n    }\n  });\n\n  return {\n    updateLevitation,\n  };\n}\n"],"mappings":"AACA,SAEEA,QAAQ,EACRC,QAAQ,EACRC,cAAc,EACdC,GAAG,EACHC,KAAK,QACA,KAAK;AAAC,SAEJC,gBAAgB;AAAA,SAChBC,mBAAmB,EAAEC,gBAAgB;AAAA,SACrCC,cAAc;AASvB,MAAMC,oBAAoB,GAAG;EAC3BC,UAAU,EAAEC;AACd,CAAC;AAED,OAAO,SAASC,aAAaA,CAACC,KAAU,EAAEC,KAAsB,EAAE;EAChE,MAAMC,gBAAgB,GAAGZ,GAAG,CAAqB,CAAC;EAClD,MAAMa,UAAU,GAAGb,GAAG,CAAmB,CAAC;EAC1C,MAAMc,gBAAgB,GAAGjB,QAAQ,CAAgB,MAAM;IACrD,IAAIgB,UAAU,CAACE,KAAK,EAAE;MACpB,OAAO;QACLC,GAAG,EAAEZ,gBAAgB,CAACS,UAAU,CAACE,KAAK,CAACE,CAAC,CAAC;QACzCC,IAAI,EAAEd,gBAAgB,CAACS,UAAU,CAACE,KAAK,CAACI,CAAC;MAC3C,CAAC;IACH;IACA,OAAO,CAAC,CAAC;EACX,CAAC,CAAC;EAEFd,cAAc,CACZ,MAAM,CAAC,EAAEM,KAAK,CAACS,MAAM,CAACL,KAAK,IAAIL,KAAK,CAACW,kBAAkB,CAAC,EACvDC,KAAK,IAAK;IACTrB,KAAK,CAAC,MAAMS,KAAK,CAACW,kBAAkB,EAAEC,KAAK,CAAC;IAC5CvB,cAAc,CAAC,MAAM;MACnBa,gBAAgB,CAACG,KAAK,GAAGQ,SAAS;IACpC,CAAC,CAAC;IAEF,IAAI,OAAOb,KAAK,CAACW,kBAAkB,KAAK,UAAU,EAAE;MAClDT,gBAAgB,CAACG,KAAK,GAAGL,KAAK,CAACW,kBAAkB,CAC/CX,KAAK,EACLC,KAAK,EACLE,UACF,CAAC,EAAED,gBAAgB;IACrB,CAAC,MAAM;MACL,MAAMY,QAAQ,GACZlB,oBAAoB,CAClBI,KAAK,CAACW,kBAAkB,CACzB;MACHT,gBAAgB,CAACG,KAAK,GAAGS,QAAQ,GAC/Bd,KAAK,EACLC,KAAK,EACLE,UACF,CAAC,EAAED,gBAAgB;IACrB;EACF,CACF,CAAC;EAEDa,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEC,QAAQ,EAAE;IAAEC,OAAO,EAAE;EAAK,CAAC,CAAC;EAE9D7B,cAAc,CAAC,MAAM;IACnB0B,MAAM,CAACI,mBAAmB,CAAC,QAAQ,EAAEF,QAAQ,CAAC;IAC9Cf,gBAAgB,CAACG,KAAK,GAAGQ,SAAS;EACpC,CAAC,CAAC;EAEF,SAASI,QAAQA,CAACG,CAAQ,EAAE;IAC1BlB,gBAAgB,CAACG,KAAK,GAAGe,CAAC,CAAC;EAC7B;EAEA,OAAO;IACLjB,UAAU;IACVC,gBAAgB;IAChBF;EACF,CAAC;AACH;AAEA,SAASJ,eAAeA,CACtBE,KAAU,EACVC,KAAsB,EACtBE,UAAiC,EACjC;EACA,MAAM;IAAEkB,SAAS;IAAEC,MAAM;IAAEZ;EAAO,CAAC,GAAGT,KAAK;;EAE3C;EACA,MAAM,CAACsB,QAAQ,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,SAAS,CAAC,GAC9C,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,CAAC,CAClDC,GAAG,CAAEC,GAAG,IAAK;IACb,OAAOzC,QAAQ,CAAC,MAAM;MACpB,MAAM0C,GAAG,GAAGC,UAAU,CAAC9B,KAAK,CAAC4B,GAAG,CAAE,CAAC;MACnC,OAAOG,KAAK,CAACF,GAAG,CAAC,GAAGG,QAAQ,GAAGH,GAAG;IACpC,CAAC,CAAC;EACJ,CAAC,CAAC;;EAEF;EACA,MAAMI,MAAM,GAAG9C,QAAQ,CAAC,MAAM;IAC5B,IAAI+C,KAAK,CAACC,OAAO,CAACnC,KAAK,CAACiC,MAAM,CAAC,EAAE;MAC/B,OAAOjC,KAAK,CAACiC,MAAM;IACrB;IACA,IAAI,OAAOjC,KAAK,CAACiC,MAAM,KAAK,QAAQ,EAAE;MACpC,MAAMA,MAAM,GAAGjC,KAAK,CAACiC,MAAM,CAACG,KAAK,CAAC,GAAG,CAAC,CAACT,GAAG,CAACG,UAAU,CAAC;MACtD,IAAIG,MAAM,CAACI,MAAM,GAAG,CAAC,EAAEJ,MAAM,CAACK,IAAI,CAAC,CAAC,CAAC;MACrC,OAAOL,MAAM;IACf;IACA,OAAO,OAAOjC,KAAK,CAACiC,MAAM,KAAK,QAAQ,GAAG,CAACjC,KAAK,CAACiC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;EACtE,CAAC,CAAC;;EAEF;EACA,IAAIM,OAAO,GAAG,KAAK;EACnB,MAAMC,cAAc,GAAG,IAAIC,cAAc,CAAC,MAAM;IAC9C,IAAIF,OAAO,EAAErC,gBAAgB,CAAC,CAAC;EACjC,CAAC,CAAC;EACFX,KAAK,CACH,CAACU,KAAK,CAACqB,MAAM,EAAErB,KAAK,CAACoB,SAAS,CAAC,EAC/B,CAAAqB,IAAA,EAAAC,KAAA,KAA0D;IAAA,IAAzD,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAAH,IAAA;IAAA,IAAE,CAACI,SAAS,EAAEC,YAAY,CAAC,GAAAJ,KAAA;IACnD,IAAIG,SAAS,EAAEN,cAAc,CAACQ,SAAS,CAACF,SAAS,CAAC;IAClD,IAAIF,SAAS,EAAEJ,cAAc,CAACD,OAAO,CAACK,SAAS,CAAC;IAEhD,IAAIG,YAAY,EAAEP,cAAc,CAACQ,SAAS,CAACD,YAAY,CAAC;IACxD,IAAIF,YAAY,EAAEL,cAAc,CAACD,OAAO,CAACM,YAAY,CAAC;EACxD,CAAC,EACD;IAAEI,SAAS,EAAE;EAAK,CACpB,CAAC;EACD5D,cAAc,CAAC,MAAM;IACnBmD,cAAc,CAACU,UAAU,CAAC,CAAC;EAC7B,CAAC,CAAC;EAEF,SAAShD,gBAAgBA,CAAA,EAAQ;IAC/BqC,OAAO,GAAG,KAAK;IACfY,qBAAqB,CAAC,MAAM;MAC1BA,qBAAqB,CAAC,MAAOZ,OAAO,GAAG,IAAK,CAAC;IAC/C,CAAC,CAAC;IACF,IAAI,CAACjB,MAAM,CAACjB,KAAK,IAAI,CAACgB,SAAS,CAAChB,KAAK,EAAE;IAEvC,MAAM+C,KAAK,GAAG9B,MAAM,CAACjB,KAAK;IAC1B,MAAMgD,QAAQ,GAAGhC,SAAS,CAAChB,KAAK;IAChC,MAAM;MAAEiD;IAAe,CAAC,GAAGtD,KAAK;IAEhC,MAAMuD,QAAQ,GAAGH,KAAK,CAACI,qBAAqB,CAAC,CAAC;IAC9C,MAAMC,WAAW,GAAGhE,mBAAmB,CAAC4D,QAAQ,CAAC;IACjD,MAAMK,aAAa,GAAGlE,gBAAgB,CAAC6D,QAAQ,CAAC;IAEhD,IAAIK,aAAa,CAACrB,MAAM,GAAG,CAAC,EAAE;MAC5BqB,aAAa,CAACpB,IAAI,CAACqB,QAAQ,CAACC,eAAe,CAAC;IAC9C;IAEA,IAAInD,CAAC,GAAG8C,QAAQ,CAACjD,GAAG;IACpB,IAAIC,CAAC,GAAGgD,QAAQ,CAAC/C,IAAI,GAAG+C,QAAQ,CAACM,KAAK,GAAG,CAAC;EAC5C;EAEAtE,KAAK,CACH,MAAM,CACJS,KAAK,CAACiC,MAAM,EACZjC,KAAK,CAACuB,QAAQ,EACdvB,KAAK,CAACwB,SAAS,EACfxB,KAAK,CAACyB,QAAQ,EACdzB,KAAK,CAAC0B,SAAS,CAChB,EACD,MAAMxB,gBAAgB,CAAC,CACzB,CAAC;EAEDd,QAAQ,CAAC,MAAM;IACb,MAAM0E,MAAM,GAAG5D,gBAAgB,CAAC,CAAC;IACjC,IAAI,CAAC4D,MAAM,EAAE;IACb,MAAM;MAAEC,SAAS;MAAEC;IAAW,CAAC,GAAGF,MAAM;IACxC,IAAIE,UAAU,CAACC,MAAM,GAAGF,SAAS,CAACxD,CAAC,EAAE;MACnC4C,qBAAqB,CAAC,MAAM;QAC1BjD,gBAAgB,CAAC,CAAC;QAClBiD,qBAAqB,CAAC,MAAM;UAC1BjD,gBAAgB,CAAC,CAAC;QACpB,CAAC,CAAC;MACJ,CAAC,CAAC;IACJ;EACF,CAAC,CAAC;EAEF,OAAO;IACLA;EACF,CAAC;AACH"}

package/lib/styles/util/helper.scss

@@ -1,6 +0,0 @@
-@function deepGet($map, $keys...) {
-  @each $key in $keys {
-    $map: map-get($map, $key);
-  }
-  @return $map;
-}

package/lib/util/FrameScheduler.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FrameScheduler.mjs","names":["FrameScheduler","constructor","_defineProperty","run","cancelAnimationFrame","raf","requestAnimationFrame","frame","frames","shift","length","clean","requestNewFrame","callback","push"],"sources":["../../src/util/FrameScheduler.ts"],"sourcesContent":["export class FrameScheduler {\n  private clean = true;\n\n  private frames = [] as any[];\n\n  private raf = -1;\n\n  private run() {\n    cancelAnimationFrame(this.raf);\n    this.raf = requestAnimationFrame(() => {\n      const frame = this.frames.shift();\n      if (frame) frame();\n\n      if (frames.length) this.run();\n      else this.clean = true;\n    });\n  }\n\n  public requestNewFrame(callback: () => void) {\n    if (!this.clean || this.frames.length) {\n      this.frames.push(callback);\n      this.run();\n    } else {\n      this.clean = false;\n      callback();\n      this.run();\n    }\n  }\n}\n"],"mappings":";;;AAAA,OAAO,MAAMA,cAAc,CAAC;EAAAC,YAAA;IAAAC,eAAA,gBACV,IAAI;IAAAA,eAAA,iBAEH,EAAE;IAAAA,eAAA,cAEL,CAAC,CAAC;EAAA;EAERC,GAAGA,CAAA,EAAG;IACZC,oBAAoB,CAAC,IAAI,CAACC,GAAG,CAAC;IAC9B,IAAI,CAACA,GAAG,GAAGC,qBAAqB,CAAC,MAAM;MACrC,MAAMC,KAAK,GAAG,IAAI,CAACC,MAAM,CAACC,KAAK,CAAC,CAAC;MACjC,IAAIF,KAAK,EAAEA,KAAK,CAAC,CAAC;MAElB,IAAIC,MAAM,CAACE,MAAM,EAAE,IAAI,CAACP,GAAG,CAAC,CAAC,CAAC,KACzB,IAAI,CAACQ,KAAK,GAAG,IAAI;IACxB,CAAC,CAAC;EACJ;EAEOC,eAAeA,CAACC,QAAoB,EAAE;IAC3C,IAAI,CAAC,IAAI,CAACF,KAAK,IAAI,IAAI,CAACH,MAAM,CAACE,MAAM,EAAE;MACrC,IAAI,CAACF,MAAM,CAACM,IAAI,CAACD,QAAQ,CAAC;MAC1B,IAAI,CAACV,GAAG,CAAC,CAAC;IACZ,CAAC,MAAM;MACL,IAAI,CAACQ,KAAK,GAAG,KAAK;MAClBE,QAAQ,CAAC,CAAC;MACV,IAAI,CAACV,GAAG,CAAC,CAAC;IACZ;EACF;AACF"}