yuyeon 0.2.1-rc.9 → 0.2.2-rc.0

package/lib/components/pagination/YPagination.scss

@@ -1,52 +1,52 @@
-.y-pagination {
-  &__list {
-    display: inline-flex;
-    width: 100%;
-    gap: var(--y-pagination__gap);
-  }
-
-  &--align-end &__list {
-    justify-content: flex-end;
-  }
-
-  &--align-center &__list {
-    justify-content: center;
-  }
-
-  li {
-    list-style: none;
-
-    .y-button {
-      min-width: 2.429em;
-      min-height: 0;
-      padding: 4px;
-
-      &__content {
-        padding: 2px;
-      }
-
-      svg {
-        width: 1.25rem;
-        height: 1.25rem;
-      }
-    }
-
-    .y-button.y-button--disabled {
-      background: rgba(0, 0, 0, 0.02);
-    }
-  }
-
-  &__item {
-    &--active {
-      .y-button:before {
-        opacity: 0.1;
-      }
-    }
-  }
-
-  &__first,
-  &__last,
-  &__prev,
-  &__next {
-  }
-}
+.y-pagination {
+  &__list {
+    display: inline-flex;
+    width: 100%;
+    gap: var(--y-pagination__gap);
+  }
+
+  &--align-end &__list {
+    justify-content: flex-end;
+  }
+
+  &--align-center &__list {
+    justify-content: center;
+  }
+
+  li {
+    list-style: none;
+
+    .y-button {
+      min-width: 2.429em;
+      min-height: 0;
+      padding: 4px;
+
+      &__content {
+        padding: 2px;
+      }
+
+      svg {
+        width: 1.25rem;
+        height: 1.25rem;
+      }
+    }
+
+    .y-button.y-button--disabled {
+      background: rgba(0, 0, 0, 0.02);
+    }
+  }
+
+  &__item {
+    &--active {
+      .y-button:before {
+        opacity: 0.1;
+      }
+    }
+  }
+
+  &__first,
+  &__last,
+  &__prev,
+  &__next {
+  }
+}

package/lib/components/panel/YDividePanel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YDividePanel.mjs","names":["computed","defineComponent","ref","watch","useRender","YDividePanel","name","setup","props","_ref","slots","contentRate","isResizing","secondarySlot","activeSecondary","rootRef","neo","value","topStyles","inset","position","classes","moveListener","event","mouseEvent","containerRect","getBoundingClientRect","requestAnimationFrame","Math","min","max","clientY","y","height","cancelEvent","removeEventListener","upListener","leaveListener","onMousedown","preventDefault","addEventListener","_createVNode","_Fragment","default","secondary"],"sources":["../../../src/components/panel/YDividePanel.tsx"],"sourcesContent":["import { type CSSProperties, computed, defineComponent, ref, watch } from 'vue';\n\nimport { useRender } from '@/composables/component';\n\nimport './YDividePanel.scss';\n\nexport const YDividePanel = defineComponent({\n  name: 'YDividePanel',\n  setup(props, { slots }) {\n    const contentRate = ref(50);\n    const isResizing = ref(false);\n    const secondarySlot = ref();\n    const activeSecondary = ref(false);\n    const rootRef = ref();\n\n    watch(secondarySlot, (neo) => {\n      activeSecondary.value = !!neo;\n    });\n\n    const topStyles = computed<CSSProperties>(() => {\n      let inset = '0 0';\n      if (activeSecondary.value) {\n        inset = `0 0 ${100 - contentRate.value}% 0`;\n      }\n      return {\n        position: 'absolute',\n        inset,\n      };\n    });\n\n    const classes = computed(() => {\n      return {\n        'y-divide-panel': true,\n        'y-divide-panel--resizing': isResizing.value,\n      };\n    });\n\n    function moveListener(event: Event) {\n      const mouseEvent = event as MouseEvent;\n      const containerRect = rootRef.value.getBoundingClientRect();\n      requestAnimationFrame(() => {\n        contentRate.value = Math.min(\n          Math.max(\n            10,\n            ((mouseEvent.clientY - containerRect.y) / containerRect.height) *\n              100,\n          ),\n          90,\n        );\n      });\n    }\n\n    function cancelEvent() {\n      isResizing.value = false;\n      rootRef.value.removeEventListener('mousemove', moveListener);\n      rootRef.value.removeEventListener('mouseup', upListener);\n      rootRef.value.removeEventListener('mouseleave', leaveListener);\n    }\n\n    function upListener(event: Event) {\n      cancelEvent();\n    }\n\n    function leaveListener(event: Event) {\n      cancelEvent();\n    }\n\n    function onMousedown(event: MouseEvent) {\n      event.preventDefault();\n      isResizing.value = true;\n      rootRef.value.addEventListener('mousemove', moveListener);\n      rootRef.value.addEventListener('mouseup', upListener);\n      rootRef.value.addEventListener('mouseleave', leaveListener);\n    }\n\n    useRender(() => {\n      return (\n        <>\n          <div class={classes.value} ref={rootRef}>\n            <div\n              class={'y-divide-panel__top-container'}\n              style={topStyles.value}\n            >\n              {slots.default?.()}\n            </div>\n            {\n              (secondarySlot.value = slots.secondary && (\n                <>\n                  <div\n                    class=\"y-divide-panel__divider\"\n                    style={{\n                      position: 'absolute',\n                      inset: `${contentRate.value}% 0 0 0`,\n                    }}\n                    onMousedown={onMousedown}\n                  >\n                    <div class=\"y-divide-panel__divider-line\"></div>\n                  </div>\n                  <div\n                    class={'y-divide-panel__secondary-container'}\n                    style={{\n                      position: 'absolute',\n                      inset: `${contentRate.value}% 0 0 0`,\n                    }}\n                  >\n                    {slots.secondary?.()}\n                  </div>\n                </>\n              ))\n            }\n          </div>\n        </>\n      );\n    });\n\n    return {\n      activeSecondary,\n    };\n  },\n});\n\nexport type YDividePanel = InstanceType<typeof YDividePanel>;\n"],"mappings":"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"}
+{"version":3,"file":"YDividePanel.mjs","names":["computed","defineComponent","ref","watch","useRender","YDividePanel","name","setup","props","_ref","slots","contentRate","isResizing","secondarySlot","activeSecondary","rootRef","neo","value","topStyles","inset","position","classes","moveListener","event","mouseEvent","containerRect","getBoundingClientRect","requestAnimationFrame","Math","min","max","clientY","y","height","cancelEvent","removeEventListener","upListener","leaveListener","onMousedown","preventDefault","addEventListener","_createVNode","_Fragment","default","secondary"],"sources":["../../../src/components/panel/YDividePanel.tsx"],"sourcesContent":["import { type CSSProperties, computed, defineComponent, ref, watch } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\n\r\nimport './YDividePanel.scss';\r\n\r\nexport const YDividePanel = defineComponent({\r\n  name: 'YDividePanel',\r\n  setup(props, { slots }) {\r\n    const contentRate = ref(50);\r\n    const isResizing = ref(false);\r\n    const secondarySlot = ref();\r\n    const activeSecondary = ref(false);\r\n    const rootRef = ref();\r\n\r\n    watch(secondarySlot, (neo) => {\r\n      activeSecondary.value = !!neo;\r\n    });\r\n\r\n    const topStyles = computed<CSSProperties>(() => {\r\n      let inset = '0 0';\r\n      if (activeSecondary.value) {\r\n        inset = `0 0 ${100 - contentRate.value}% 0`;\r\n      }\r\n      return {\r\n        position: 'absolute',\r\n        inset,\r\n      };\r\n    });\r\n\r\n    const classes = computed(() => {\r\n      return {\r\n        'y-divide-panel': true,\r\n        'y-divide-panel--resizing': isResizing.value,\r\n      };\r\n    });\r\n\r\n    function moveListener(event: Event) {\r\n      const mouseEvent = event as MouseEvent;\r\n      const containerRect = rootRef.value.getBoundingClientRect();\r\n      requestAnimationFrame(() => {\r\n        contentRate.value = Math.min(\r\n          Math.max(\r\n            10,\r\n            ((mouseEvent.clientY - containerRect.y) / containerRect.height) *\r\n              100,\r\n          ),\r\n          90,\r\n        );\r\n      });\r\n    }\r\n\r\n    function cancelEvent() {\r\n      isResizing.value = false;\r\n      rootRef.value.removeEventListener('mousemove', moveListener);\r\n      rootRef.value.removeEventListener('mouseup', upListener);\r\n      rootRef.value.removeEventListener('mouseleave', leaveListener);\r\n    }\r\n\r\n    function upListener(event: Event) {\r\n      cancelEvent();\r\n    }\r\n\r\n    function leaveListener(event: Event) {\r\n      cancelEvent();\r\n    }\r\n\r\n    function onMousedown(event: MouseEvent) {\r\n      event.preventDefault();\r\n      isResizing.value = true;\r\n      rootRef.value.addEventListener('mousemove', moveListener);\r\n      rootRef.value.addEventListener('mouseup', upListener);\r\n      rootRef.value.addEventListener('mouseleave', leaveListener);\r\n    }\r\n\r\n    useRender(() => {\r\n      return (\r\n        <>\r\n          <div class={classes.value} ref={rootRef}>\r\n            <div\r\n              class={'y-divide-panel__top-container'}\r\n              style={topStyles.value}\r\n            >\r\n              {slots.default?.()}\r\n            </div>\r\n            {\r\n              (secondarySlot.value = slots.secondary && (\r\n                <>\r\n                  <div\r\n                    class=\"y-divide-panel__divider\"\r\n                    style={{\r\n                      position: 'absolute',\r\n                      inset: `${contentRate.value}% 0 0 0`,\r\n                    }}\r\n                    onMousedown={onMousedown}\r\n                  >\r\n                    <div class=\"y-divide-panel__divider-line\"></div>\r\n                  </div>\r\n                  <div\r\n                    class={'y-divide-panel__secondary-container'}\r\n                    style={{\r\n                      position: 'absolute',\r\n                      inset: `${contentRate.value}% 0 0 0`,\r\n                    }}\r\n                  >\r\n                    {slots.secondary?.()}\r\n                  </div>\r\n                </>\r\n              ))\r\n            }\r\n          </div>\r\n        </>\r\n      );\r\n    });\r\n\r\n    return {\r\n      activeSecondary,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YDividePanel = InstanceType<typeof YDividePanel>;\r\n"],"mappings":"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"}

package/lib/components/plate/YPlate.mjs

@@ -4,8 +4,8 @@ import { useRender } from "../../composables/component.mjs";
 import { defineComponent } from "../../util/component/index.mjs";
 import "./YPlate.scss";
 
-/**
- * # Base Component
+/**
+ * # Base Component
  */
 export const YPlate = defineComponent({
   name: 'YPlate',

package/lib/components/plate/YPlate.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YPlate.mjs","names":["computed","useRender","defineComponent","YPlate","name","props","variation","Object","setup","classes","_createVNode","value"],"sources":["../../../src/components/plate/YPlate.tsx"],"sourcesContent":["import { type PropType, computed } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { defineComponent } from '@/util/component';\n\nimport './YPlate.scss';\n\n/**\n * # Base Component\n */\nexport const YPlate = defineComponent({\n  name: 'YPlate',\n  props: {\n    variation: Object as PropType<Record<string, any>>,\n  },\n  setup() {\n    const classes = computed<Record<string, boolean>>(() => {\n      return {\n        'y-plate': true,\n      };\n    });\n\n    useRender(() => {\n      return <div class={classes.value}></div>;\n    });\n  },\n});\n\nexport type YPlate = InstanceType<typeof YPlate>;\n"],"mappings":";AAAA,SAAwBA,QAAQ,QAAQ,KAAK;AAAC,SAErCC,SAAS;AAAA,SACTC,eAAe;AAExB;;AAEA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC;EACpCE,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAE;IACLC,SAAS,EAAEC;EACb,CAAC;EACDC,KAAKA,CAAA,EAAG;IACN,MAAMC,OAAO,GAAGT,QAAQ,CAA0B,MAAM;MACtD,OAAO;QACL,SAAS,EAAE;MACb,CAAC;IACH,CAAC,CAAC;IAEFC,SAAS,CAAC,MAAM;MACd,OAAAS,YAAA;QAAA,SAAmBD,OAAO,CAACE;MAAK;IAClC,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}
+{"version":3,"file":"YPlate.mjs","names":["computed","useRender","defineComponent","YPlate","name","props","variation","Object","setup","classes","_createVNode","value"],"sources":["../../../src/components/plate/YPlate.tsx"],"sourcesContent":["import { type PropType, computed } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { defineComponent } from '@/util/component';\r\n\r\nimport './YPlate.scss';\r\n\r\n/**\r\n * # Base Component\r\n */\r\nexport const YPlate = defineComponent({\r\n  name: 'YPlate',\r\n  props: {\r\n    variation: Object as PropType<Record<string, any>>,\r\n  },\r\n  setup() {\r\n    const classes = computed<Record<string, boolean>>(() => {\r\n      return {\r\n        'y-plate': true,\r\n      };\r\n    });\r\n\r\n    useRender(() => {\r\n      return <div class={classes.value}></div>;\r\n    });\r\n  },\r\n});\r\n\r\nexport type YPlate = InstanceType<typeof YPlate>;\r\n"],"mappings":";AAAA,SAAwBA,QAAQ,QAAQ,KAAK;AAAC,SAErCC,SAAS;AAAA,SACTC,eAAe;AAExB;;AAEA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,GAAGD,eAAe,CAAC;EACpCE,IAAI,EAAE,QAAQ;EACdC,KAAK,EAAE;IACLC,SAAS,EAAEC;EACb,CAAC;EACDC,KAAKA,CAAA,EAAG;IACN,MAAMC,OAAO,GAAGT,QAAQ,CAA0B,MAAM;MACtD,OAAO;QACL,SAAS,EAAE;MACb,CAAC;IACH,CAAC,CAAC;IAEFC,SAAS,CAAC,MAAM;MACd,OAAAS,YAAA;QAAA,SAAmBD,OAAO,CAACE;MAAK;IAClC,CAAC,CAAC;EACJ;AACF,CAAC,CAAC"}

package/lib/components/progress-bar/YProgressBar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YProgressBar.mjs","names":["computed","useRender","useProgress","isColorValue","defineComponent","YProgressBar","name","props","value","type","Number","rounded","Boolean","height","noRewindTransition","outlined","innerText","color","String","default","textColor","outlineColor","indeterminate","reverse","setup","_ref","slots","numValue","delta","classes","noTransition","leadColor","styles","minWidth","width","_createVNode","undefined","_createTextVNode"],"sources":["../../../src/components/progress-bar/YProgressBar.tsx"],"sourcesContent":["import { type PropType, computed, shallowRef } from 'vue';\n\nimport { useRender } from '@/composables';\nimport { useProgress } from '@/composables/progress';\nimport { isColorValue } from '@/util/color';\nimport { defineComponent } from '@/util/component';\n\nimport './YProgressBar.scss';\n\nexport const YProgressBar = defineComponent({\n  name: 'YProgressBar',\n  props: {\n    value: {\n      type: Number as PropType<number>,\n    },\n    rounded: {\n      type: Boolean as PropType<boolean>,\n    },\n    height: {\n      type: Number as PropType<number>,\n    },\n    noRewindTransition: {\n      type: Boolean as PropType<boolean>,\n    },\n    outlined: {\n      type: Boolean as PropType<boolean>,\n    },\n    innerText: {\n      type: Boolean as PropType<boolean>,\n    },\n    color: {\n      type: String as PropType<string>,\n      default: 'primary',\n    },\n    textColor: {\n      type: String as PropType<string>,\n    },\n    outlineColor: {\n      type: String as PropType<string>,\n    },\n    indeterminate: Boolean,\n    reverse: Boolean,\n  },\n  setup(props, { slots }) {\n    const { numValue, delta } = useProgress(props);\n\n    const classes = computed(() => {\n      let noTransition = false;\n      if (props.noRewindTransition && delta.value < 0) {\n        noTransition = true;\n      }\n\n      return {\n        'y-progress--no-trans': noTransition,\n        'y-progress--outlined': props.outlined,\n        'y-progress--indeterminate': props.indeterminate,\n        'y-progress-bar--rounded': props.rounded,\n        'y-progress-bar--reverse': props.reverse,\n      };\n    });\n\n    const leadColor = computed(() => {\n      let color = props.color ?? '';\n      if (!isColorValue(color)) {\n        color = `var(--y-theme-${color})`;\n      }\n      return color;\n    });\n\n    const styles = computed(() => {\n      let minWidth;\n      if (props.innerText && numValue.value < 5 && numValue.value > 0) {\n        minWidth = '2rem';\n      }\n      return {\n        width: `${numValue.value}%`,\n        minWidth,\n      };\n    });\n\n    useRender(() => (\n      <div\n        class={{ 'y-progress y-progress-bar': true, ...classes.value }}\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow={numValue.value}\n        style={{\n          '--y-progress-bar__height':\n            props.height !== undefined ? `${props.height}px` : undefined,\n          '--y-progress-bar__outline-color':\n            props.outlineColor !== undefined ? props.outlineColor : undefined,\n          '--y-progress-bar__color': leadColor.value,\n          '--y-progress-bar__value': numValue.value,\n        }}\n      >\n        <div class=\"y-progress__track\"></div>\n        <div class=\"y-progress__tube\">\n          <div class=\"y-progress__lead\" style={styles.value}>\n            {slots['lead-inner']\n              ? slots['lead-inner']()\n              : props.innerText && (\n                  <div\n                    class={{\n                      'y-progress__lead-inner': true,\n                      'y-progress__lead-inner--fixed': numValue.value < 3,\n                    }}\n                    style={{ color: props.textColor }}\n                  >\n                    <span>{numValue} %</span>\n                  </div>\n                )}\n          </div>\n        </div>\n      </div>\n    ));\n\n    return {\n      numValue,\n      delta,\n    };\n  },\n});\n\nexport type YProgressBar = InstanceType<typeof YProgressBar>;\n"],"mappings":"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"}
+{"version":3,"file":"YProgressBar.mjs","names":["computed","useRender","useProgress","isColorValue","defineComponent","YProgressBar","name","props","value","type","Number","rounded","Boolean","height","noRewindTransition","outlined","innerText","color","String","default","textColor","outlineColor","indeterminate","reverse","setup","_ref","slots","numValue","delta","classes","noTransition","leadColor","styles","minWidth","width","_createVNode","undefined","_createTextVNode"],"sources":["../../../src/components/progress-bar/YProgressBar.tsx"],"sourcesContent":["import { type PropType, computed, shallowRef } from 'vue';\r\n\r\nimport { useRender } from '@/composables';\r\nimport { useProgress } from '@/composables/progress';\r\nimport { isColorValue } from '@/util/color';\r\nimport { defineComponent } from '@/util/component';\r\n\r\nimport './YProgressBar.scss';\r\n\r\nexport const YProgressBar = defineComponent({\r\n  name: 'YProgressBar',\r\n  props: {\r\n    value: {\r\n      type: Number as PropType<number>,\r\n    },\r\n    rounded: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    height: {\r\n      type: Number as PropType<number>,\r\n    },\r\n    noRewindTransition: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    outlined: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    innerText: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    color: {\r\n      type: String as PropType<string>,\r\n      default: 'primary',\r\n    },\r\n    textColor: {\r\n      type: String as PropType<string>,\r\n    },\r\n    outlineColor: {\r\n      type: String as PropType<string>,\r\n    },\r\n    indeterminate: Boolean,\r\n    reverse: Boolean,\r\n  },\r\n  setup(props, { slots }) {\r\n    const { numValue, delta } = useProgress(props);\r\n\r\n    const classes = computed(() => {\r\n      let noTransition = false;\r\n      if (props.noRewindTransition && delta.value < 0) {\r\n        noTransition = true;\r\n      }\r\n\r\n      return {\r\n        'y-progress--no-trans': noTransition,\r\n        'y-progress--outlined': props.outlined,\r\n        'y-progress--indeterminate': props.indeterminate,\r\n        'y-progress-bar--rounded': props.rounded,\r\n        'y-progress-bar--reverse': props.reverse,\r\n      };\r\n    });\r\n\r\n    const leadColor = computed(() => {\r\n      let color = props.color ?? '';\r\n      if (!isColorValue(color)) {\r\n        color = `var(--y-theme-${color})`;\r\n      }\r\n      return color;\r\n    });\r\n\r\n    const styles = computed(() => {\r\n      let minWidth;\r\n      if (props.innerText && numValue.value < 5 && numValue.value > 0) {\r\n        minWidth = '2rem';\r\n      }\r\n      return {\r\n        width: `${numValue.value}%`,\r\n        minWidth,\r\n      };\r\n    });\r\n\r\n    useRender(() => (\r\n      <div\r\n        class={{ 'y-progress y-progress-bar': true, ...classes.value }}\r\n        role=\"progressbar\"\r\n        aria-valuemin=\"0\"\r\n        aria-valuemax=\"100\"\r\n        aria-valuenow={numValue.value}\r\n        style={{\r\n          '--y-progress-bar__height':\r\n            props.height !== undefined ? `${props.height}px` : undefined,\r\n          '--y-progress-bar__outline-color':\r\n            props.outlineColor !== undefined ? props.outlineColor : undefined,\r\n          '--y-progress-bar__color': leadColor.value,\r\n          '--y-progress-bar__value': numValue.value,\r\n        }}\r\n      >\r\n        <div class=\"y-progress__track\"></div>\r\n        <div class=\"y-progress__tube\">\r\n          <div class=\"y-progress__lead\" style={styles.value}>\r\n            {slots['lead-inner']\r\n              ? slots['lead-inner']()\r\n              : props.innerText && (\r\n                  <div\r\n                    class={{\r\n                      'y-progress__lead-inner': true,\r\n                      'y-progress__lead-inner--fixed': numValue.value < 3,\r\n                    }}\r\n                    style={{ color: props.textColor }}\r\n                  >\r\n                    <span>{numValue} %</span>\r\n                  </div>\r\n                )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    ));\r\n\r\n    return {\r\n      numValue,\r\n      delta,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YProgressBar = InstanceType<typeof YProgressBar>;\r\n"],"mappings":"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"}

package/lib/components/progress-bar/YProgressBar.scss

@@ -1,120 +1,120 @@
-@use '../../styles/settings/variables';
-
-.y-progress {
-  --y-progress-bar__height: 4px;
-  --y-progress-bar__color: var(--y-theme-primary);
-  --y-progress-bar__track-color: rgba(var(--y-theme-surface-variant), 0.74);
-
-  display: flex;
-  position: relative;
-  height: var(--y-progress-bar__height, 4px);
-  color: var(--y-progress-bar__color);
-
-  &-bar--rounded {
-    border-radius: calc(var(--y-progress-bar__height) / 2);
-  }
-
-  &--outlined {
-    --y-progress-bar__outline-color: var(--y-theme-primary);
-    border: 1px solid var(--y-progress-bar__outline-color);
-  }
-
-  &-bar--reverse & {
-    &__track {
-      transform-origin: 0 100%;
-      transform: translateX(100%) scale3d(-1, 1, 1);
-    }
-
-    &__lead {
-      right: 0;
-      position: absolute;
-    }
-  }
-
-  &__tube {
-    border-radius: inherit;
-    overflow: clip;
-    min-width: 0;
-    flex: 1 1;
-    position: relative;
-  }
-
-  &__track {
-    background-color: var(--y-progress-bar__track-color);
-    position: absolute;
-    inset: 0;
-    border-radius: inherit;
-    overflow: clip;
-    color: inherit;
-  }
-
-  &__lead {
-    height: 100%;
-    background-color: var(--y-progress-bar__color);
-    position: relative;
-    transform-origin: left;
-    transition: all 250ms cubic-bezier(0.42, 0.5, 0.51, 1.02);
-  }
-
-  &--indeterminate &__track {
-    &:before {
-      animation: y-progress-bar--indeterminate 2.1s
-        cubic-bezier(0.5, 0.65, 0.62, 0.25) infinite;
-
-      @keyframes y-progress-bar--indeterminate {
-        0% {
-          transform: translate3d(-35%, 0, 0) scale3d(0.35, 1, 1);
-        }
-
-        60% {
-          transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1);
-        }
-
-        to {
-          transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1);
-        }
-      }
-    }
-
-    &:after {
-      animation: y-progress-bar--indeterminate-trail 2.1s
-        variables.$basic-transition-timing-function infinite;
-      animation-delay: 1.15s;
-      transform: translate3d(-101%, 0, 0) scaleZ(1);
-
-      @keyframes y-progress-bar--indeterminate-trail {
-        0% {
-          transform: translate3d(-101%, 0, 0) scaleZ(1);
-        }
-
-        60% {
-          transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1);
-        }
-
-        to {
-          transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1);
-        }
-      }
-    }
-
-    &:before,
-    &:after {
-      content: '';
-      position: absolute;
-      background: currentColor;
-      transform-origin: 0 0;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-    }
-  }
-
-  &--indeterminate &__lead {
-    visibility: hidden;
-  }
-
-  &--no-trans &__lead {
-    transition: none;
-  }
-}
+@use '../../styles/settings/variables';
+
+.y-progress {
+  --y-progress-bar__height: 4px;
+  --y-progress-bar__color: var(--y-theme-primary);
+  --y-progress-bar__track-color: rgba(var(--y-theme-surface-variant), 0.74);
+
+  display: flex;
+  position: relative;
+  height: var(--y-progress-bar__height, 4px);
+  color: var(--y-progress-bar__color);
+
+  &-bar--rounded {
+    border-radius: calc(var(--y-progress-bar__height) / 2);
+  }
+
+  &--outlined {
+    --y-progress-bar__outline-color: var(--y-theme-primary);
+    border: 1px solid var(--y-progress-bar__outline-color);
+  }
+
+  &-bar--reverse & {
+    &__track {
+      transform-origin: 0 100%;
+      transform: translateX(100%) scale3d(-1, 1, 1);
+    }
+
+    &__lead {
+      right: 0;
+      position: absolute;
+    }
+  }
+
+  &__tube {
+    border-radius: inherit;
+    overflow: clip;
+    min-width: 0;
+    flex: 1 1;
+    position: relative;
+  }
+
+  &__track {
+    background-color: var(--y-progress-bar__track-color);
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    overflow: clip;
+    color: inherit;
+  }
+
+  &__lead {
+    height: 100%;
+    background-color: var(--y-progress-bar__color);
+    position: relative;
+    transform-origin: left;
+    transition: all 250ms cubic-bezier(0.42, 0.5, 0.51, 1.02);
+  }
+
+  &--indeterminate &__track {
+    &:before {
+      animation: y-progress-bar--indeterminate 2.1s
+        cubic-bezier(0.5, 0.65, 0.62, 0.25) infinite;
+
+      @keyframes y-progress-bar--indeterminate {
+        0% {
+          transform: translate3d(-35%, 0, 0) scale3d(0.35, 1, 1);
+        }
+
+        60% {
+          transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1);
+        }
+
+        to {
+          transform: translate3d(100%, 0, 0) scale3d(0.9, 1, 1);
+        }
+      }
+    }
+
+    &:after {
+      animation: y-progress-bar--indeterminate-trail 2.1s
+        variables.$basic-transition-timing-function infinite;
+      animation-delay: 1.15s;
+      transform: translate3d(-101%, 0, 0) scaleZ(1);
+
+      @keyframes y-progress-bar--indeterminate-trail {
+        0% {
+          transform: translate3d(-101%, 0, 0) scaleZ(1);
+        }
+
+        60% {
+          transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1);
+        }
+
+        to {
+          transform: translate3d(107%, 0, 0) scale3d(0.01, 1, 1);
+        }
+      }
+    }
+
+    &:before,
+    &:after {
+      content: '';
+      position: absolute;
+      background: currentColor;
+      transform-origin: 0 0;
+      top: 0;
+      right: 0;
+      bottom: 0;
+      left: 0;
+    }
+  }
+
+  &--indeterminate &__lead {
+    visibility: hidden;
+  }
+
+  &--no-trans &__lead {
+    transition: none;
+  }
+}

package/lib/components/select/YSelect.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YSelect.mjs","names":["computed","mergeProps","nextTick","onMounted","ref","shallowRef","vShow","watch","withDirectives","useModelDuplex","useRender","pressCoordinateProps","useI18n","pressListItemsPropsOptions","useItems","wrapInArray","deepEqual","omit","chooseProps","defineComponent","getHtmlElement","propsFactory","getScrollParent","YCard","YFieldInput","pressYFieldInputPropsOptions","YIcon","YList","YListItem","YMenu","pressSelectPropsOptions","opened","Boolean","multiple","itemComparator","type","Function","default","defaultSelect","menuProps","Object","pressYSelectPropsOptions","maxHeight","Number","String","dropdownIcon","Array","openDelay","closeDelay","position","YSelect","name","inheritAttrs","props","emits","value","click:item","item","e","slots","setup","_ref","attrs","expose","fieldInputRef","menuRef","listRef","cardRef","focused","items","toRefineItems","toEmitItems","t","model","v","emitValue","selections","ret","found","find","undefined","push","selected","map","selection","extraMenuProps","preventCloseBubble","isSelected","selectedItem","onMousedownDisplay","event","disabled","onBlur","onClickItem","select","setTimeout","onAfterLeave","focus","closeCondition","target","layer$","content$","contains","index","findIndex","neo","slice","splice","displayText","text","join","baseEl","scrollToActiveItem","length","listEl","activeEl","querySelector","contentEl","scrollEl","isSameNode","scrollTo","top","offsetTop","behavior","fieldInputProps","dropdownIconProps","_createVNode","_mergeProps","offset","align","origin","$event","base","_len","arguments","args","_key","rxValue","selectionProps","raw","placeholder","internalItems","leading","_len2","_key2","trailing","label","_len3","_key3","_len4","_key4","menu","itemProps","hide","modelValue","isArray"],"sources":["../../../src/components/select/YSelect.tsx"],"sourcesContent":["import {\n  type PropType,\n  type SlotsType,\n  computed,\n  mergeProps,\n  nextTick,\n  onMounted,\n  ref,\n  shallowRef,\n  vShow,\n  watch,\n  withDirectives,\n} from 'vue';\n\nimport { useModelDuplex } from '@/composables/communication';\nimport { useRender } from '@/composables/component';\nimport { pressCoordinateProps } from '@/composables/coordinate';\nimport { useI18n } from '@/composables/i18n';\nimport {\n  ListItem,\n  pressListItemsPropsOptions,\n  useItems,\n} from '@/composables/list-items';\nimport { wrapInArray } from '@/util/array';\nimport { deepEqual, getObjectValueByPath, omit } from '@/util/common';\nimport {\n  chooseProps,\n  defineComponent,\n  getHtmlElement,\n  propsFactory,\n} from '@/util/component';\nimport { getScrollParent } from '@/util/scroll';\n\nimport { YCard } from '../card';\nimport { YFieldInput, pressYFieldInputPropsOptions } from '../field-input';\nimport { YIcon, YIconIconProp } from '../icon';\nimport { YList, YListItem } from '../list';\nimport { YMenu } from '../menu';\n\nimport './YSelect.scss';\n\nexport type ItemComparator = (\n  optionsItem: any,\n  valueItem: any,\n  valueKey?: string,\n) => boolean;\n\nexport const pressSelectPropsOptions = propsFactory(\n  {\n    opened: Boolean as PropType<boolean>,\n    multiple: Boolean,\n    itemComparator: {\n      type: Function as PropType<ItemComparator>,\n      default: deepEqual,\n    },\n    defaultSelect: Boolean,\n    menuProps: {\n      type: Object as PropType<YMenu['$props']>,\n    },\n    ...pressListItemsPropsOptions(),\n  },\n  'Select',\n);\n\nexport const pressYSelectPropsOptions = propsFactory(\n  {\n    maxHeight: {\n      type: [Number, String],\n      default: 310,\n    },\n    dropdownIcon: {\n      type: [String, Array, Object] as PropType<YIconIconProp>,\n      default: '$dropdown',\n    },\n    openDelay: {\n      type: Number as PropType<number>,\n      default: 200,\n    },\n    closeDelay: {\n      type: Number as PropType<number>,\n      default: 200,\n    },\n    ...pressSelectPropsOptions(),\n    ...pressYFieldInputPropsOptions(),\n    ...omit(pressCoordinateProps({ position: 'bottom' as 'bottom' }), [\n      'coordinateStrategy',\n    ]),\n  },\n  'YSelect',\n);\n\nexport const YSelect = defineComponent({\n  name: 'YSelect',\n  inheritAttrs: false,\n  props: {\n    ...pressYSelectPropsOptions(),\n  },\n  emits: {\n    'update:modelValue': (value: any) => true,\n    'update:opened': (opened: boolean) => true,\n    'click:item': (item: any, e: MouseEvent) => true,\n  },\n  slots: Object as SlotsType<{\n    base: any;\n    selection: {\n      displayText: string;\n      placeholder: undefined | string;\n      items: any[];\n      internalItems: ListItem[];\n    };\n    leading: any;\n    label: any;\n    'helper-text': any;\n    menu: any;\n    'menu-prepend': any;\n    'menu-append': any;\n    'dropdown-icon': any;\n    item: { item: any; selected: boolean; select: () => void };\n    'item-leading': { item: any; selected: boolean; select: () => void };\n    'item-trailing': { item: any; selected: boolean; select: () => void };\n  }>,\n  setup(props, { slots, attrs, expose }) {\n    const fieldInputRef = ref();\n    const menuRef = ref<InstanceType<typeof YMenu>>();\n    const listRef = ref<InstanceType<typeof YList>>();\n    const cardRef = ref<any>();\n\n    const opened = useModelDuplex(props, 'opened');\n    const focused = shallowRef(false);\n\n    const { items, toRefineItems, toEmitItems } = useItems(props);\n    const { t } = useI18n();\n    const model = useModelDuplex(\n      props,\n      'modelValue',\n      [],\n      (v) => toRefineItems(v === null ? [null] : wrapInArray(v)),\n      (v) => {\n        const emitValue = toEmitItems(wrapInArray(v));\n        return props.multiple ? emitValue : emitValue[0] ?? null;\n      },\n    );\n\n    const selections = computed<ListItem[]>(() => {\n      const ret: ListItem<any>[] = [];\n      for (const v of model.value) {\n        const found = items.value.find((item) => {\n          return props.itemComparator(item.value, v.value);\n        });\n        if (found !== undefined) {\n          ret.push(found);\n        }\n      }\n      return ret;\n    });\n\n    const selected = computed(() => {\n      return selections.value.map((selection) => selection?.props?.value);\n    });\n\n    const extraMenuProps = computed(() => {\n      return { ...props.menuProps, preventCloseBubble: true };\n    });\n\n    function isSelected(item: ListItem) {\n      return !!selections.value.find((selectedItem) => {\n        return selectedItem?.value === item.value;\n      });\n    }\n\n    // Field\n    function onMousedownDisplay(event: MouseEvent) {\n      if (props.disabled) {\n        return;\n      }\n      opened.value = !opened.value;\n    }\n\n    function onBlur(event: FocusEvent) {\n      // if (listRef.value?.$el.contains(event.relatedTarget)) {\n      //   opened.value = false;\n      // }\n    }\n\n    // Menu Contents\n    function onClickItem(item: ListItem, e: MouseEvent) {\n      if (item.disabled) return;\n      select(item);\n      if (!props.multiple) {\n        setTimeout(() => {\n          opened.value = false;\n        }, 40);\n      }\n    }\n\n    function onAfterLeave() {\n      if (!focused.value) {\n        fieldInputRef.value?.focus();\n      }\n    }\n\n    function closeCondition(event: MouseEvent) {\n      if (event.target && (menuRef.value as any)?.layer$?.content$) {\n        return (event.target as HTMLElement)?.contains(\n          (menuRef.value as any)?.layer$?.content$,\n        );\n      }\n    }\n\n    function select(item: ListItem) {\n      if (props.multiple) {\n        const index = selections.value.findIndex((selectedItem) => {\n          return selectedItem.value === item.value;\n        });\n        if (index === -1) {\n          model.value = [...model.value, item];\n        } else {\n          const neo = model.value.slice();\n          neo.splice(index, 1);\n          model.value = neo;\n        }\n      } else {\n        model.value = [item];\n      }\n    }\n\n    const displayText = computed(() => {\n      if (props.multiple) {\n        return selections.value.map((item) => item.text).join(', ');\n      }\n      return selections.value?.[0]?.text ?? '';\n    });\n\n    const baseEl = computed(() => {\n      return menuRef.value?.baseEl;\n    });\n\n    watch(opened, (neo) => {\n      if (neo) {\n        nextTick(() => {\n          scrollToActiveItem();\n        });\n      }\n    });\n\n    function scrollToActiveItem() {\n      if (selections.value.length === 0) {\n        return;\n      }\n      const listEl = getHtmlElement(listRef.value);\n      if (listEl) {\n        const activeEl = listEl?.querySelector('.y-list-item--active') as\n          | HTMLElement\n          | undefined;\n        const contentEl = (menuRef.value as any)?.layer$\n          ?.content$ as HTMLElement;\n        if (activeEl && contentEl) {\n          const scrollEl = getScrollParent(activeEl);\n          if (\n            scrollEl &&\n            (contentEl.contains(scrollEl) || contentEl.isSameNode(scrollEl))\n          ) {\n            scrollEl.scrollTo({ top: activeEl.offsetTop, behavior: 'smooth' });\n          }\n        }\n      }\n    }\n\n    useRender(() => {\n      const fieldInputProps = chooseProps(props, YFieldInput.props);\n      const dropdownIconProps = chooseProps(\n        typeof props.dropdownIcon === 'object' ? props.dropdownIcon : {},\n        YIcon.props,\n      );\n      return (\n        <YMenu\n          ref={menuRef}\n          offset={props.offset}\n          position={props.position}\n          align={props.align}\n          origin={props.origin}\n          content-classes={['y-select__content']}\n          maxHeight={props.maxHeight}\n          open-on-click-base={false}\n          onAfterLeave={onAfterLeave}\n          open-delay={props.openDelay}\n          close-delay={props.closeDelay}\n          closeCondition={closeCondition}\n          {...extraMenuProps.value}\n          v-model={opened.value}\n        >\n          {{\n            base: (...args: any[]) =>\n              slots.base ? (\n                slots.base?.(...args)\n              ) : (\n                <YFieldInput\n                  {...{\n                    ...fieldInputProps,\n                    ...mergeProps({ ...args[0].props }, { ref: fieldInputRef }),\n                  }}\n                  modelValue={model.value\n                    .map((v: any) => v.props.value)\n                    .join(', ')}\n                  validationValue={model.rxValue}\n                  onMousedown:display={onMousedownDisplay}\n                  onBlur={onBlur}\n                  readonly\n                  class={[\n                    'y-select',\n                    {\n                      'y-select--opened': opened.value,\n                      'y-select--selected': selected.value.length > 0,\n                    },\n                  ]}\n                  {...attrs}\n                  focused={focused.value}\n                >\n                  {{\n                    default: () => {\n                      const selectionProps = {\n                        items: selections.value.map((item) => item.raw),\n                        displayText: displayText.value,\n                        placeholder: props.placeholder,\n                        internalItems: selections.value,\n                      };\n                      return (\n                        <div class={['y-select__selection']}>\n                          {slots.selection\n                            ? slots.selection?.(selectionProps)\n                            : selected.value.length > 0\n                              ? displayText.value\n                              : props.placeholder}\n                        </div>\n                      );\n                    },\n                    leading: slots.leading\n                      ? (...args: any[]) => slots.leading?.(...args)\n                      : undefined,\n                    trailing: (...args: any[]) => {\n                      return slots['dropdown-icon'] ? (\n                        slots['dropdown-icon']()\n                      ) : (\n                        <YIcon\n                          {...mergeProps(dropdownIconProps)}\n                          icon={props.dropdownIcon}\n                          class={['y-select__icon']}\n                        ></YIcon>\n                      );\n                    },\n                    label: slots.label\n                      ? (...args: any[]) => slots.label?.(...args)\n                      : undefined,\n                    'helper-text': slots['helper-text']\n                      ? (...args: any[]) => slots['helper-text']?.(...args)\n                      : undefined,\n                  }}\n                </YFieldInput>\n              ),\n            default: slots.menu\n              ? () => slots.menu()\n              : () => (\n                  <YCard ref={cardRef}>\n                    {slots['menu-prepend']?.()}\n                    {items.value.length > 0 ? (\n                      <YList ref={listRef}>\n                        {items.value.map((item) => {\n                          const itemProps = {\n                            item,\n                            selected: isSelected(item),\n                            select: () => {\n                              select(item);\n                            },\n                          };\n                          return withDirectives(\n                            <YListItem\n                              onClick={(e) => onClickItem(item, e)}\n                              class={[\n                                {\n                                  'y-list-item--active': isSelected(item),\n                                },\n                              ]}\n                              disabled={item.disabled}\n                            >\n                              {{\n                                default: () =>\n                                  slots.item\n                                    ? slots.item?.(itemProps)\n                                    : item.text,\n                                leading:\n                                  slots['item-leading'] &&\n                                  (() => slots['item-leading']?.(itemProps)),\n                                trailing:\n                                  slots['item-trailing'] &&\n                                  (() => slots['item-trailing']?.(itemProps)),\n                              }}\n                            </YListItem>,\n                            [[vShow, !item.hide]],\n                          );\n                        })}\n                      </YList>\n                    ) : (\n                      <div class=\"y-select__no-options\">\n                        {t('$yuyeon.noItems')}\n                      </div>\n                    )}\n                    {slots['menu-append']?.()}\n                  </YCard>\n                ),\n          }}\n        </YMenu>\n      );\n    });\n\n    onMounted(() => {\n      if (\n        props.defaultSelect &&\n        (props.modelValue === undefined ||\n          (Array.isArray(props.modelValue) && props.modelValue.length === 0)) &&\n        items.value?.length\n      ) {\n        select(items.value[0]);\n      }\n    });\n\n    expose({\n      fieldInputRef,\n      baseEl,\n      opened,\n    });\n\n    return {\n      fieldInputRef,\n      model,\n      selections,\n      selected,\n      menuRef,\n      baseEl,\n      opened,\n    };\n  },\n});\n\nexport type YSelect = InstanceType<typeof YSelect>;\n"],"mappings":"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"}
+{"version":3,"file":"YSelect.mjs","names":["computed","mergeProps","nextTick","onMounted","ref","shallowRef","vShow","watch","withDirectives","useModelDuplex","useRender","pressCoordinateProps","useI18n","pressListItemsPropsOptions","useItems","wrapInArray","deepEqual","omit","chooseProps","defineComponent","getHtmlElement","propsFactory","getScrollParent","YCard","YFieldInput","pressYFieldInputPropsOptions","YIcon","YList","YListItem","YMenu","pressSelectPropsOptions","opened","Boolean","multiple","itemComparator","type","Function","default","defaultSelect","menuProps","Object","pressYSelectPropsOptions","maxHeight","Number","String","dropdownIcon","Array","openDelay","closeDelay","position","YSelect","name","inheritAttrs","props","emits","value","click:item","item","e","slots","setup","_ref","attrs","expose","fieldInputRef","menuRef","listRef","cardRef","focused","items","toRefineItems","toEmitItems","t","model","v","emitValue","selections","ret","found","find","undefined","push","selected","map","selection","extraMenuProps","preventCloseBubble","isSelected","selectedItem","onMousedownDisplay","event","disabled","onBlur","onClickItem","select","setTimeout","onAfterLeave","focus","closeCondition","target","layer$","content$","contains","index","findIndex","neo","slice","splice","displayText","text","join","baseEl","scrollToActiveItem","length","listEl","activeEl","querySelector","contentEl","scrollEl","isSameNode","scrollTo","top","offsetTop","behavior","fieldInputProps","dropdownIconProps","_createVNode","_mergeProps","offset","align","origin","$event","base","_len","arguments","args","_key","rxValue","selectionProps","raw","placeholder","internalItems","leading","_len2","_key2","trailing","label","_len3","_key3","_len4","_key4","menu","itemProps","hide","modelValue","isArray"],"sources":["../../../src/components/select/YSelect.tsx"],"sourcesContent":["import {\r\n  type PropType,\r\n  type SlotsType,\r\n  computed,\r\n  mergeProps,\r\n  nextTick,\r\n  onMounted,\r\n  ref,\r\n  shallowRef,\r\n  vShow,\r\n  watch,\r\n  withDirectives,\r\n} from 'vue';\r\n\r\nimport { useModelDuplex } from '@/composables/communication';\r\nimport { useRender } from '@/composables/component';\r\nimport { pressCoordinateProps } from '@/composables/coordinate';\r\nimport { useI18n } from '@/composables/i18n';\r\nimport {\r\n  ListItem,\r\n  pressListItemsPropsOptions,\r\n  useItems,\r\n} from '@/composables/list-items';\r\nimport { wrapInArray } from '@/util/array';\r\nimport { deepEqual, getObjectValueByPath, omit } from '@/util/common';\r\nimport {\r\n  chooseProps,\r\n  defineComponent,\r\n  getHtmlElement,\r\n  propsFactory,\r\n} from '@/util/component';\r\nimport { getScrollParent } from '@/util/scroll';\r\n\r\nimport { YCard } from '../card';\r\nimport { YFieldInput, pressYFieldInputPropsOptions } from '../field-input';\r\nimport { YIcon, YIconIconProp } from '../icon';\r\nimport { YList, YListItem } from '../list';\r\nimport { YMenu } from '../menu';\r\n\r\nimport './YSelect.scss';\r\n\r\nexport type ItemComparator = (\r\n  optionsItem: any,\r\n  valueItem: any,\r\n  valueKey?: string,\r\n) => boolean;\r\n\r\nexport const pressSelectPropsOptions = propsFactory(\r\n  {\r\n    opened: Boolean as PropType<boolean>,\r\n    multiple: Boolean,\r\n    itemComparator: {\r\n      type: Function as PropType<ItemComparator>,\r\n      default: deepEqual,\r\n    },\r\n    defaultSelect: Boolean,\r\n    menuProps: {\r\n      type: Object as PropType<YMenu['$props']>,\r\n    },\r\n    ...pressListItemsPropsOptions(),\r\n  },\r\n  'Select',\r\n);\r\n\r\nexport const pressYSelectPropsOptions = propsFactory(\r\n  {\r\n    maxHeight: {\r\n      type: [Number, String],\r\n      default: 310,\r\n    },\r\n    dropdownIcon: {\r\n      type: [String, Array, Object] as PropType<YIconIconProp>,\r\n      default: '$dropdown',\r\n    },\r\n    openDelay: {\r\n      type: Number as PropType<number>,\r\n      default: 200,\r\n    },\r\n    closeDelay: {\r\n      type: Number as PropType<number>,\r\n      default: 200,\r\n    },\r\n    ...pressSelectPropsOptions(),\r\n    ...pressYFieldInputPropsOptions(),\r\n    ...omit(pressCoordinateProps({ position: 'bottom' as 'bottom' }), [\r\n      'coordinateStrategy',\r\n    ]),\r\n  },\r\n  'YSelect',\r\n);\r\n\r\nexport const YSelect = defineComponent({\r\n  name: 'YSelect',\r\n  inheritAttrs: false,\r\n  props: {\r\n    ...pressYSelectPropsOptions(),\r\n  },\r\n  emits: {\r\n    'update:modelValue': (value: any) => true,\r\n    'update:opened': (opened: boolean) => true,\r\n    'click:item': (item: any, e: MouseEvent) => true,\r\n  },\r\n  slots: Object as SlotsType<{\r\n    base: any;\r\n    selection: {\r\n      displayText: string;\r\n      placeholder: undefined | string;\r\n      items: any[];\r\n      internalItems: ListItem[];\r\n    };\r\n    leading: any;\r\n    label: any;\r\n    'helper-text': any;\r\n    menu: any;\r\n    'menu-prepend': any;\r\n    'menu-append': any;\r\n    'dropdown-icon': any;\r\n    item: { item: any; selected: boolean; select: () => void };\r\n    'item-leading': { item: any; selected: boolean; select: () => void };\r\n    'item-trailing': { item: any; selected: boolean; select: () => void };\r\n  }>,\r\n  setup(props, { slots, attrs, expose }) {\r\n    const fieldInputRef = ref();\r\n    const menuRef = ref<InstanceType<typeof YMenu>>();\r\n    const listRef = ref<InstanceType<typeof YList>>();\r\n    const cardRef = ref<any>();\r\n\r\n    const opened = useModelDuplex(props, 'opened');\r\n    const focused = shallowRef(false);\r\n\r\n    const { items, toRefineItems, toEmitItems } = useItems(props);\r\n    const { t } = useI18n();\r\n    const model = useModelDuplex(\r\n      props,\r\n      'modelValue',\r\n      [],\r\n      (v) => toRefineItems(v === null ? [null] : wrapInArray(v)),\r\n      (v) => {\r\n        const emitValue = toEmitItems(wrapInArray(v));\r\n        return props.multiple ? emitValue : emitValue[0] ?? null;\r\n      },\r\n    );\r\n\r\n    const selections = computed<ListItem[]>(() => {\r\n      const ret: ListItem<any>[] = [];\r\n      for (const v of model.value) {\r\n        const found = items.value.find((item) => {\r\n          return props.itemComparator(item.value, v.value);\r\n        });\r\n        if (found !== undefined) {\r\n          ret.push(found);\r\n        }\r\n      }\r\n      return ret;\r\n    });\r\n\r\n    const selected = computed(() => {\r\n      return selections.value.map((selection) => selection?.props?.value);\r\n    });\r\n\r\n    const extraMenuProps = computed(() => {\r\n      return { ...props.menuProps, preventCloseBubble: true };\r\n    });\r\n\r\n    function isSelected(item: ListItem) {\r\n      return !!selections.value.find((selectedItem) => {\r\n        return selectedItem?.value === item.value;\r\n      });\r\n    }\r\n\r\n    // Field\r\n    function onMousedownDisplay(event: MouseEvent) {\r\n      if (props.disabled) {\r\n        return;\r\n      }\r\n      opened.value = !opened.value;\r\n    }\r\n\r\n    function onBlur(event: FocusEvent) {\r\n      // if (listRef.value?.$el.contains(event.relatedTarget)) {\r\n      //   opened.value = false;\r\n      // }\r\n    }\r\n\r\n    // Menu Contents\r\n    function onClickItem(item: ListItem, e: MouseEvent) {\r\n      if (item.disabled) return;\r\n      select(item);\r\n      if (!props.multiple) {\r\n        setTimeout(() => {\r\n          opened.value = false;\r\n        }, 40);\r\n      }\r\n    }\r\n\r\n    function onAfterLeave() {\r\n      if (!focused.value) {\r\n        fieldInputRef.value?.focus();\r\n      }\r\n    }\r\n\r\n    function closeCondition(event: MouseEvent) {\r\n      if (event.target && (menuRef.value as any)?.layer$?.content$) {\r\n        return (event.target as HTMLElement)?.contains(\r\n          (menuRef.value as any)?.layer$?.content$,\r\n        );\r\n      }\r\n    }\r\n\r\n    function select(item: ListItem) {\r\n      if (props.multiple) {\r\n        const index = selections.value.findIndex((selectedItem) => {\r\n          return selectedItem.value === item.value;\r\n        });\r\n        if (index === -1) {\r\n          model.value = [...model.value, item];\r\n        } else {\r\n          const neo = model.value.slice();\r\n          neo.splice(index, 1);\r\n          model.value = neo;\r\n        }\r\n      } else {\r\n        model.value = [item];\r\n      }\r\n    }\r\n\r\n    const displayText = computed(() => {\r\n      if (props.multiple) {\r\n        return selections.value.map((item) => item.text).join(', ');\r\n      }\r\n      return selections.value?.[0]?.text ?? '';\r\n    });\r\n\r\n    const baseEl = computed(() => {\r\n      return menuRef.value?.baseEl;\r\n    });\r\n\r\n    watch(opened, (neo) => {\r\n      if (neo) {\r\n        nextTick(() => {\r\n          scrollToActiveItem();\r\n        });\r\n      }\r\n    });\r\n\r\n    function scrollToActiveItem() {\r\n      if (selections.value.length === 0) {\r\n        return;\r\n      }\r\n      const listEl = getHtmlElement(listRef.value);\r\n      if (listEl) {\r\n        const activeEl = listEl?.querySelector('.y-list-item--active') as\r\n          | HTMLElement\r\n          | undefined;\r\n        const contentEl = (menuRef.value as any)?.layer$\r\n          ?.content$ as HTMLElement;\r\n        if (activeEl && contentEl) {\r\n          const scrollEl = getScrollParent(activeEl);\r\n          if (\r\n            scrollEl &&\r\n            (contentEl.contains(scrollEl) || contentEl.isSameNode(scrollEl))\r\n          ) {\r\n            scrollEl.scrollTo({ top: activeEl.offsetTop, behavior: 'smooth' });\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    useRender(() => {\r\n      const fieldInputProps = chooseProps(props, YFieldInput.props);\r\n      const dropdownIconProps = chooseProps(\r\n        typeof props.dropdownIcon === 'object' ? props.dropdownIcon : {},\r\n        YIcon.props,\r\n      );\r\n      return (\r\n        <YMenu\r\n          ref={menuRef}\r\n          offset={props.offset}\r\n          position={props.position}\r\n          align={props.align}\r\n          origin={props.origin}\r\n          content-classes={['y-select__content']}\r\n          maxHeight={props.maxHeight}\r\n          open-on-click-base={false}\r\n          onAfterLeave={onAfterLeave}\r\n          open-delay={props.openDelay}\r\n          close-delay={props.closeDelay}\r\n          closeCondition={closeCondition}\r\n          {...extraMenuProps.value}\r\n          v-model={opened.value}\r\n        >\r\n          {{\r\n            base: (...args: any[]) =>\r\n              slots.base ? (\r\n                slots.base?.(...args)\r\n              ) : (\r\n                <YFieldInput\r\n                  {...{\r\n                    ...fieldInputProps,\r\n                    ...mergeProps({ ...args[0].props }, { ref: fieldInputRef }),\r\n                  }}\r\n                  modelValue={model.value\r\n                    .map((v: any) => v.props.value)\r\n                    .join(', ')}\r\n                  validationValue={model.rxValue}\r\n                  onMousedown:display={onMousedownDisplay}\r\n                  onBlur={onBlur}\r\n                  readonly\r\n                  class={[\r\n                    'y-select',\r\n                    {\r\n                      'y-select--opened': opened.value,\r\n                      'y-select--selected': selected.value.length > 0,\r\n                    },\r\n                  ]}\r\n                  {...attrs}\r\n                  focused={focused.value}\r\n                >\r\n                  {{\r\n                    default: () => {\r\n                      const selectionProps = {\r\n                        items: selections.value.map((item) => item.raw),\r\n                        displayText: displayText.value,\r\n                        placeholder: props.placeholder,\r\n                        internalItems: selections.value,\r\n                      };\r\n                      return (\r\n                        <div class={['y-select__selection']}>\r\n                          {slots.selection\r\n                            ? slots.selection?.(selectionProps)\r\n                            : selected.value.length > 0\r\n                              ? displayText.value\r\n                              : props.placeholder}\r\n                        </div>\r\n                      );\r\n                    },\r\n                    leading: slots.leading\r\n                      ? (...args: any[]) => slots.leading?.(...args)\r\n                      : undefined,\r\n                    trailing: (...args: any[]) => {\r\n                      return slots['dropdown-icon'] ? (\r\n                        slots['dropdown-icon']()\r\n                      ) : (\r\n                        <YIcon\r\n                          {...mergeProps(dropdownIconProps)}\r\n                          icon={props.dropdownIcon}\r\n                          class={['y-select__icon']}\r\n                        ></YIcon>\r\n                      );\r\n                    },\r\n                    label: slots.label\r\n                      ? (...args: any[]) => slots.label?.(...args)\r\n                      : undefined,\r\n                    'helper-text': slots['helper-text']\r\n                      ? (...args: any[]) => slots['helper-text']?.(...args)\r\n                      : undefined,\r\n                  }}\r\n                </YFieldInput>\r\n              ),\r\n            default: slots.menu\r\n              ? () => slots.menu()\r\n              : () => (\r\n                  <YCard ref={cardRef}>\r\n                    {slots['menu-prepend']?.()}\r\n                    {items.value.length > 0 ? (\r\n                      <YList ref={listRef}>\r\n                        {items.value.map((item) => {\r\n                          const itemProps = {\r\n                            item,\r\n                            selected: isSelected(item),\r\n                            select: () => {\r\n                              select(item);\r\n                            },\r\n                          };\r\n                          return withDirectives(\r\n                            <YListItem\r\n                              onClick={(e) => onClickItem(item, e)}\r\n                              class={[\r\n                                {\r\n                                  'y-list-item--active': isSelected(item),\r\n                                },\r\n                              ]}\r\n                              disabled={item.disabled}\r\n                            >\r\n                              {{\r\n                                default: () =>\r\n                                  slots.item\r\n                                    ? slots.item?.(itemProps)\r\n                                    : item.text,\r\n                                leading:\r\n                                  slots['item-leading'] &&\r\n                                  (() => slots['item-leading']?.(itemProps)),\r\n                                trailing:\r\n                                  slots['item-trailing'] &&\r\n                                  (() => slots['item-trailing']?.(itemProps)),\r\n                              }}\r\n                            </YListItem>,\r\n                            [[vShow, !item.hide]],\r\n                          );\r\n                        })}\r\n                      </YList>\r\n                    ) : (\r\n                      <div class=\"y-select__no-options\">\r\n                        {t('$yuyeon.noItems')}\r\n                      </div>\r\n                    )}\r\n                    {slots['menu-append']?.()}\r\n                  </YCard>\r\n                ),\r\n          }}\r\n        </YMenu>\r\n      );\r\n    });\r\n\r\n    onMounted(() => {\r\n      if (\r\n        props.defaultSelect &&\r\n        (props.modelValue === undefined ||\r\n          (Array.isArray(props.modelValue) && props.modelValue.length === 0)) &&\r\n        items.value?.length\r\n      ) {\r\n        select(items.value[0]);\r\n      }\r\n    });\r\n\r\n    expose({\r\n      fieldInputRef,\r\n      baseEl,\r\n      opened,\r\n    });\r\n\r\n    return {\r\n      fieldInputRef,\r\n      model,\r\n      selections,\r\n      selected,\r\n      menuRef,\r\n      baseEl,\r\n      opened,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YSelect = InstanceType<typeof YSelect>;\r\n"],"mappings":"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"}

package/lib/components/slider/YSlider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"YSlider.mjs","names":["useRender","defineComponent","propsFactory","pressYSliderPropsOptions","modelValue","Number","YSlider","name","props","emits","update:modelValue","setup","_ref","slots","_createVNode"],"sources":["../../../src/components/slider/YSlider.tsx"],"sourcesContent":["import { PropType } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { defineComponent } from '@/util/component/component';\nimport { propsFactory } from '@/util/component/props';\n\nexport const pressYSliderPropsOptions = propsFactory(\n  {\n    modelValue: Number as PropType<number>,\n  },\n  'YSlider',\n);\n\nexport const YSlider = defineComponent({\n  name: 'YSlider',\n  props: {\n    ...pressYSliderPropsOptions(),\n  },\n  emits: {\n    'update:modelValue': () => true,\n  },\n  setup(props, { slots }) {\n    useRender(() => <div class={['y-slider']}></div>);\n\n    return {};\n  },\n});\n\nexport type YSlider = InstanceType<typeof YSlider>;\n"],"mappings":";SAESA,SAAS;AAAA,SACTC,eAAe;AAAA,SACfC,YAAY;AAErB,OAAO,MAAMC,wBAAwB,GAAGD,YAAY,CAClD;EACEE,UAAU,EAAEC;AACd,CAAC,EACD,SACF,CAAC;AAED,OAAO,MAAMC,OAAO,GAAGL,eAAe,CAAC;EACrCM,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE;IACL,GAAGL,wBAAwB,CAAC;EAC9B,CAAC;EACDM,KAAK,EAAE;IACL,mBAAmB,EAAEC,CAAA,KAAM;EAC7B,CAAC;EACDC,KAAKA,CAACH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpBZ,SAAS,CAAC,MAAAc,YAAA;MAAA,SAAkB,CAAC,UAAU;IAAC,QAAQ,CAAC;IAEjD,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}
+{"version":3,"file":"YSlider.mjs","names":["useRender","defineComponent","propsFactory","pressYSliderPropsOptions","modelValue","Number","YSlider","name","props","emits","update:modelValue","setup","_ref","slots","_createVNode"],"sources":["../../../src/components/slider/YSlider.tsx"],"sourcesContent":["import { PropType } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { defineComponent } from '@/util/component/component';\r\nimport { propsFactory } from '@/util/component/props';\r\n\r\nexport const pressYSliderPropsOptions = propsFactory(\r\n  {\r\n    modelValue: Number as PropType<number>,\r\n  },\r\n  'YSlider',\r\n);\r\n\r\nexport const YSlider = defineComponent({\r\n  name: 'YSlider',\r\n  props: {\r\n    ...pressYSliderPropsOptions(),\r\n  },\r\n  emits: {\r\n    'update:modelValue': () => true,\r\n  },\r\n  setup(props, { slots }) {\r\n    useRender(() => <div class={['y-slider']}></div>);\r\n\r\n    return {};\r\n  },\r\n});\r\n\r\nexport type YSlider = InstanceType<typeof YSlider>;\r\n"],"mappings":";SAESA,SAAS;AAAA,SACTC,eAAe;AAAA,SACfC,YAAY;AAErB,OAAO,MAAMC,wBAAwB,GAAGD,YAAY,CAClD;EACEE,UAAU,EAAEC;AACd,CAAC,EACD,SACF,CAAC;AAED,OAAO,MAAMC,OAAO,GAAGL,eAAe,CAAC;EACrCM,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE;IACL,GAAGL,wBAAwB,CAAC;EAC9B,CAAC;EACDM,KAAK,EAAE;IACL,mBAAmB,EAAEC,CAAA,KAAM;EAC7B,CAAC;EACDC,KAAKA,CAACH,KAAK,EAAAI,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpBZ,SAAS,CAAC,MAAAc,YAAA;MAAA,SAAkB,CAAC,UAAU;IAAC,QAAQ,CAAC;IAEjD,OAAO,CAAC,CAAC;EACX;AACF,CAAC,CAAC"}

package/lib/components/snackbar/YSnackbar.mjs

@@ -53,11 +53,11 @@ export const pressYSnackbarPropsOptions = propsFactory({
       ...defaultSnackbarTransition
     })
   },
-  /**
-   * @property Number
-   *
-   * The amount of time the snackbar should be displayed.
-   * @default 4000
+  /**
+   * @property Number
+   *
+   * The amount of time the snackbar should be displayed.
+   * @default 4000
    */
   duration: {
     type: Number,