yuyeon 0.0.0 → 0.0.3

package/lib/composables/timing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"timing.mjs","names":["computed","ref","watch","useLazy","eager","updated","tick","tack","value","lazyValue","onAfterUpdate","entered","useTimer","cb","duration","arguments","length","undefined","options","tickDuration","tickInterval","timer","tickStart","drift","isWork","now","Date","realTick","tickDrift","nextInterval","window","setTimeout","start","stop","clearTimeout","reset"],"sources":["../../src/composables/timing.ts"],"sourcesContent":["import { Ref, computed, ref, watch } from 'vue';\n\nexport function useLazy(eager: boolean, updated: Ref<any>) {\n  const tick = ref(false);\n  const tack = ref();\n  tack.value = updated.value;\n  const lazyValue = computed(() => {\n    if (eager) return updated.value;\n    return tack.value;\n  });\n  watch(updated, () => {\n    if (!tick.value) {\n      tack.value = updated.value;\n    }\n    if (!eager) {\n      tick.value = true;\n    }\n  });\n  function onAfterUpdate() {\n    tack.value = updated.value;\n    if (!eager) {\n      tick.value = false;\n    }\n  }\n  return {\n    entered: tick,\n    lazyValue,\n    onAfterUpdate,\n  };\n}\n\nexport function useTimer(\n  cb: () => void,\n  duration = 1000,\n  options?: { tickDuration: number },\n) {\n  const { tickDuration } = options ?? {};\n  let tickInterval = tickDuration ?? 100;\n  let timer = -1;\n\n  const tickStart = ref(0);\n  const drift = ref(duration);\n  const isWork = ref(false);\n\n  function tick() {\n    const now = Date.now();\n    const realTick = now - tickStart.value;\n    drift.value = drift.value - realTick;\n    if (drift.value < 1) {\n      cb();\n    } else {\n      const tickDrift = now - tickStart.value + tickInterval;\n      const nextInterval = tickDrift >= 1 ? tickDrift : tickInterval;\n      tickStart.value = now;\n      timer = window.setTimeout(tick, nextInterval);\n    }\n  }\n\n  function start() {\n    if (isWork.value) return;\n    isWork.value = true;\n    tickStart.value = Date.now();\n    timer = window.setTimeout(tick, tickInterval);\n  }\n\n  function stop() {\n    window.clearTimeout(timer);\n    timer = -1;\n    isWork.value = false;\n  }\n\n  function reset() {\n    stop();\n    drift.value = duration;\n  }\n\n  return {\n    start,\n    stop,\n    reset,\n    drift,\n    isWork,\n  }\n}\n"],"mappings":"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"}

package/lib/composables/transition.mjs

@@ -0,0 +1,50 @@
+import { Transition, computed, h } from 'vue';
+export const polyTransitionPropOptions = {
+  transition: {
+    type: [String, Object],
+    default: 'slide-fade'
+  }
+};
+export function usePolyTransition(props) {
+  const polyTransitionBindProps = computed(() => {
+    const {
+      is,
+      ...transitionProps
+    } = typeof props.transition === 'object' ? props.transition : {
+      is: props.transition,
+      name: props.transition
+    };
+    return {
+      is,
+      transitionProps
+    };
+  });
+  return {
+    polyTransitionBindProps
+  };
+}
+export const PolyTransition = (props, _ref) => {
+  let {
+    slots
+  } = _ref;
+  const {
+    is,
+    transitionProps,
+    ...forcedProps
+  } = props;
+  const {
+    component = Transition,
+    ...rest
+  } = typeof is === 'object' ? {
+    component: is,
+    ...transitionProps
+  } : {
+    name: is
+  };
+  return h(component, {
+    ...rest,
+    ...transitionProps,
+    ...forcedProps
+  }, slots);
+};
+//# sourceMappingURL=transition.mjs.map

package/lib/composables/transition.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"transition.mjs","names":["Transition","computed","h","polyTransitionPropOptions","transition","type","String","Object","default","usePolyTransition","props","polyTransitionBindProps","is","transitionProps","name","PolyTransition","_ref","slots","forcedProps","component","rest"],"sources":["../../src/composables/transition.ts"],"sourcesContent":["import {\n  Component,\n  FunctionalComponent,\n  PropType,\n  Transition,\n  TransitionProps,\n  computed,\n  h,\n} from 'vue';\n\nexport const polyTransitionPropOptions = {\n  transition: {\n    type: [String, Object] as PropType<\n      string | (TransitionProps & { is?: Component })\n    >,\n    default: 'slide-fade',\n  },\n};\n\nexport function usePolyTransition(props: { transition: any }) {\n  const polyTransitionBindProps = computed(() => {\n    const { is, ...transitionProps } =\n      typeof props.transition === 'object'\n        ? props.transition\n        : { is: props.transition, name: props.transition };\n    return {\n      is,\n      transitionProps,\n    };\n  });\n\n  return {\n    polyTransitionBindProps,\n  };\n}\n\nexport const PolyTransition: FunctionalComponent<\n  TransitionProps & { is: string | Component; transitionProps: TransitionProps }\n> = (props, { slots }) => {\n  const { is, transitionProps, ...forcedProps } = props;\n  const { component = Transition, ...rest } =\n    typeof is === 'object'\n      ? { component: is, ...transitionProps }\n      : { name: is };\n  return h(component, { ...rest, ...transitionProps, ...forcedProps }, slots);\n};\n"],"mappings":"AAAA,SAIEA,UAAU,EAEVC,QAAQ,EACRC,CAAC,QACI,KAAK;AAEZ,OAAO,MAAMC,yBAAyB,GAAG;EACvCC,UAAU,EAAE;IACVC,IAAI,EAAE,CAACC,MAAM,EAAEC,MAAM,CAEpB;IACDC,OAAO,EAAE;EACX;AACF,CAAC;AAED,OAAO,SAASC,iBAAiBA,CAACC,KAA0B,EAAE;EAC5D,MAAMC,uBAAuB,GAAGV,QAAQ,CAAC,MAAM;IAC7C,MAAM;MAAEW,EAAE;MAAE,GAAGC;IAAgB,CAAC,GAC9B,OAAOH,KAAK,CAACN,UAAU,KAAK,QAAQ,GAChCM,KAAK,CAACN,UAAU,GAChB;MAAEQ,EAAE,EAAEF,KAAK,CAACN,UAAU;MAAEU,IAAI,EAAEJ,KAAK,CAACN;IAAW,CAAC;IACtD,OAAO;MACLQ,EAAE;MACFC;IACF,CAAC;EACH,CAAC,CAAC;EAEF,OAAO;IACLF;EACF,CAAC;AACH;AAEA,OAAO,MAAMI,cAEZ,GAAGA,CAACL,KAAK,EAAAM,IAAA,KAAgB;EAAA,IAAd;IAAEC;EAAM,CAAC,GAAAD,IAAA;EACnB,MAAM;IAAEJ,EAAE;IAAEC,eAAe;IAAE,GAAGK;EAAY,CAAC,GAAGR,KAAK;EACrD,MAAM;IAAES,SAAS,GAAGnB,UAAU;IAAE,GAAGoB;EAAK,CAAC,GACvC,OAAOR,EAAE,KAAK,QAAQ,GAClB;IAAEO,SAAS,EAAEP,EAAE;IAAE,GAAGC;EAAgB,CAAC,GACrC;IAAEC,IAAI,EAAEF;EAAG,CAAC;EAClB,OAAOV,CAAC,CAACiB,SAAS,EAAE;IAAE,GAAGC,IAAI;IAAE,GAAGP,eAAe;IAAE,GAAGK;EAAY,CAAC,EAAED,KAAK,CAAC;AAC7E,CAAC"}

package/lib/directives/complement-click/index.mjs

@@ -0,0 +1,78 @@
+import { documentRoot } from "../../util/dom.mjs";
+function defaultDetermine() {
+  return true;
+}
+function directive(mouseEvent, element, binding) {
+  const {
+    value
+  } = binding;
+  const handler = typeof value === 'function' ? value : value.handler;
+  element._complementClick.lastMousedownWasOutside && checkEvent(mouseEvent, element, binding) && setTimeout(() => {
+    determine(mouseEvent, binding) && handler && handler(mouseEvent);
+  }, 0);
+}
+function checkEvent(mouseEvent, element, binding) {
+  if (!mouseEvent || determine(mouseEvent, binding) === false) {
+    return false;
+  }
+  const root = documentRoot(element);
+  if (typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot && root.host === mouseEvent.target) {
+    return false;
+  }
+  const elements = (typeof binding.value === 'object' && binding.value.include || (() => []))();
+  elements.push(element);
+  return !elements.some(el => el?.contains(mouseEvent.target));
+}
+function determine(event, binding) {
+  const {
+    value
+  } = binding;
+  const determineFn = typeof value === 'object' && value.determine || defaultDetermine;
+  return determineFn && determineFn?.(event);
+}
+function implant(element, callback) {
+  const root = documentRoot(element);
+  callback(document);
+  if (typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot) {
+    callback(root);
+  }
+}
+export const ComplementClick = {
+  mounted(element, binding) {
+    const onClick = event => directive(event, element, binding);
+    const onMousedown = event => {
+      element._complementClick.lastMousedownWasOutside = checkEvent(event, element, binding);
+    };
+    implant(element, app => {
+      app?.addEventListener('click', onClick, true);
+      app?.addEventListener('mousedown', onMousedown, true);
+    });
+    if (!element._complementClick) {
+      element._complementClick = {
+        lastMousedownWasOutside: true
+      };
+    }
+    const _uid = binding.instance.$.uid;
+    element._complementClick[_uid] = {
+      onClick,
+      onMousedown
+    };
+  },
+  unmounted(element, binding) {
+    if (!element._complementClick) return;
+    const _uid = binding.instance.$.uid;
+    implant(element, app => {
+      const old = element._complementClick?.[_uid];
+      if (old) {
+        const {
+          onClick,
+          onMousedown
+        } = old;
+        app?.removeEventListener('click', onClick, true);
+        app?.removeEventListener('mousedown', onMousedown, true);
+      }
+    });
+    delete element._complementClick[_uid];
+  }
+};
+//# sourceMappingURL=index.mjs.map

package/lib/directives/complement-click/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["documentRoot","defaultDetermine","directive","mouseEvent","element","binding","value","handler","_complementClick","lastMousedownWasOutside","checkEvent","setTimeout","determine","root","ShadowRoot","host","target","elements","include","push","some","el","contains","event","determineFn","implant","callback","document","ComplementClick","mounted","onClick","onMousedown","app","addEventListener","_uid","instance","$","uid","unmounted","old","removeEventListener"],"sources":["../../../src/directives/complement-click/index.ts"],"sourcesContent":["import { DirectiveBinding } from 'vue';\n\nimport { documentRoot } from '../../util/dom';\n\ninterface ComplementClickDirectiveElementImplanted {\n  onClick: EventListener;\n  onMousedown: EventListener;\n}\n\ndeclare global {\n  interface Element {\n    _complementClick?: Record<\n      number,\n      ComplementClickDirectiveElementImplanted | undefined\n    > & { lastMousedownWasOutside: boolean };\n  }\n}\n\nexport interface ComplementClickBindingOptions {\n  handler: (mouseEvent: MouseEvent) => void;\n  determine?: (event: Event) => boolean;\n  include?: () => HTMLElement[];\n}\n\nexport interface ComplementClickBinding extends DirectiveBinding {\n  value: ((mouseEvent: MouseEvent) => void) | ComplementClickBindingOptions;\n}\n\nfunction defaultDetermine() {\n  return true;\n}\n\nfunction directive(\n  mouseEvent: MouseEvent,\n  element: HTMLElement,\n  binding: ComplementClickBinding,\n) {\n  const { value } = binding;\n  const handler = typeof value === 'function' ? value : value.handler;\n  element._complementClick!.lastMousedownWasOutside &&\n    checkEvent(mouseEvent, element, binding) &&\n    setTimeout(() => {\n      determine(mouseEvent, binding) && handler && handler(mouseEvent);\n    }, 0);\n}\n\nfunction checkEvent(\n  mouseEvent: MouseEvent,\n  element: HTMLElement,\n  binding: ComplementClickBinding,\n): boolean {\n  if (!mouseEvent || determine(mouseEvent, binding) === false) {\n    return false;\n  }\n  const root = documentRoot(element);\n  if (\n    typeof ShadowRoot !== 'undefined' &&\n    root instanceof ShadowRoot &&\n    root.host === mouseEvent.target\n  ) {\n    return false;\n  }\n  const elements = (\n    (typeof binding.value === 'object' && binding.value.include) ||\n    (() => [])\n  )();\n  elements.push(element);\n  return !elements.some((el) => el?.contains(mouseEvent.target as Node));\n}\n\nfunction determine(\n  event: MouseEvent,\n  binding: ComplementClickBinding,\n): boolean {\n  const { value } = binding;\n  const determineFn =\n    (typeof value === 'object' && value.determine) || defaultDetermine;\n  return determineFn && determineFn?.(event);\n}\n\nfunction implant(\n  element: HTMLElement,\n  callback: (app: HTMLDocument | ShadowRoot | null) => void,\n) {\n  const root = documentRoot(element);\n  callback(document);\n  if (typeof ShadowRoot !== 'undefined' && root instanceof ShadowRoot) {\n    callback(root);\n  }\n}\n\nexport const ComplementClick = {\n  mounted(element: HTMLElement, binding: ComplementClickBinding) {\n    const onClick = (event: Event) =>\n      directive(event as MouseEvent, element, binding);\n    const onMousedown = (event: Event) => {\n      element._complementClick!.lastMousedownWasOutside = checkEvent(\n        event as MouseEvent,\n        element,\n        binding,\n      );\n    };\n    implant(element, (app) => {\n      app?.addEventListener('click', onClick, true);\n      app?.addEventListener('mousedown', onMousedown, true);\n    });\n    if (!element._complementClick) {\n      element._complementClick = {\n        lastMousedownWasOutside: true,\n      };\n    }\n    const _uid = binding.instance!.$.uid;\n    element._complementClick[_uid] = {\n      onClick,\n      onMousedown,\n    };\n  },\n  unmounted(element: HTMLElement, binding: ComplementClickBinding) {\n    if (!element._complementClick) return;\n    const _uid = binding.instance!.$.uid;\n    implant(element, (app) => {\n      const old = element._complementClick?.[_uid];\n      if (old) {\n        const { onClick, onMousedown } = old;\n        app?.removeEventListener('click', onClick, true);\n        app?.removeEventListener('mousedown', onMousedown, true);\n      }\n    });\n    delete element._complementClick[_uid];\n  },\n};\n"],"mappings":"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"}

package/{src/directives/plate-wave/index.ts → lib/directives/plate-wave/index.mjs}

@@ -1,30 +1,19 @@
-import './plate-wave.scss';
-
-import type { DirectiveBinding } from 'vue';
-
-export interface PlateWaveBinding
-  extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
-  value?: boolean;
-  modifiers: { stop?: boolean };
-}
-
+import "./plate-wave.scss";
 const CLASS_NAME = 'y-plate-wave__animation';
-
-function showAnimation(el: HTMLElement | null) {
+function showAnimation(el) {
   if (!el) return;
   const animation = document.createElement('span');
   animation.className = CLASS_NAME;
   el.appendChild(animation);
   animation.dataset.activated = String(performance.now());
 }
-
-function hideAnimation(el: HTMLElement | null) {
+function hideAnimation(el) {
   if (!el) {
     return;
   }
   const animations = el.getElementsByClassName(CLASS_NAME);
   if (animations.length === 0) return;
-  const animation = animations[animations.length - 1] as HTMLElement;
+  const animation = animations[animations.length - 1];
   if (animation.dataset.isHiding) return;
   animation.dataset.isHiding = 'true';
   const diff = performance.now() - Number(animation.dataset.activated);
@@ -41,50 +30,45 @@ function hideAnimation(el: HTMLElement | null) {
  * */
 
 let keyboardEventFlag = false;
-
-function spawn(event: Event) {
-  showAnimation(event.currentTarget as HTMLElement);
+function spawn(event) {
+  showAnimation(event.currentTarget);
 }
-
-function clean(event: Event) {
-  hideAnimation(event.currentTarget as HTMLElement);
+function clean(event) {
+  hideAnimation(event.currentTarget);
 }
-
-function stop(event: Event) {
+function stop(event) {
   //
 }
-
-function keyboardSpawn(event: KeyboardEvent) {
+function keyboardSpawn(event) {
   if (!keyboardEventFlag && (event.key === 'Enter' || event.key === 'Space')) {
     keyboardEventFlag = true;
-    showAnimation(event.currentTarget as HTMLElement);
+    showAnimation(event.currentTarget);
   }
 }
-
-function keyboardClean(event: KeyboardEvent) {
+function keyboardClean(event) {
   keyboardEventFlag = false;
-  hideAnimation(event.currentTarget as HTMLElement);
+  hideAnimation(event.currentTarget);
 }
-
-function destroyListeners(el: HTMLElement) {
+function destroyListeners(el) {
   el.removeEventListener('mousedown', spawn);
   el.removeEventListener('mouseup', clean);
   el.removeEventListener('mouseleave', clean);
   el.removeEventListener('keydown', keyboardSpawn);
   el.removeEventListener('keyup', keyboardClean);
 }
-
-function attachWave(el: HTMLElement, binding: PlateWaveBinding, init = false) {
-  const { value, modifiers } = binding;
+function attachWave(el, binding) {
+  let init = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  const {
+    value,
+    modifiers
+  } = binding;
   const enabled = !!value;
   if (!enabled) hideAnimation(el);
-
   if (enabled && init) {
     if (modifiers.stop) {
       el.addEventListener('mousedown', stop);
       return;
     }
-
     el.addEventListener('mousedown', spawn);
     el.addEventListener('mouseup', clean);
     el.addEventListener('mouseleave', clean);
@@ -95,20 +79,19 @@ function attachWave(el: HTMLElement, binding: PlateWaveBinding, init = false) {
     destroyListeners(el);
   }
 }
-
 export const PlateWave = {
-  mounted(el: HTMLElement, binding: PlateWaveBinding) {
+  mounted(el, binding) {
     attachWave(el, binding, true);
   },
-  updated(el: HTMLElement, binding: PlateWaveBinding) {
+  updated(el, binding) {
     if (binding.value === binding.oldValue) {
       return;
     }
     attachWave(el, binding);
   },
-  unmount(el: HTMLElement) {
+  unmount(el) {
     destroyListeners(el);
-  },
+  }
 };
-
 export default PlateWave;
+//# sourceMappingURL=index.mjs.map

package/lib/directives/plate-wave/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["CLASS_NAME","showAnimation","el","animation","document","createElement","className","appendChild","dataset","activated","String","performance","now","hideAnimation","animations","getElementsByClassName","length","isHiding","diff","Number","delay","Math","max","setTimeout","removeChild","keyboardEventFlag","spawn","event","currentTarget","clean","stop","keyboardSpawn","key","keyboardClean","destroyListeners","removeEventListener","attachWave","binding","init","arguments","undefined","value","modifiers","enabled","addEventListener","PlateWave","mounted","updated","oldValue","unmount"],"sources":["../../../src/directives/plate-wave/index.ts"],"sourcesContent":["import type { DirectiveBinding } from 'vue';\n\nimport './plate-wave.scss';\n\nexport interface PlateWaveBinding\n  extends Omit<DirectiveBinding, 'modifiers' | 'value'> {\n  value?: boolean;\n  modifiers: { stop?: boolean };\n}\n\nconst CLASS_NAME = 'y-plate-wave__animation';\n\nfunction showAnimation(el: HTMLElement | null) {\n  if (!el) return;\n  const animation = document.createElement('span');\n  animation.className = CLASS_NAME;\n  el.appendChild(animation);\n  animation.dataset.activated = String(performance.now());\n}\n\nfunction hideAnimation(el: HTMLElement | null) {\n  if (!el) {\n    return;\n  }\n  const animations = el.getElementsByClassName(CLASS_NAME);\n  if (animations.length === 0) return;\n  const animation = animations[animations.length - 1] as HTMLElement;\n  if (animation.dataset.isHiding) return;\n  animation.dataset.isHiding = 'true';\n  const diff = performance.now() - Number(animation.dataset.activated);\n  const delay = Math.max(250 - diff, 0);\n  setTimeout(() => {\n    if (animation) {\n      el.removeChild(animation);\n    }\n  }, delay + 300);\n}\n\n/*\n * Event\n * */\n\nlet keyboardEventFlag = false;\n\nfunction spawn(event: Event) {\n  showAnimation(event.currentTarget as HTMLElement);\n}\n\nfunction clean(event: Event) {\n  hideAnimation(event.currentTarget as HTMLElement);\n}\n\nfunction stop(event: Event) {\n  //\n}\n\nfunction keyboardSpawn(event: KeyboardEvent) {\n  if (!keyboardEventFlag && (event.key === 'Enter' || event.key === 'Space')) {\n    keyboardEventFlag = true;\n    showAnimation(event.currentTarget as HTMLElement);\n  }\n}\n\nfunction keyboardClean(event: KeyboardEvent) {\n  keyboardEventFlag = false;\n  hideAnimation(event.currentTarget as HTMLElement);\n}\n\nfunction destroyListeners(el: HTMLElement) {\n  el.removeEventListener('mousedown', spawn);\n  el.removeEventListener('mouseup', clean);\n  el.removeEventListener('mouseleave', clean);\n  el.removeEventListener('keydown', keyboardSpawn);\n  el.removeEventListener('keyup', keyboardClean);\n}\n\nfunction attachWave(el: HTMLElement, binding: PlateWaveBinding, init = false) {\n  const { value, modifiers } = binding;\n  const enabled = !!value;\n  if (!enabled) hideAnimation(el);\n\n  if (enabled && init) {\n    if (modifiers.stop) {\n      el.addEventListener('mousedown', stop);\n      return;\n    }\n\n    el.addEventListener('mousedown', spawn);\n    el.addEventListener('mouseup', clean);\n    el.addEventListener('mouseleave', clean);\n    el.addEventListener('keydown', keyboardSpawn);\n    el.addEventListener('keyup', keyboardClean);\n    el.addEventListener('blur', clean);\n  } else if (!enabled && !init) {\n    destroyListeners(el);\n  }\n}\n\nexport const PlateWave = {\n  mounted(el: HTMLElement, binding: PlateWaveBinding) {\n    attachWave(el, binding, true);\n  },\n  updated(el: HTMLElement, binding: PlateWaveBinding) {\n    if (binding.value === binding.oldValue) {\n      return;\n    }\n    attachWave(el, binding);\n  },\n  unmount(el: HTMLElement) {\n    destroyListeners(el);\n  },\n};\n\nexport default PlateWave;\n"],"mappings":"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"}

package/{src → lib}/directives/plate-wave/plate-wave.scss

@@ -21,7 +21,7 @@
 @keyframes plate-wave {
   0% {
     opacity: 0;
-    transform: scale(0.8);
+    transform: scale(0.94);
   }
   80% {
     opacity: 0.4;

package/lib/directives/theme-class.mjs

@@ -0,0 +1,24 @@
+import { watchEffect } from "vue";
+const bindThemeClass = (el, binding, vnode) => {
+  function bindingClass(themeClass) {
+    el.classList.forEach(classToken => {
+      if (classToken.startsWith('theme--') && classToken !== themeClass) {
+        el.classList.remove(classToken);
+      }
+    });
+    el.classList.add(themeClass);
+  }
+  watchEffect(() => {
+    const theme = binding.instance?.$yuyeon?.theme ?? vnode?.ctx?.root.appContext.config.globalProperties?.$yuyeon?.theme;
+    const themeName = binding.value ?? theme.name ?? '';
+    if (!themeName) {
+      return;
+    }
+    const themeClass = `theme--${themeName}`;
+    bindingClass(themeClass);
+  }, {
+    flush: 'post'
+  });
+};
+export default bindThemeClass;
+//# sourceMappingURL=theme-class.mjs.map

package/lib/directives/theme-class.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-class.mjs","names":["watchEffect","bindThemeClass","el","binding","vnode","bindingClass","themeClass","classList","forEach","classToken","startsWith","remove","add","theme","instance","$yuyeon","ctx","root","appContext","config","globalProperties","themeName","value","name","flush"],"sources":["../../src/directives/theme-class.ts"],"sourcesContent":["import { FunctionDirective, watchEffect } from \"vue\";\r\n\r\nconst bindThemeClass: FunctionDirective = (el, binding, vnode) => {\r\n  function bindingClass(themeClass: string) {\r\n    el.classList.forEach((classToken: string) => {\r\n      if (classToken.startsWith('theme--') && classToken !== themeClass) {\r\n        el.classList.remove(classToken);\r\n      }\r\n    });\r\n    el.classList.add(themeClass);\r\n  }\r\n\r\n  watchEffect(() => {\r\n    const theme = (binding.instance as any)?.$yuyeon?.theme ?? (vnode as any)?.ctx?.root.appContext.config.globalProperties?.$yuyeon?.theme;\r\n    const themeName = binding.value ?? theme.name ?? '';\r\n    if (!themeName) { return; }\r\n    const themeClass = `theme--${themeName}`;\r\n    bindingClass(themeClass);\r\n  }, { flush: 'post' });\r\n};\r\n\r\nexport default bindThemeClass;\r\n"],"mappings":"AAAA,SAA4BA,WAAW,QAAQ,KAAK;AAEpD,MAAMC,cAAiC,GAAGA,CAACC,EAAE,EAAEC,OAAO,EAAEC,KAAK,KAAK;EAChE,SAASC,YAAYA,CAACC,UAAkB,EAAE;IACxCJ,EAAE,CAACK,SAAS,CAACC,OAAO,CAAEC,UAAkB,IAAK;MAC3C,IAAIA,UAAU,CAACC,UAAU,CAAC,SAAS,CAAC,IAAID,UAAU,KAAKH,UAAU,EAAE;QACjEJ,EAAE,CAACK,SAAS,CAACI,MAAM,CAACF,UAAU,CAAC;MACjC;IACF,CAAC,CAAC;IACFP,EAAE,CAACK,SAAS,CAACK,GAAG,CAACN,UAAU,CAAC;EAC9B;EAEAN,WAAW,CAAC,MAAM;IAChB,MAAMa,KAAK,GAAIV,OAAO,CAACW,QAAQ,EAAUC,OAAO,EAAEF,KAAK,IAAKT,KAAK,EAAUY,GAAG,EAAEC,IAAI,CAACC,UAAU,CAACC,MAAM,CAACC,gBAAgB,EAAEL,OAAO,EAAEF,KAAK;IACvI,MAAMQ,SAAS,GAAGlB,OAAO,CAACmB,KAAK,IAAIT,KAAK,CAACU,IAAI,IAAI,EAAE;IACnD,IAAI,CAACF,SAAS,EAAE;MAAE;IAAQ;IAC1B,MAAMf,UAAU,GAAI,UAASe,SAAU,EAAC;IACxChB,YAAY,CAACC,UAAU,CAAC;EAC1B,CAAC,EAAE;IAAEkB,KAAK,EAAE;EAAO,CAAC,CAAC;AACvB,CAAC;AAED,eAAevB,cAAc"}

package/lib/etc/index.mjs

@@ -0,0 +1,6 @@
+export const YUYEON_LOGO = `,--. ,--.,--.,--.,--. ,--.,---.  ,---. ,--,--,  
+ \\  '  / |  ||  | \\  '  /| .-. :| .-. ||      \\ 
+  \\   '  '  ''  '  \\   ' \\   --.' '-' '|  ||  | 
+.-'  /    \`----' .-'  /   \`----' \`---' \`--''--' 
+\`---'            \`---'                          `;
+//# sourceMappingURL=index.mjs.map

package/lib/etc/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["YUYEON_LOGO"],"sources":["../../src/etc/index.ts"],"sourcesContent":["export const YUYEON_LOGO =`,--. ,--.,--.,--.,--. ,--.,---.  ,---. ,--,--,  \r\n \\\\  '  / |  ||  | \\\\  '  /| .-. :| .-. ||      \\\\ \r\n  \\\\   '  '  ''  '  \\\\   ' \\\\   --.' '-' '|  ||  | \r\n.-'  /    \\`----' .-'  /   \\`----' \\`---' \\`--''--' \r\n\\`---'            \\`---'                          `;\r\n"],"mappings":"AAAA,OAAO,MAAMA,WAAW,GAAG;AAC3B;AACA;AACA;AACA,mDAAmD"}

package/lib/index.mjs

@@ -0,0 +1,55 @@
+import { nextTick, reactive } from "vue";
+import * as components from "./components/index.mjs";
+import { createThemeModule } from "./composables/theme/index.mjs";
+import PlateWave from "./directives/plate-wave/index.mjs";
+import { YUYEON_LOGO } from "./etc/index.mjs"; //
+import "./styles/base.scss";
+const defaultOptions = {
+  credit: true
+};
+export function init() {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultOptions;
+  const themeModule = createThemeModule(options?.theme);
+  const install = app => {
+    themeModule.install(app);
+    const yuyeon = reactive({
+      app: null,
+      root: null,
+      theme: themeModule.instance
+    });
+    Object.keys(components).forEach(componentName => {
+      const comp = components[componentName];
+      app.component(componentName, comp);
+    });
+    app.directive('plate-wave', PlateWave);
+    app.provide('theme', yuyeon.theme);
+    app.config.globalProperties.$yuyeon = yuyeon;
+    nextTick(() => {
+      yuyeon.app = app._instance;
+      yuyeon.root = app._container;
+      if (!yuyeon.root) {
+        throw new Error(`yuyeon: Can't found instance`);
+      }
+      const $el = yuyeon.root;
+      $el.classList.add('y-root');
+      $el.setAttribute('data-y-root', '');
+      themeModule.init(yuyeon);
+    });
+    if (options?.credit) {
+      console.log(YUYEON_LOGO);
+    }
+    const {
+      unmount
+    } = app;
+    app.unmount = () => {
+      unmount();
+      themeModule.scope.stop();
+      app.unmount = unmount;
+    };
+  };
+  return {
+    install
+    // theme: themeModule,
+  };
+}
+//# sourceMappingURL=index.mjs.map

package/lib/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["nextTick","reactive","components","createThemeModule","PlateWave","YUYEON_LOGO","defaultOptions","credit","init","options","arguments","length","undefined","themeModule","theme","install","app","yuyeon","root","instance","Object","keys","forEach","componentName","comp","component","directive","provide","config","globalProperties","$yuyeon","_instance","_container","Error","$el","classList","add","setAttribute","console","log","unmount","scope","stop"],"sources":["../src/index.ts"],"sourcesContent":["import { Component, ComponentInternalInstance } from \"@vue/runtime-core\";\r\nimport type { App } from 'vue';\r\nimport { nextTick, reactive } from \"vue\";\r\n\r\nimport * as components from './components';\r\nimport { createThemeModule } from './composables/theme';\r\nimport PlateWave from './directives/plate-wave';\r\nimport { YUYEON_LOGO } from './etc';\r\n//\r\nimport './styles/base.scss';\r\n\r\n\r\nconst defaultOptions = {\r\n  credit: true,\r\n};\r\n\r\ndeclare module 'vue' {\r\n  interface ComponentCustomProperties {\r\n    $yuyeon: any;\r\n  }\r\n}\r\n\r\nexport function init(options: any = defaultOptions) {\r\n  const themeModule = createThemeModule(options?.theme);\r\n\r\n  const install = (app: App): any => {\r\n    themeModule.install(app);\r\n\r\n    const yuyeon = reactive({\r\n      app: null as ComponentInternalInstance | null,\r\n      root: null as HTMLElement | null,\r\n      theme: themeModule.instance,\r\n    });\r\n\r\n    Object.keys(components).forEach((componentName) => {\r\n      const comp = components[componentName as keyof typeof components];\r\n      app.component(componentName, comp as Component);\r\n    });\r\n\r\n    app.directive('plate-wave', PlateWave);\r\n\r\n    app.provide('theme', yuyeon.theme);\r\n\r\n    app.config.globalProperties.$yuyeon = yuyeon;\r\n\r\n    nextTick(() => {\r\n      yuyeon.app = app._instance as any;\r\n      yuyeon.root = app._container;\r\n      if (!yuyeon.root) {\r\n        throw new Error(`yuyeon: Can't found instance`);\r\n      }\r\n      const $el = yuyeon.root;\r\n      $el.classList.add('y-root');\r\n      $el.setAttribute('data-y-root', '');\r\n      themeModule.init(yuyeon);\r\n    });\r\n    if (options?.credit) {\r\n      console.log(YUYEON_LOGO);\r\n    }\r\n    const { unmount } = app;\r\n    app.unmount = () => {\r\n      unmount();\r\n      themeModule.scope.stop();\r\n      app.unmount = unmount;\r\n    }\r\n  };\r\n\r\n  return {\r\n    install,\r\n    // theme: themeModule,\r\n  };\r\n}\r\n"],"mappings":"AAEA,SAASA,QAAQ,EAAEC,QAAQ,QAAQ,KAAK;AAAC,OAElC,KAAKC,UAAU;AAAA,SACbC,iBAAiB;AAAA,OACnBC,SAAS;AAAA,SACPC,WAAW,2BACpB;AACA;AAGA,MAAMC,cAAc,GAAG;EACrBC,MAAM,EAAE;AACV,CAAC;AAQD,OAAO,SAASC,IAAIA,CAAA,EAAgC;EAAA,IAA/BC,OAAY,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGJ,cAAc;EAChD,MAAMO,WAAW,GAAGV,iBAAiB,CAACM,OAAO,EAAEK,KAAK,CAAC;EAErD,MAAMC,OAAO,GAAIC,GAAQ,IAAU;IACjCH,WAAW,CAACE,OAAO,CAACC,GAAG,CAAC;IAExB,MAAMC,MAAM,GAAGhB,QAAQ,CAAC;MACtBe,GAAG,EAAE,IAAwC;MAC7CE,IAAI,EAAE,IAA0B;MAChCJ,KAAK,EAAED,WAAW,CAACM;IACrB,CAAC,CAAC;IAEFC,MAAM,CAACC,IAAI,CAACnB,UAAU,CAAC,CAACoB,OAAO,CAAEC,aAAa,IAAK;MACjD,MAAMC,IAAI,GAAGtB,UAAU,CAACqB,aAAa,CAA4B;MACjEP,GAAG,CAACS,SAAS,CAACF,aAAa,EAAEC,IAAiB,CAAC;IACjD,CAAC,CAAC;IAEFR,GAAG,CAACU,SAAS,CAAC,YAAY,EAAEtB,SAAS,CAAC;IAEtCY,GAAG,CAACW,OAAO,CAAC,OAAO,EAAEV,MAAM,CAACH,KAAK,CAAC;IAElCE,GAAG,CAACY,MAAM,CAACC,gBAAgB,CAACC,OAAO,GAAGb,MAAM;IAE5CjB,QAAQ,CAAC,MAAM;MACbiB,MAAM,CAACD,GAAG,GAAGA,GAAG,CAACe,SAAgB;MACjCd,MAAM,CAACC,IAAI,GAAGF,GAAG,CAACgB,UAAU;MAC5B,IAAI,CAACf,MAAM,CAACC,IAAI,EAAE;QAChB,MAAM,IAAIe,KAAK,CAAE,8BAA6B,CAAC;MACjD;MACA,MAAMC,GAAG,GAAGjB,MAAM,CAACC,IAAI;MACvBgB,GAAG,CAACC,SAAS,CAACC,GAAG,CAAC,QAAQ,CAAC;MAC3BF,GAAG,CAACG,YAAY,CAAC,aAAa,EAAE,EAAE,CAAC;MACnCxB,WAAW,CAACL,IAAI,CAACS,MAAM,CAAC;IAC1B,CAAC,CAAC;IACF,IAAIR,OAAO,EAAEF,MAAM,EAAE;MACnB+B,OAAO,CAACC,GAAG,CAAClC,WAAW,CAAC;IAC1B;IACA,MAAM;MAAEmC;IAAQ,CAAC,GAAGxB,GAAG;IACvBA,GAAG,CAACwB,OAAO,GAAG,MAAM;MAClBA,OAAO,CAAC,CAAC;MACT3B,WAAW,CAAC4B,KAAK,CAACC,IAAI,CAAC,CAAC;MACxB1B,GAAG,CAACwB,OAAO,GAAGA,OAAO;IACvB,CAAC;EACH,CAAC;EAED,OAAO;IACLzB;IACA;EACF,CAAC;AACH"}

package/{src/mixins/di.ts → lib/mixins/di.mjs}

@@ -1,23 +1,22 @@
 /*
  * Created by yuyeon-ui 2022.
  */
-
 import { defineComponent } from 'vue';
-
 export default defineComponent({
   name: 'DiMixin',
   inject: {
     theme: {
-      from: 'theme',
+      from: 'theme'
     },
     form$: {
-      default: null,
-    },
+      default: null
+    }
   },
   mounted() {
-    ((this as any).form$ as any)?.register(this);
+    this.form$?.register(this);
   },
   beforeUnmount() {
-    ((this as any).form$ as any)?.unregister(this);
-  },
+    this.form$?.unregister(this);
+  }
 });
+//# sourceMappingURL=di.mjs.map

package/lib/mixins/di.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"di.mjs","names":["defineComponent","name","inject","theme","from","form$","default","mounted","register","beforeUnmount","unregister"],"sources":["../../src/mixins/di.ts"],"sourcesContent":["/*\n * Created by yuyeon-ui 2022.\n */\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({\n  name: 'DiMixin',\n  inject: {\n    theme: {\n      from: 'theme',\n    },\n    form$: {\n      default: null,\n    },\n  },\n  mounted() {\n    ((this as any).form$ as any)?.register(this);\n  },\n  beforeUnmount() {\n    ((this as any).form$ as any)?.unregister(this);\n  },\n});\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAe,QAAQ,KAAK;AAErC,eAAeA,eAAe,CAAC;EAC7BC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE;IACNC,KAAK,EAAE;MACLC,IAAI,EAAE;IACR,CAAC;IACDC,KAAK,EAAE;MACLC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,OAAOA,CAAA,EAAG;IACN,IAAI,CAASF,KAAK,EAAUG,QAAQ,CAAC,IAAI,CAAC;EAC9C,CAAC;EACDC,aAAaA,CAAA,EAAG;IACZ,IAAI,CAASJ,KAAK,EAAUK,UAAU,CAAC,IAAI,CAAC;EAChD;AACF,CAAC,CAAC"}

package/{src/mixins/rebind-attrs.ts → lib/mixins/rebind-attrs.mjs}

@@ -1,13 +1,11 @@
 /*
  * Created by yuyeon-ui 2022.
  */
-
 import { defineComponent } from 'vue';
-
 export default defineComponent({
   data: () => ({
-    attrs_$: {} as any,
-    listeners_$: {} as any,
+    attrs_$: {},
+    listeners_$: {}
   }),
   watch: {
     // Work around unwanted re-renders: https://github.com/vuejs/vue/issues/10115
@@ -20,7 +18,8 @@ export default defineComponent({
           // this.$set(this.$data.$_attrs, attr, val[attr]);
         }
       },
-      immediate: true,
+
+      immediate: true
     },
     $listeners: {
       handler(val) {
@@ -30,7 +29,9 @@ export default defineComponent({
           // this.$set(this.$data.$_listeners, listener, val[listener]);
         }
       },
-      immediate: true,
-    },
-  },
+
+      immediate: true
+    }
+  }
 });
+//# sourceMappingURL=rebind-attrs.mjs.map

package/lib/mixins/rebind-attrs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rebind-attrs.mjs","names":["defineComponent","data","attrs_$","listeners_$","watch","$attrs","handler","val","attr","$data","immediate","$listeners","listener"],"sources":["../../src/mixins/rebind-attrs.ts"],"sourcesContent":["/*\n * Created by yuyeon-ui 2022.\n */\nimport { defineComponent } from 'vue';\n\nexport default defineComponent({\n  data: () => ({\n    attrs_$: {} as any,\n    listeners_$: {} as any,\n  }),\n  watch: {\n    // Work around unwanted re-renders: https://github.com/vuejs/vue/issues/10115\n    // Make sure to use `v-bind=\"$data.$_attrs\"` instead of `v-bind=\"$attrs\"`\n    $attrs: {\n      handler(val) {\n        // eslint-disable-next-line guard-for-in,no-restricted-syntax\n        for (const attr in val) {\n          this.$data.attrs_$[attr] = val[attr];\n          // this.$set(this.$data.$_attrs, attr, val[attr]);\n        }\n      },\n      immediate: true,\n    },\n    $listeners: {\n      handler(val) {\n        // eslint-disable-next-line guard-for-in,no-restricted-syntax\n        for (const listener in val) {\n          this.$data.listeners_$[listener] = val[listener];\n          // this.$set(this.$data.$_listeners, listener, val[listener]);\n        }\n      },\n      immediate: true,\n    },\n  },\n});\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAe,QAAQ,KAAK;AAErC,eAAeA,eAAe,CAAC;EAC7BC,IAAI,EAAEA,CAAA,MAAO;IACXC,OAAO,EAAE,CAAC,CAAQ;IAClBC,WAAW,EAAE,CAAC;EAChB,CAAC,CAAC;EACFC,KAAK,EAAE;IACL;IACA;IACAC,MAAM,EAAE;MACNC,OAAOA,CAACC,GAAG,EAAE;QACX;QACA,KAAK,MAAMC,IAAI,IAAID,GAAG,EAAE;UACtB,IAAI,CAACE,KAAK,CAACP,OAAO,CAACM,IAAI,CAAC,GAAGD,GAAG,CAACC,IAAI,CAAC;UACpC;QACF;MACF,CAAC;;MACDE,SAAS,EAAE;IACb,CAAC;IACDC,UAAU,EAAE;MACVL,OAAOA,CAACC,GAAG,EAAE;QACX;QACA,KAAK,MAAMK,QAAQ,IAAIL,GAAG,EAAE;UAC1B,IAAI,CAACE,KAAK,CAACN,WAAW,CAACS,QAAQ,CAAC,GAAGL,GAAG,CAACK,QAAQ,CAAC;UAChD;QACF;MACF,CAAC;;MACDF,SAAS,EAAE;IACb;EACF;AACF,CAAC,CAAC"}

package/{src/styles/palette.scss → lib/styles/_palette.scss}

@@ -88,7 +88,3 @@ $alert-warning: #ffc70e;
 $alert-link: #4781cc;
 
 $primary: #4f97dc !default;
-
-:root {
-  --y-palette--primary: #{$primary};
-}

package/lib/styles/base.scss

@@ -0,0 +1,95 @@
+@use 'sass:list';
+@use 'settings/provided';
+@use 'settings/variables';
+@use 'palette';
+
+:root {
+  box-sizing: border-box;
+}
+
+:root {
+  --y-palette--primary: #{palette.$primary};
+}
+
+.fade-enter-active,
+.fade-leave-cative {
+  transition: opacity 240ms cubic-bezier(0.2, 0.28, 0.21, 1);
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.slide-fade-enter-active,
+.slide-fade-leave-active {
+  transition: transform 240ms variables.$basic-transition-timing-function,
+    opacity 240ms linear;
+}
+
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  transform: translateY(-20px) rotate3d(1, 0, 0, 10deg);
+  opacity: 0;
+}
+
+.expand-v-transition {
+  &-enter-active {
+    transition-duration: 240ms;
+    transition-timing-function: variables.$basic-transition-timing-function;
+    transition-property: height;
+  }
+  &-leave-active {
+    transition-duration: 240ms;
+    transition-timing-function: variables.$basic-transition-timing-function;
+    transition-property: height;
+  }
+}
+
+.expand-h-transition {
+  &-enter-active {
+    transition-duration: 240ms;
+    transition-timing-function: variables.$basic-transition-timing-function;
+    transition-property: width;
+  }
+  &-leave-active {
+    transition-duration: 240ms;
+    transition-timing-function: variables.$basic-transition-timing-function;
+    transition-property: width;
+  }
+}
+
+.title {
+  font-size: 20px;
+  font-weight: bold;
+}
+
+@each $space-type-prefix, $space-type in provided.$space-types {
+  @each $side-prefix, $sides-properties in provided.$box-side-combinations {
+    @each $space-index, $space-size in variables.$space-list {
+      .#{$space-type-prefix}#{$side-prefix}-#{$space-index} {
+        @if (list.length($sides-properties) == 0) {
+          #{$space-type}: #{$space-size};
+        } @else {
+          @each $prop in $sides-properties {
+            #{$space-type}: {
+              #{$prop}: #{$space-size};
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+@each $align in provided.$text-aligns {
+  .text-#{$align} {
+    text-align: #{$align};
+  }
+}
+
+@keyframes rotate {
+  to {
+    transform: rotate(360deg);
+  }
+}

package/lib/styles/settings/_variables.scss

@@ -0,0 +1,14 @@
+@use "sass:meta";
+@use "sass:map";
+
+$space-unit: 4px !default;
+$space-max-times: 20 !default;
+
+$space-list: () !default;
+@if (meta.type-of($space-list) == list) {
+  @for $index from 0 through $space-max-times {
+    $space-list: map.merge($space-list, ($index: $space-unit * $index));
+  }
+}
+
+$basic-transition-timing-function: cubic-bezier(0.23, 0.3, 0.07, 0.97);