yuyeon 0.3.4-rc.4 → 0.3.6-beta.0

package/lib/abstract/items.js.map

@@ -1 +1 @@
-{"version":3,"file":"items.js","names":["propsFactory","pressItemsPropsOptions","items","type","Array","default","itemKey","String","itemText","itemChildren","Boolean"],"sources":["../../src/abstract/items.ts"],"sourcesContent":["import { PropType } from 'vue';\r\n\r\nimport { propsFactory } from '../util/component';\r\n\r\nexport const pressItemsPropsOptions = propsFactory(\r\n  {\r\n    items: {\r\n      type: Array as PropType<any[]>,\r\n      default: () => [],\r\n    },\r\n    itemKey: {\r\n      type: String as PropType<string>,\r\n      default: 'key',\r\n    },\r\n    itemText: {\r\n      type: String as PropType<string>,\r\n      default: 'text',\r\n    },\r\n    itemChildren: {\r\n      type: [Boolean, String] as PropType<boolean | string>,\r\n      default: 'children',\r\n    },\r\n  },\r\n  'abstract.items',\r\n);\r\n"],"mappings":"SAESA,YAAY;AAErB,OAAO,MAAMC,sBAAsB,GAAGD,YAAY,CAChD;EACEE,KAAK,EAAE;IACLC,IAAI,EAAEC,KAAwB;IAC9BC,OAAO,EAAEA,CAAA,KAAM;EACjB,CAAC;EACDC,OAAO,EAAE;IACPH,IAAI,EAAEI,MAA0B;IAChCF,OAAO,EAAE;EACX,CAAC;EACDG,QAAQ,EAAE;IACRL,IAAI,EAAEI,MAA0B;IAChCF,OAAO,EAAE;EACX,CAAC;EACDI,YAAY,EAAE;IACZN,IAAI,EAAE,CAACO,OAAO,EAAEH,MAAM,CAA+B;IACrDF,OAAO,EAAE;EACX;AACF,CAAC,EACD,gBACF,CAAC"}
+{"version":3,"file":"items.js","names":["propsFactory","pressItemsPropsOptions","items","type","Array","default","itemKey","String","itemText","itemChildren","Boolean"],"sources":["../../src/abstract/items.ts"],"sourcesContent":["import type { PropType } from 'vue';\r\n\r\nimport { propsFactory } from '../util/component';\r\n\r\nexport const pressItemsPropsOptions = propsFactory(\r\n  {\r\n    items: {\r\n      type: Array as PropType<any[]>,\r\n      default: () => [],\r\n    },\r\n    itemKey: {\r\n      type: String as PropType<string>,\r\n      default: 'key',\r\n    },\r\n    itemText: {\r\n      type: String as PropType<string>,\r\n      default: 'text',\r\n    },\r\n    itemChildren: {\r\n      type: [Boolean, String] as PropType<boolean | string>,\r\n      default: 'children',\r\n    },\r\n  },\r\n  'abstract.items',\r\n);\r\n"],"mappings":"SAESA,YAAY;AAErB,OAAO,MAAMC,sBAAsB,GAAGD,YAAY,CAChD;EACEE,KAAK,EAAE;IACLC,IAAI,EAAEC,KAAwB;IAC9BC,OAAO,EAAEA,CAAA,KAAM;EACjB,CAAC;EACDC,OAAO,EAAE;IACPH,IAAI,EAAEI,MAA0B;IAChCF,OAAO,EAAE;EACX,CAAC;EACDG,QAAQ,EAAE;IACRL,IAAI,EAAEI,MAA0B;IAChCF,OAAO,EAAE;EACX,CAAC;EACDI,YAAY,EAAE;IACZN,IAAI,EAAE,CAACO,OAAO,EAAEH,MAAM,CAA+B;IACrDF,OAAO,EAAE;EACX;AACF,CAAC,EACD,gBACF,CAAC","ignoreList":[]}

package/lib/components/alert/YAlert.js

@@ -1,5 +1,4 @@
-import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
-import { computed, ref } from 'vue';
+import { computed, ref, createVNode as _createVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives } from 'vue';
 import { useRender } from "../../composables/component.js";
 import { defineComponent } from "../../util/component/index.js";
 import { toKebabCase } from "../../util/string.js";

package/lib/components/alert/YAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"YAlert.js","names":["computed","ref","useRender","defineComponent","toKebabCase","YPlate","NAME","KEBAB_NAME","YAlertPropOptions","semantic","String","variation","color","textColor","outlineColor","YAlert","name","props","slots","Object","setup","_ref","el$","variations","split","map","value","trim","filter","v","cssVariables","ret","includes","_withDirectives","_createVNode","leading","title","default","trailing","_resolveDirective"],"sources":["../../../src/components/alert/YAlert.tsx"],"sourcesContent":["import { type PropType, type SlotsType, computed, ref } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { defineComponent } from '@/util/component';\r\nimport { toKebabCase } from '@/util/string';\r\n\r\nimport { YPlate } from '../plate';\r\n\r\nimport './YAlert.scss';\r\n\r\nconst NAME = 'YAlert';\r\nconst KEBAB_NAME = toKebabCase(NAME);\r\n\r\nconst YAlertPropOptions = {\r\n  semantic: String as PropType<\r\n    'info' | 'warning' | 'success' | 'error' | string\r\n  >,\r\n  variation: String as PropType<'outlined' | 'filled' | string>,\r\n  color: String as PropType<string>,\r\n  textColor: String as PropType<string>,\r\n  outlineColor: String as PropType<string>,\r\n};\r\n\r\n/**\r\n * #  Component\r\n */\r\nexport const YAlert = defineComponent({\r\n  name: NAME,\r\n  props: {\r\n    ...YAlertPropOptions,\r\n  },\r\n  slots: Object as SlotsType<{\r\n    leading: any;\r\n    trailing: any;\r\n    title: any;\r\n    default: any;\r\n  }>,\r\n  setup(props, { slots }) {\r\n    const el$ = ref<HTMLElement>();\r\n\r\n    const variations = computed(() => {\r\n      const { variation } = props;\r\n      if (variation) {\r\n        return variation\r\n          .split(',')\r\n          .map((value) => {\r\n            return value.trim();\r\n          })\r\n          .filter((v) => !!v);\r\n      }\r\n      return [];\r\n    });\r\n\r\n    const cssVariables = computed(() => {\r\n      const ret: Record<string, string | number> = {};\r\n\r\n      if (props.color) {\r\n        ret['--y-alert-surface-color'] = props.color;\r\n        if (variations.value.includes('filled')) {\r\n          ret['--y-alert-surface-opacity'] = 1;\r\n        } else {\r\n          ret['--y-alert-text-color'] = props.color;\r\n        }\r\n        if (props.textColor) {\r\n          ret['--y-alert-text-color'] = props.textColor;\r\n        }\r\n        if (!props.outlineColor && !props.semantic) {\r\n          ret['--y-alert-outline-color'] = props.color;\r\n        }\r\n      }\r\n      if (props.outlineColor) {\r\n        ret['--y-alert-outline-color'] = props.outlineColor;\r\n      }\r\n      return ret;\r\n    });\r\n\r\n    useRender(() => (\r\n      <div\r\n        ref={el$}\r\n        class={[\r\n          KEBAB_NAME,\r\n          {\r\n            [`y-alert--${props.semantic}`]: props.semantic,\r\n            'y-alert--filled': variations.value.includes('filled'),\r\n            'y-alert--outlined': variations.value.includes('outlined'),\r\n          },\r\n        ]}\r\n        style={cssVariables.value}\r\n        v-theme\r\n      >\r\n        <YPlate></YPlate>\r\n        {slots.leading && (\r\n          <div class={['y-alert__leading']}>{slots.leading()}</div>\r\n        )}\r\n        <div class={['y-alert__content']}>\r\n          {slots.title && <div class={['y-alert__title']}>{slots.title()}</div>}\r\n          {slots.default?.()}\r\n        </div>\r\n        {slots.trailing && (\r\n          <div class={['y-alert__trailing']}>{slots.trailing()}</div>\r\n        )}\r\n      </div>\r\n    ));\r\n  },\r\n});\r\n\r\nexport type YAlert = InstanceType<typeof YAlert>;\r\n"],"mappings":"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"}
+{"version":3,"file":"YAlert.js","names":["computed","ref","createVNode","_createVNode","resolveDirective","_resolveDirective","withDirectives","_withDirectives","useRender","defineComponent","toKebabCase","YPlate","NAME","KEBAB_NAME","YAlertPropOptions","semantic","String","variation","color","textColor","outlineColor","YAlert","name","props","slots","Object","setup","_ref","el$","variations","split","map","value","trim","filter","v","cssVariables","ret","includes","leading","title","default","trailing"],"sources":["../../../src/components/alert/YAlert.tsx"],"sourcesContent":["import { computed, type PropType, ref, type SlotsType } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { defineComponent } from '@/util/component';\r\nimport { toKebabCase } from '@/util/string';\r\n\r\nimport { YPlate } from '../plate';\r\n\r\nimport './YAlert.scss';\r\n\r\nconst NAME = 'YAlert';\r\nconst KEBAB_NAME = toKebabCase(NAME);\r\n\r\nconst YAlertPropOptions = {\r\n  semantic: String as PropType<\r\n    'info' | 'warning' | 'success' | 'error' | string\r\n  >,\r\n  variation: String as PropType<'outlined' | 'filled' | string>,\r\n  color: String as PropType<string>,\r\n  textColor: String as PropType<string>,\r\n  outlineColor: String as PropType<string>,\r\n};\r\n\r\n/**\r\n * #  Component\r\n */\r\nexport const YAlert = defineComponent({\r\n  name: NAME,\r\n  props: {\r\n    ...YAlertPropOptions,\r\n  },\r\n  slots: Object as SlotsType<{\r\n    leading: any;\r\n    trailing: any;\r\n    title: any;\r\n    default: any;\r\n  }>,\r\n  setup(props, { slots }) {\r\n    const el$ = ref<HTMLElement>();\r\n\r\n    const variations = computed(() => {\r\n      const { variation } = props;\r\n      if (variation) {\r\n        return variation\r\n          .split(',')\r\n          .map((value) => {\r\n            return value.trim();\r\n          })\r\n          .filter((v) => !!v);\r\n      }\r\n      return [];\r\n    });\r\n\r\n    const cssVariables = computed(() => {\r\n      const ret: Record<string, string | number> = {};\r\n\r\n      if (props.color) {\r\n        ret['--y-alert-surface-color'] = props.color;\r\n        if (variations.value.includes('filled')) {\r\n          ret['--y-alert-surface-opacity'] = 1;\r\n        } else {\r\n          ret['--y-alert-text-color'] = props.color;\r\n        }\r\n        if (props.textColor) {\r\n          ret['--y-alert-text-color'] = props.textColor;\r\n        }\r\n        if (!props.outlineColor && !props.semantic) {\r\n          ret['--y-alert-outline-color'] = props.color;\r\n        }\r\n      }\r\n      if (props.outlineColor) {\r\n        ret['--y-alert-outline-color'] = props.outlineColor;\r\n      }\r\n      return ret;\r\n    });\r\n\r\n    useRender(() => (\r\n      <div\r\n        ref={el$}\r\n        class={[\r\n          KEBAB_NAME,\r\n          {\r\n            [`y-alert--${props.semantic}`]: props.semantic,\r\n            'y-alert--filled': variations.value.includes('filled'),\r\n            'y-alert--outlined': variations.value.includes('outlined'),\r\n          },\r\n        ]}\r\n        style={cssVariables.value}\r\n        v-theme\r\n      >\r\n        <YPlate></YPlate>\r\n        {slots.leading && (\r\n          <div class={['y-alert__leading']}>{slots.leading()}</div>\r\n        )}\r\n        <div class={['y-alert__content']}>\r\n          {slots.title && <div class={['y-alert__title']}>{slots.title()}</div>}\r\n          {slots.default?.()}\r\n        </div>\r\n        {slots.trailing && (\r\n          <div class={['y-alert__trailing']}>{slots.trailing()}</div>\r\n        )}\r\n      </div>\r\n    ));\r\n  },\r\n});\r\n\r\nexport type YAlert = InstanceType<typeof YAlert>;\r\n"],"mappings":"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","ignoreList":[]}

package/lib/components/alert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/alert/index.ts"],"sourcesContent":["export * from './YAlert';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/alert/index.ts"],"sourcesContent":["export * from './YAlert';\n"],"mappings":"","ignoreList":[]}

package/lib/components/app/YApp.js

@@ -2,8 +2,8 @@ import { h } from 'vue';
 import { defineComponent } from "../../util/component/index.js";
 import "./YApp.scss";
 
-/**
- * # App Component
+/**
+ * # App Component
  */
 export const YApp = defineComponent({
   name: 'YApp',

package/lib/components/app/YApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"YApp.js","names":["h","defineComponent","YApp","name","setup","_props","_ref","slots","class"],"sources":["../../../src/components/app/YApp.ts"],"sourcesContent":["import { h } from 'vue';\r\n\r\nimport { defineComponent } from '@/util/component';\r\n\r\nimport './YApp.scss';\r\n\r\n/**\r\n * # App Component\r\n */\r\nexport const YApp = defineComponent({\r\n  name: 'YApp',\r\n  setup(_props, { slots }) {\r\n    return () =>\r\n      h(\r\n        'div',\r\n        { class: 'y-app' },\r\n        h('div', { class: 'y-app__container' }, slots),\r\n      );\r\n  },\r\n});\r\n\r\nexport type YApp = InstanceType<typeof YApp>;\r\n"],"mappings":"AAAA,SAASA,CAAC,QAAQ,KAAK;AAAC,SAEfC,eAAe;AAExB;;AAEA;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAGD,eAAe,CAAC;EAClCE,IAAI,EAAE,MAAM;EACZC,KAAKA,CAACC,MAAM,EAAAC,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,OAAO,MACLN,CAAC,CACC,KAAK,EACL;MAAEQ,KAAK,EAAE;IAAQ,CAAC,EAClBR,CAAC,CAAC,KAAK,EAAE;MAAEQ,KAAK,EAAE;IAAmB,CAAC,EAAED,KAAK,CAC/C,CAAC;EACL;AACF,CAAC,CAAC"}
+{"version":3,"file":"YApp.js","names":["h","defineComponent","YApp","name","setup","_props","_ref","slots","class"],"sources":["../../../src/components/app/YApp.ts"],"sourcesContent":["import { h } from 'vue';\n\nimport { defineComponent } from '@/util/component';\n\nimport './YApp.scss';\n\n/**\n * # App Component\n */\nexport const YApp = defineComponent({\n  name: 'YApp',\n  setup(_props, { slots }) {\n    return () =>\n      h(\n        'div',\n        { class: 'y-app' },\n        h('div', { class: 'y-app__container' }, slots),\n      );\n  },\n});\n\nexport type YApp = InstanceType<typeof YApp>;\n"],"mappings":"AAAA,SAASA,CAAC,QAAQ,KAAK;AAAC,SAEfC,eAAe;AAExB;;AAEA;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAGD,eAAe,CAAC;EAClCE,IAAI,EAAE,MAAM;EACZC,KAAKA,CAACC,MAAM,EAAAC,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACrB,OAAO,MACLN,CAAC,CACC,KAAK,EACL;MAAEQ,KAAK,EAAE;IAAQ,CAAC,EAClBR,CAAC,CAAC,KAAK,EAAE;MAAEQ,KAAK,EAAE;IAAmB,CAAC,EAAED,KAAK,CAC/C,CAAC;EACL;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/app/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/app/index.ts"],"sourcesContent":["export * from './YApp';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/app/index.ts"],"sourcesContent":["export * from './YApp';\n"],"mappings":"","ignoreList":[]}

package/lib/components/badge/YBadge.js

@@ -1,9 +1,8 @@
-import { createVNode as _createVNode } from "vue";
-import { vShow, withDirectives } from 'vue';
+import { vShow, withDirectives, createVNode as _createVNode } from 'vue';
 import { useRender } from "../../composables/component.js";
 import { useI18n } from "../../composables/i18n/index.js";
 import { IconValue } from "../../composables/icon.js";
-import { styleColorPropsOptions, useStyleColor } from "../../composables/style-color.js";
+import { pressColorPropsOptions, useStyleColor } from "../../composables/style-color.js";
 import { PolyTransition } from "../../composables/transition.js";
 import { defineComponent, propsFactory } from "../../util/component/index.js";
 import { YIcon } from "../icon/YIcon.js";
@@ -29,7 +28,9 @@ export const pressYBadgePropsOptions = propsFactory({
     type: String,
     default: 'fade'
   },
-  ...styleColorPropsOptions
+  ...pressColorPropsOptions({
+    backgroundOpacity: 1
+  })
 }, 'YBadge');
 export const YBadge = defineComponent({
   name: 'YBadge',
@@ -66,7 +67,8 @@ export const YBadge = defineComponent({
             name: props.transition
           }
         }, {
-          default: () => [withDirectives(_createVNode("span", {
+          default: () => [withDirectives(// biome-ignore lint/a11y/useSemanticElements: aria-live
+          _createVNode("span", {
             "class": ['y-badge__badge'],
             "aria-atomic": "true",
             "aria-label": t(props.label, value),

package/lib/components/badge/YBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"YBadge.js","names":["vShow","withDirectives","useRender","useI18n","IconValue","styleColorPropsOptions","useStyleColor","PolyTransition","defineComponent","propsFactory","YIcon","pressYBadgePropsOptions","tag","type","String","default","dot","Boolean","bordered","floating","inline","icon","hide","label","content","Number","max","transition","YBadge","name","props","slots","Object","setup","_ref","t","colorVars","ElTag","value","isNaN","_createVNode","undefined","badge"],"sources":["../../../src/components/badge/YBadge.tsx"],"sourcesContent":["import {\n  type PropType,\n  type SlotsType,\n  computed,\n  vShow,\n  withDirectives,\n} from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { useI18n } from '@/composables/i18n';\nimport { IconValue } from '@/composables/icon';\nimport {\n  styleColorPropsOptions,\n  useStyleColor,\n} from '@/composables/style-color';\nimport { PolyTransition } from '@/composables/transition';\nimport { defineComponent, propsFactory } from '@/util/component';\n\nimport { YIcon } from '../icon/YIcon';\n\nimport './YBadge.scss';\n\nexport const pressYBadgePropsOptions = propsFactory(\n  {\n    tag: {\n      type: String as PropType<string>,\n      default: 'div',\n    },\n    dot: Boolean,\n    bordered: Boolean,\n    floating: Boolean,\n    inline: Boolean,\n    icon: IconValue,\n    hide: Boolean,\n    label: {\n      type: String,\n      default: '$yuyeon.badge',\n    },\n    content: [Number, String],\n    max: Number,\n    transition: {\n      type: String,\n      default: 'fade',\n    },\n    ...styleColorPropsOptions,\n  },\n  'YBadge',\n);\n\nexport const YBadge = defineComponent({\n  name: 'YBadge',\n  props: pressYBadgePropsOptions(),\n  slots: Object as SlotsType<{\n    default: any;\n    badge: any;\n  }>,\n  setup(props, { slots }) {\n    const { t } = useI18n();\n\n    const { colorVars } = useStyleColor(props, 'badge');\n\n    useRender(() => {\n      const ElTag = props.tag as keyof HTMLElementTagNameMap;\n      const value = Number(props.content);\n      const content =\n        !props.max || isNaN(value)\n          ? props.content\n          : value <= +props.max\n            ? value\n            : `${props.max}+`;\n      return (\n        <ElTag\n          class={[\n            'y-badge',\n            {\n              'y-badge--bordered': props.bordered,\n              'y-badge--dot': props.dot,\n              'y-badge--floating': props.floating,\n              'y-badge--inline': props.inline,\n            },\n          ]}\n          style={colorVars.value}\n        >\n          <div class=\"y-badge__base\">\n            {slots.default?.()}\n            <PolyTransition\n              is={props.transition}\n              transitionProps={{ name: props.transition }}\n            >\n              {withDirectives(\n                <span\n                  class={['y-badge__badge']}\n                  aria-atomic=\"true\"\n                  aria-label={t(props.label, value)}\n                  aria-live=\"polite\"\n                  role=\"status\"\n                >\n                  {props.dot ? undefined : slots.badge ? (\n                    slots.badge?.()\n                  ) : props.icon ? (\n                    <YIcon icon={props.icon} />\n                  ) : (\n                    content\n                  )}\n                </span>,\n                [[vShow, !props.hide]],\n              )}\n            </PolyTransition>\n          </div>\n        </ElTag>\n      );\n    });\n  },\n});\n\nexport type YBadge = InstanceType<typeof YBadge>;\n"],"mappings":"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"}
+{"version":3,"file":"YBadge.js","names":["vShow","withDirectives","createVNode","_createVNode","useRender","useI18n","IconValue","pressColorPropsOptions","useStyleColor","PolyTransition","defineComponent","propsFactory","YIcon","pressYBadgePropsOptions","tag","type","String","default","dot","Boolean","bordered","floating","inline","icon","hide","label","content","Number","max","transition","backgroundOpacity","YBadge","name","props","slots","Object","setup","_ref","t","colorVars","ElTag","value","isNaN","undefined","badge"],"sources":["../../../src/components/badge/YBadge.tsx"],"sourcesContent":["import { type PropType, type SlotsType, vShow, withDirectives } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { useI18n } from '@/composables/i18n';\r\nimport { IconValue } from '@/composables/icon';\r\nimport {\r\n  pressColorPropsOptions,\r\n  useStyleColor,\r\n} from '@/composables/style-color';\r\nimport { PolyTransition } from '@/composables/transition';\r\nimport { defineComponent, propsFactory } from '@/util/component';\r\n\r\nimport { YIcon } from '../icon/YIcon';\r\n\r\nimport './YBadge.scss';\r\n\r\nexport const pressYBadgePropsOptions = propsFactory(\r\n  {\r\n    tag: {\r\n      type: String as PropType<string>,\r\n      default: 'div',\r\n    },\r\n    dot: Boolean,\r\n    bordered: Boolean,\r\n    floating: Boolean,\r\n    inline: Boolean,\r\n    icon: IconValue,\r\n    hide: Boolean,\r\n    label: {\r\n      type: String,\r\n      default: '$yuyeon.badge',\r\n    },\r\n    content: [Number, String],\r\n    max: Number,\r\n    transition: {\r\n      type: String,\r\n      default: 'fade',\r\n    },\r\n    ...pressColorPropsOptions({\r\n      backgroundOpacity: 1\r\n    }),\r\n  },\r\n  'YBadge',\r\n);\r\n\r\nexport const YBadge = defineComponent({\r\n  name: 'YBadge',\r\n  props: pressYBadgePropsOptions(),\r\n  slots: Object as SlotsType<{\r\n    default: any;\r\n    badge: any;\r\n  }>,\r\n  setup(props, { slots }) {\r\n    const { t } = useI18n();\r\n\r\n    const { colorVars } = useStyleColor(props, 'badge');\r\n\r\n    useRender(() => {\r\n      const ElTag = props.tag as keyof HTMLElementTagNameMap;\r\n      const value = Number(props.content);\r\n      const content =\r\n        !props.max || isNaN(value)\r\n          ? props.content\r\n          : value <= +props.max\r\n            ? value\r\n            : `${props.max}+`;\r\n      return (\r\n        <ElTag\r\n          class={[\r\n            'y-badge',\r\n            {\r\n              'y-badge--bordered': props.bordered,\r\n              'y-badge--dot': props.dot,\r\n              'y-badge--floating': props.floating,\r\n              'y-badge--inline': props.inline,\r\n            },\r\n          ]}\r\n          style={colorVars.value}\r\n        >\r\n          <div class=\"y-badge__base\">\r\n            {slots.default?.()}\r\n            <PolyTransition\r\n              is={props.transition}\r\n              transitionProps={{ name: props.transition }}\r\n            >\r\n              {withDirectives(\r\n                // biome-ignore lint/a11y/useSemanticElements: aria-live\r\n                <span\r\n                  class={['y-badge__badge']}\r\n                  aria-atomic=\"true\"\r\n                  aria-label={t(props.label, value)}\r\n                  aria-live=\"polite\"\r\n                  role=\"status\"\r\n                >\r\n                  {props.dot ? undefined : slots.badge ? (\r\n                    slots.badge?.()\r\n                  ) : props.icon ? (\r\n                    <YIcon icon={props.icon} />\r\n                  ) : (\r\n                    content\r\n                  )}\r\n                </span>,\r\n                [[vShow, !props.hide]],\r\n              )}\r\n            </PolyTransition>\r\n          </div>\r\n        </ElTag>\r\n      );\r\n    });\r\n  },\r\n});\r\n\r\nexport type YBadge = InstanceType<typeof YBadge>;\r\n"],"mappings":"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","ignoreList":[]}

package/lib/components/badge/YBadge.scss

@@ -1,86 +1,87 @@
-.y-badge {
-  --y-badge__min-width: 20px;
-  --y-badge__height: 20px;
-  --y-badge__dot-size: 8px;
-  --y-badge__dot-border-width: 1.413px;
-  --y-badge__padding: 4px 8px;
-  --y-badge__border-width: 2px;
-  --y-badge__border-transform: scale(1.0413);
-  --y-badge__inline-margin: 0 4px;
-  --y-badge__background-opacity: 1;
-  --y-badge__background: rgba(
-    var(--y-theme-surface-variant-rgb),
-    var(--y-badge__background-opacity, 1)
-  );
-  --y-badge__color: var(--y-theme-on-surface-variant);
-
-  display: inline-block;
-
-  &__base {
-    display: flex;
-    position: relative;
-  }
-
-  &__badge {
-    display: inline-flex;
-    align-items: center;
-    min-width: var(--y-badge__min-width);
-    height: var(--y-badge__height);
-    border-radius: 8px;
-    font-size: 0.75rem;
-    position: absolute;
-    text-align: center;
-    text-indent: 0;
-    white-space: nowrap;
-    padding: var(--y-badge__padding);
-    color: var(--y-badge__color);
-    background: var(--y-badge__background);
-    bottom: calc(100% - var(--y-badge__height) / 2);
-    left: calc(100% - var(--y-badge__min-width));
-  }
-
-  @mixin badgeBorder {
-    border-radius: inherit;
-    border-style: solid;
-    content: '';
-    position: absolute;
-    left: 0;
-    right: 0;
-    top: 0;
-    bottom: 0;
-    transform: var(--y-badge__border-transform);
-  }
-
-  &--bordered & {
-    &__badge {
-      &::after {
-        @include badgeBorder;
-      }
-    }
-  }
-
-  &--dot & {
-    &__badge {
-      border-radius: 50%;
-      width: var(--y-badge__dot-size);
-      height: var(--y-badge__dot-size);
-      min-width: 0.00000001px;
-      padding: 0;
-      &::after {
-        @include badgeBorder;
-        border-width: var(--y-badge__dot-border-width);
-      }
-    }
-  }
-
-  &--inline &__base {
-    display: inline-flex;
-    align-items: center;
-    margin: var(--y-badge__inline-margin);
-  }
-
-  &--inline &__badge {
-    position: relative;
-    left: initial;
-  }
-}
+.y-badge {
+  --y-badge__min-width: 20px;
+  --y-badge__height: 20px;
+  --y-badge__dot-size: 8px;
+  --y-badge__dot-border-width: 1.413px;
+  --y-badge__padding: 4px 8px;
+  --y-badge__border-width: 2px;
+  --y-badge__border-transform: scale(1.0413);
+  --y-badge__inline-margin: 0 4px;
+  --y-badge__background-opacity: 1;
+  --y-badge__background: rgba(
+                  var(--y-theme-surface-variant-rgb),
+                  var(--y-badge__background-opacity, 1)
+  );
+  --y-badge__color: var(--y-theme-on-surface-variant);
+
+  display: inline-block;
+
+  &__base {
+    display: flex;
+    position: relative;
+  }
+
+  &__badge {
+    display: inline-flex;
+    align-items: center;
+    min-width: var(--y-badge__min-width);
+    height: var(--y-badge__height);
+    border-radius: 8px;
+    font-size: 0.75rem;
+    position: absolute;
+    text-align: center;
+    text-indent: 0;
+    white-space: nowrap;
+    padding: var(--y-badge__padding);
+    color: var(--y-badge__color);
+    background: var(--y-badge__background);
+    bottom: calc(100% - var(--y-badge__height) / 2);
+    left: calc(100% - var(--y-badge__min-width));
+  }
+
+  @mixin badgeBorder {
+    border-radius: inherit;
+    border-style: solid;
+    content: '';
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    transform: var(--y-badge__border-transform);
+  }
+
+  &--bordered & {
+    &__badge {
+      &::after {
+        @include badgeBorder;
+      }
+    }
+  }
+
+  &--dot & {
+    &__badge {
+      border-radius: 50%;
+      width: var(--y-badge__dot-size);
+      height: var(--y-badge__dot-size);
+      min-width: 0.00000001px;
+      padding: 0;
+
+      &::after {
+        @include badgeBorder;
+        border-width: var(--y-badge__dot-border-width);
+      }
+    }
+  }
+
+  &--inline &__base {
+    display: inline-flex;
+    align-items: center;
+    margin: var(--y-badge__inline-margin);
+  }
+
+  &--inline &__badge {
+    position: relative;
+    left: initial;
+  }
+}

package/lib/components/badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/badge/index.ts"],"sourcesContent":["export * from './YBadge';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/badge/index.ts"],"sourcesContent":["export * from './YBadge';\n"],"mappings":"","ignoreList":[]}

package/lib/components/bench/YBench.js

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { ref } from 'vue';
+import { ref, createVNode as _createVNode } from 'vue';
 import { useRender } from "../../composables/component.js";
 import { defineComponent } from "../../util/component/index.js";
 const NAME = 'YBench';
@@ -22,8 +21,8 @@ const YBenchPropOptions = {
   }
 };
 
-/**
- * # Base Component
+/**
+ * # Base Component
  */
 export const YBench = defineComponent({
   name: NAME,

package/lib/components/bench/YBench.js.map

@@ -1 +1 @@
-{"version":3,"file":"YBench.js","names":["ref","useRender","defineComponent","NAME","YBenchPropOptions","tag","type","String","default","position","floating","Boolean","width","Number","YBench","name","setup","looseProps","_ref","slots","props","defineProps","el$","_createVNode"],"sources":["../../../src/components/bench/YBench.tsx"],"sourcesContent":["import { type PropType, ref } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { defineComponent } from '@/util/component';\r\n\r\nconst NAME = 'YBench';\r\n\r\nconst YBenchPropOptions = {\r\n  tag: {\r\n    type: String as PropType<string>,\r\n    default: 'div',\r\n  },\r\n  position: {\r\n    type: String as PropType<'top' | 'left' | 'right' | 'bottom'>,\r\n    default: 'top',\r\n  },\r\n  floating: {\r\n    type: Boolean as PropType<boolean>,\r\n    default: false,\r\n  },\r\n  width: {\r\n    type: [String, Number] as PropType<string | number>,\r\n    default: 48,\r\n  },\r\n};\r\n\r\n/**\r\n * # Base Component\r\n */\r\nexport const YBench = defineComponent({\r\n  name: NAME,\r\n  setup(looseProps, { slots }) {\r\n    const props = defineProps(YBenchPropOptions);\r\n    const el$ = ref<HTMLElement>();\r\n\r\n    useRender(() => <props.tag ref={el$}>{slots.default?.()}</props.tag>);\r\n  },\r\n});\r\n"],"mappings":";AAAA,SAAwBA,GAAG,QAAQ,KAAK;AAAC,SAEhCC,SAAS;AAAA,SACTC,eAAe;AAExB,MAAMC,IAAI,GAAG,QAAQ;AAErB,MAAMC,iBAAiB,GAAG;EACxBC,GAAG,EAAE;IACHC,IAAI,EAAEC,MAA0B;IAChCC,OAAO,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACRH,IAAI,EAAEC,MAAuD;IAC7DC,OAAO,EAAE;EACX,CAAC;EACDE,QAAQ,EAAE;IACRJ,IAAI,EAAEK,OAA4B;IAClCH,OAAO,EAAE;EACX,CAAC;EACDI,KAAK,EAAE;IACLN,IAAI,EAAE,CAACC,MAAM,EAAEM,MAAM,CAA8B;IACnDL,OAAO,EAAE;EACX;AACF,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMM,MAAM,GAAGZ,eAAe,CAAC;EACpCa,IAAI,EAAEZ,IAAI;EACVa,KAAKA,CAACC,UAAU,EAAAC,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACzB,MAAME,KAAK,GAAGC,WAAW,CAACjB,iBAAiB,CAAC;IAC5C,MAAMkB,GAAG,GAAGtB,GAAG,CAAc,CAAC;IAE9BC,SAAS,CAAC,MAAAsB,YAAA,CAAAH,KAAA,CAAAf,GAAA;MAAA,OAAsBiB;IAAG;MAAAd,OAAA,EAAAA,CAAA,MAAGW,KAAK,CAACX,OAAO,GAAG,CAAC;IAAA,EAAa,CAAC;EACvE;AACF,CAAC,CAAC"}
+{"version":3,"file":"YBench.js","names":["ref","createVNode","_createVNode","useRender","defineComponent","NAME","YBenchPropOptions","tag","type","String","default","position","floating","Boolean","width","Number","YBench","name","setup","looseProps","_ref","slots","props","defineProps","el$"],"sources":["../../../src/components/bench/YBench.tsx"],"sourcesContent":["import { type PropType, ref } from 'vue';\n\nimport { useRender } from '@/composables/component';\nimport { defineComponent } from '@/util/component';\n\nconst NAME = 'YBench';\n\nconst YBenchPropOptions = {\n  tag: {\n    type: String as PropType<string>,\n    default: 'div',\n  },\n  position: {\n    type: String as PropType<'top' | 'left' | 'right' | 'bottom'>,\n    default: 'top',\n  },\n  floating: {\n    type: Boolean as PropType<boolean>,\n    default: false,\n  },\n  width: {\n    type: [String, Number] as PropType<string | number>,\n    default: 48,\n  },\n};\n\n/**\n * # Base Component\n */\nexport const YBench = defineComponent({\n  name: NAME,\n  setup(looseProps, { slots }) {\n    const props = defineProps(YBenchPropOptions);\n    const el$ = ref<HTMLElement>();\n\n    useRender(() => <props.tag ref={el$}>{slots.default?.()}</props.tag>);\n  },\n});\n"],"mappings":"AAAA,SAAwBA,GAAG,EAAAC,WAAA,IAAAC,YAAA,QAAQ,KAAK;AAAC,SAEhCC,SAAS;AAAA,SACTC,eAAe;AAExB,MAAMC,IAAI,GAAG,QAAQ;AAErB,MAAMC,iBAAiB,GAAG;EACxBC,GAAG,EAAE;IACHC,IAAI,EAAEC,MAA0B;IAChCC,OAAO,EAAE;EACX,CAAC;EACDC,QAAQ,EAAE;IACRH,IAAI,EAAEC,MAAuD;IAC7DC,OAAO,EAAE;EACX,CAAC;EACDE,QAAQ,EAAE;IACRJ,IAAI,EAAEK,OAA4B;IAClCH,OAAO,EAAE;EACX,CAAC;EACDI,KAAK,EAAE;IACLN,IAAI,EAAE,CAACC,MAAM,EAAEM,MAAM,CAA8B;IACnDL,OAAO,EAAE;EACX;AACF,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMM,MAAM,GAAGZ,eAAe,CAAC;EACpCa,IAAI,EAAEZ,IAAI;EACVa,KAAKA,CAACC,UAAU,EAAAC,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACzB,MAAME,KAAK,GAAGC,WAAW,CAACjB,iBAAiB,CAAC;IAC5C,MAAMkB,GAAG,GAAGxB,GAAG,CAAc,CAAC;IAE9BG,SAAS,CAAC,MAAAD,YAAA,CAAAoB,KAAA,CAAAf,GAAA;MAAA,OAAsBiB;IAAG;MAAAd,OAAA,EAAAA,CAAA,MAAGW,KAAK,CAACX,OAAO,GAAG,CAAC;IAAA,EAAa,CAAC;EACvE;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/bench/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/bench/index.ts"],"sourcesContent":["export * from './YBench';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/bench/index.ts"],"sourcesContent":["export * from './YBench';\n"],"mappings":"","ignoreList":[]}

package/lib/components/button/YButton.js

@@ -1,5 +1,4 @@
-import { withDirectives as _withDirectives, resolveDirective as _resolveDirective, createVNode as _createVNode } from "vue";
-import { computed, mergeProps } from 'vue';
+import { computed, mergeProps, createVNode as _createVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives } from 'vue';
 import { pressChoiceItemPropsOptions, useChoiceItem } from "../../composables/choice.js";
 import { useChoiceByLink } from "../../composables/choice-link.js";
 import { useRender } from "../../composables/component.js";

package/lib/components/button/YButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"YButton.js","names":["computed","mergeProps","pressChoiceItemPropsOptions","useChoiceItem","useChoiceByLink","useRender","pressVueRouterPropsOptions","useLink","PlateWave","isColorValue","defineComponent","propsFactory","YSpinnerRing","Y_TOGGLE_BUTTON_KEY","NAME","pressYButtonProps","loading","Boolean","active","type","default","undefined","injectSymbol","variation","String","small","icon","outlined","rounded","filled","color","noWave","YButton","name","directives","props","emits","click","event","choice","setup","_ref","attrs","slots","emit","link","select","isActive","isLink","value","isSelected","variations","split","map","trim","classes","includes","disabled","styles","textColor","isDisabled","onClick","e","metaKey","altKey","ctrlKey","shiftKey","button","target","navigate","toggle","Tag","_withDirectives","_createVNode","selectedClass","href","width","height","append","_resolveDirective"],"sources":["../../../src/components/button/YButton.tsx"],"sourcesContent":["import type { PropType } from 'vue';\nimport { computed, mergeProps } from 'vue';\n\nimport {\n  pressChoiceItemPropsOptions,\n  useChoiceItem,\n} from '@/composables/choice';\nimport { useChoiceByLink } from '@/composables/choice-link';\nimport { useRender } from '@/composables/component';\nimport { pressVueRouterPropsOptions, useLink } from '@/composables/vue-router';\nimport { PlateWave } from '@/directives/plate-wave';\nimport { isColorValue } from '@/util/color';\nimport { defineComponent, propsFactory } from '@/util/component';\n\nimport { YSpinnerRing } from '../loading/YSpinnerRing';\nimport { Y_TOGGLE_BUTTON_KEY } from '../toggle-button';\n\n/**\n * Style\n */\nimport './YButton.scss';\n\nconst NAME = 'y-button';\n\nexport const pressYButtonProps = propsFactory(\n  {\n    loading: Boolean,\n    active: { type: Boolean, default: undefined },\n    injectSymbol: { type: null, default: Y_TOGGLE_BUTTON_KEY },\n    //\n    variation: {\n      type: String as PropType<string>,\n    },\n    small: Boolean,\n    icon: Boolean,\n    outlined: {\n      type: Boolean,\n      default: false,\n    },\n    rounded: {\n      type: Boolean,\n      default: false,\n    },\n    filled: {\n      type: Boolean,\n      default: false,\n    },\n    //\n    color: {\n      type: String,\n    },\n    noWave: {\n      type: Boolean,\n      default: false,\n    },\n    ...pressVueRouterPropsOptions(),\n    ...pressChoiceItemPropsOptions(),\n  },\n  'YButton',\n);\n\nexport const YButton = defineComponent({\n  name: 'YButton',\n  directives: {\n    PlateWave,\n  },\n  props: pressYButtonProps(),\n  emits: {\n    click: (event: MouseEvent) => true,\n    'choice:selected': (choice: { value: boolean }) => true,\n  },\n  setup(props, { attrs, slots, emit }) {\n    const choice = useChoiceItem(props, props.injectSymbol, false);\n    const link = useLink(props, attrs);\n    useChoiceByLink(link, choice?.select);\n\n    const isActive = computed(() => {\n      if (props.active !== undefined) {\n        return props.active;\n      }\n      if (link.isLink.value) {\n        return link.isActive?.value;\n      }\n      return choice?.isSelected.value;\n    });\n\n    const variations = computed(() => {\n      const { variation } = props;\n      if (typeof variation === 'string') {\n        return variation.split(',').map((value) => {\n          return value.trim();\n        });\n      }\n      return [];\n    });\n\n    const classes = computed(() => {\n      const { outlined, rounded, filled, small, icon } = props;\n      return {\n        [`${NAME}--outlined`]:\n          variations.value.includes('outlined') || outlined,\n        [`${NAME}--rounded`]: variations.value.includes('rounded') || rounded,\n        [`${NAME}--filled`]: variations.value.includes('filled') || filled,\n        [`${NAME}--text`]: variations.value.includes('text'),\n        [`${NAME}--small`]: variations.value.includes('small') || small,\n        [`${NAME}--x-small`]: variations.value.includes('x-small') || small,\n        [`${NAME}--icon`]: variations.value.includes('icon') || icon,\n        [`${NAME}--color`]: props.color,\n        [`${NAME}--loading`]: props.loading,\n        [`${NAME}--disabled`]: props.disabled,\n        [`${NAME}--active`]: isActive.value,\n      };\n    });\n\n    const styles = computed(() => {\n      let { color } = props;\n      let textColor: string | undefined;\n      if (color && !isColorValue(color)) {\n        color = `var(--y-theme-${color})`;\n        textColor = `var(--y-theme-on-${props.color})`;\n      }\n      return {\n        [`--y-button__color`]: color,\n        [`--y-button__text-color`]: textColor,\n      };\n    });\n\n    const isDisabled = computed(() => {\n      return choice?.disabled.value || props.disabled;\n    });\n\n    /// Events\n    function onClick(e: MouseEvent) {\n      if (\n        isDisabled.value ||\n        props.loading ||\n        (link.isLink.value &&\n          (e.metaKey ||\n            e.altKey ||\n            e.ctrlKey ||\n            e.shiftKey ||\n            e.button !== 0 ||\n            attrs.target === '_blank'))\n      ) {\n        return;\n      }\n      emit('click', e);\n      link.navigate?.(e);\n      choice?.toggle();\n    }\n\n    useRender(() => {\n      const Tag = link.isLink.value ? 'a' : 'button';\n      return (\n        <Tag\n          type={Tag === 'a' ? undefined : 'button'}\n          class={[\n            `${NAME}`,\n            choice?.selectedClass.value,\n            {\n              ...classes.value,\n            },\n          ]}\n          href={props.disabled ? undefined : link.href.value}\n          style={styles.value}\n          onClick={onClick}\n          disabled={props.disabled ? true : undefined}\n          v-plate-wave={!props.noWave && !props.loading}\n        >\n          <span class={['y-button__content']}>\n            {props.loading &&\n              (slots.loading ? (\n                slots.loading?.()\n              ) : (\n                <YSpinnerRing\n                  {...mergeProps({ width: '24', height: '24' })}\n                ></YSpinnerRing>\n              ))}\n            {slots.default?.()}\n          </span>\n          {slots.append?.()}\n        </Tag>\n      );\n    });\n\n    return {\n      link,\n    };\n  },\n});\n\nexport type YButton = InstanceType<typeof YButton>;\n"],"mappings":"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"}
+{"version":3,"file":"YButton.js","names":["computed","mergeProps","createVNode","_createVNode","resolveDirective","_resolveDirective","withDirectives","_withDirectives","pressChoiceItemPropsOptions","useChoiceItem","useChoiceByLink","useRender","pressVueRouterPropsOptions","useLink","PlateWave","isColorValue","defineComponent","propsFactory","YSpinnerRing","Y_TOGGLE_BUTTON_KEY","NAME","pressYButtonProps","loading","Boolean","active","type","default","undefined","injectSymbol","variation","String","small","icon","outlined","rounded","filled","color","noWave","YButton","name","directives","props","emits","click","event","choice","setup","_ref","attrs","slots","emit","link","select","isActive","isLink","value","isSelected","variations","split","map","trim","classes","includes","disabled","styles","textColor","isDisabled","onClick","e","metaKey","altKey","ctrlKey","shiftKey","button","target","navigate","toggle","Tag","selectedClass","href","width","height","append"],"sources":["../../../src/components/button/YButton.tsx"],"sourcesContent":["import type { PropType } from 'vue';\nimport { computed, mergeProps } from 'vue';\n\nimport {\n  pressChoiceItemPropsOptions,\n  useChoiceItem,\n} from '@/composables/choice';\nimport { useChoiceByLink } from '@/composables/choice-link';\nimport { useRender } from '@/composables/component';\nimport { pressVueRouterPropsOptions, useLink } from '@/composables/vue-router';\nimport { PlateWave } from '@/directives/plate-wave';\nimport { isColorValue } from '@/util/color';\nimport { defineComponent, propsFactory } from '@/util/component';\n\nimport { YSpinnerRing } from '../loading/YSpinnerRing';\nimport { Y_TOGGLE_BUTTON_KEY } from '../toggle-button';\n\n/**\n * Style\n */\nimport './YButton.scss';\n\nconst NAME = 'y-button';\n\nexport const pressYButtonProps = propsFactory(\n  {\n    loading: Boolean,\n    active: { type: Boolean, default: undefined },\n    injectSymbol: { type: null, default: Y_TOGGLE_BUTTON_KEY },\n    //\n    variation: {\n      type: String as PropType<string>,\n    },\n    small: Boolean,\n    icon: Boolean,\n    outlined: {\n      type: Boolean,\n      default: false,\n    },\n    rounded: {\n      type: Boolean,\n      default: false,\n    },\n    filled: {\n      type: Boolean,\n      default: false,\n    },\n    //\n    color: {\n      type: String,\n    },\n    noWave: {\n      type: Boolean,\n      default: false,\n    },\n    ...pressVueRouterPropsOptions(),\n    ...pressChoiceItemPropsOptions(),\n  },\n  'YButton',\n);\n\nexport const YButton = defineComponent({\n  name: 'YButton',\n  directives: {\n    PlateWave,\n  },\n  props: pressYButtonProps(),\n  emits: {\n    click: (event: MouseEvent) => true,\n    'choice:selected': (choice: { value: boolean }) => true,\n  },\n  setup(props, { attrs, slots, emit }) {\n    const choice = useChoiceItem(props, props.injectSymbol, false);\n    const link = useLink(props, attrs);\n    useChoiceByLink(link, choice?.select);\n\n    const isActive = computed(() => {\n      if (props.active !== undefined) {\n        return props.active;\n      }\n      if (link.isLink.value) {\n        return link.isActive?.value;\n      }\n      return choice?.isSelected.value;\n    });\n\n    const variations = computed(() => {\n      const { variation } = props;\n      if (typeof variation === 'string') {\n        return variation.split(',').map((value) => {\n          return value.trim();\n        });\n      }\n      return [];\n    });\n\n    const classes = computed(() => {\n      const { outlined, rounded, filled, small, icon } = props;\n      return {\n        [`${NAME}--outlined`]:\n          variations.value.includes('outlined') || outlined,\n        [`${NAME}--rounded`]: variations.value.includes('rounded') || rounded,\n        [`${NAME}--filled`]: variations.value.includes('filled') || filled,\n        [`${NAME}--text`]: variations.value.includes('text'),\n        [`${NAME}--small`]: variations.value.includes('small') || small,\n        [`${NAME}--x-small`]: variations.value.includes('x-small') || small,\n        [`${NAME}--icon`]: variations.value.includes('icon') || icon,\n        [`${NAME}--color`]: props.color,\n        [`${NAME}--loading`]: props.loading,\n        [`${NAME}--disabled`]: props.disabled,\n        [`${NAME}--active`]: isActive.value,\n      };\n    });\n\n    const styles = computed(() => {\n      let { color } = props;\n      let textColor: string | undefined;\n      if (color && !isColorValue(color)) {\n        color = `var(--y-theme-${color})`;\n        textColor = `var(--y-theme-on-${props.color})`;\n      }\n      return {\n        [`--y-button__color`]: color,\n        [`--y-button__text-color`]: textColor,\n      };\n    });\n\n    const isDisabled = computed(() => {\n      return choice?.disabled.value || props.disabled;\n    });\n\n    /// Events\n    function onClick(e: MouseEvent) {\n      if (\n        isDisabled.value ||\n        props.loading ||\n        (link.isLink.value &&\n          (e.metaKey ||\n            e.altKey ||\n            e.ctrlKey ||\n            e.shiftKey ||\n            e.button !== 0 ||\n            attrs.target === '_blank'))\n      ) {\n        return;\n      }\n      emit('click', e);\n      link.navigate?.(e);\n      choice?.toggle();\n    }\n\n    useRender(() => {\n      const Tag = link.isLink.value ? 'a' : 'button';\n      return (\n        <Tag\n          type={Tag === 'a' ? undefined : 'button'}\n          class={[\n            `${NAME}`,\n            choice?.selectedClass.value,\n            {\n              ...classes.value,\n            },\n          ]}\n          href={props.disabled ? undefined : link.href.value}\n          style={styles.value}\n          onClick={onClick}\n          disabled={props.disabled ? true : undefined}\n          v-plate-wave={!props.noWave && !props.loading}\n        >\n          <span class={['y-button__content']}>\n            {props.loading &&\n              (slots.loading ? (\n                slots.loading?.()\n              ) : (\n                <YSpinnerRing\n                  {...mergeProps({ width: '24', height: '24' })}\n                ></YSpinnerRing>\n              ))}\n            {slots.default?.()}\n          </span>\n          {slots.append?.()}\n        </Tag>\n      );\n    });\n\n    return {\n      link,\n    };\n  },\n});\n\nexport type YButton = InstanceType<typeof YButton>;\n"],"mappings":"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","ignoreList":[]}

package/lib/components/button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/button/index.ts"],"sourcesContent":["export * from './YButton';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/button/index.ts"],"sourcesContent":["export * from './YButton';\n"],"mappings":"","ignoreList":[]}

package/lib/components/card/YCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"YCard.js","names":["h","useRender","pressThemePropsOptions","useLocalTheme","defineComponent","YCard","name","props","outline","type","Boolean","setup","_ref","slots","themeClasses","class","value","default"],"sources":["../../../src/components/card/YCard.ts"],"sourcesContent":["import { type PropType, h } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { pressThemePropsOptions, useLocalTheme } from '@/composables/theme';\r\nimport { defineComponent } from '@/util/component';\r\n\r\nimport './YCard.scss';\r\n\r\nexport const YCard = defineComponent({\r\n  name: 'YCard',\r\n  props: {\r\n    outline: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    ...pressThemePropsOptions(),\r\n  },\r\n  setup(props, { slots }) {\r\n    const { themeClasses } = useLocalTheme(props);\r\n\r\n    useRender(() =>\r\n      h(\r\n        'div',\r\n        {\r\n          class: [\r\n            'y-card',\r\n            { 'y-card--outlined': props.outline },\r\n            themeClasses.value,\r\n          ],\r\n        },\r\n        slots.default?.(),\r\n      ),\r\n    );\r\n  },\r\n});\r\n\r\nexport type YCard = InstanceType<typeof YCard>;\r\n"],"mappings":"AAAA,SAAwBA,CAAC,QAAQ,KAAK;AAAC,SAE9BC,SAAS;AAAA,SACTC,sBAAsB,EAAEC,aAAa;AAAA,SACrCC,eAAe;AAExB;AAEA,OAAO,MAAMC,KAAK,GAAGD,eAAe,CAAC;EACnCE,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE;IACLC,OAAO,EAAE;MACPC,IAAI,EAAEC;IACR,CAAC;IACD,GAAGR,sBAAsB,CAAC;EAC5B,CAAC;EACDS,KAAKA,CAACJ,KAAK,EAAAK,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpB,MAAM;MAAEE;IAAa,CAAC,GAAGX,aAAa,CAACI,KAAK,CAAC;IAE7CN,SAAS,CAAC,MACRD,CAAC,CACC,KAAK,EACL;MACEe,KAAK,EAAE,CACL,QAAQ,EACR;QAAE,kBAAkB,EAAER,KAAK,CAACC;MAAQ,CAAC,EACrCM,YAAY,CAACE,KAAK;IAEtB,CAAC,EACDH,KAAK,CAACI,OAAO,GAAG,CAClB,CACF,CAAC;EACH;AACF,CAAC,CAAC"}
+{"version":3,"file":"YCard.js","names":["h","useRender","pressThemePropsOptions","useLocalTheme","defineComponent","YCard","name","props","outline","type","Boolean","setup","_ref","slots","themeClasses","class","value","default"],"sources":["../../../src/components/card/YCard.ts"],"sourcesContent":["import { h, type PropType } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { pressThemePropsOptions, useLocalTheme } from '@/composables/theme';\r\nimport { defineComponent } from '@/util/component';\r\n\r\nimport './YCard.scss';\r\n\r\nexport const YCard = defineComponent({\r\n  name: 'YCard',\r\n  props: {\r\n    outline: {\r\n      type: Boolean as PropType<boolean>,\r\n    },\r\n    ...pressThemePropsOptions(),\r\n  },\r\n  setup(props, { slots }) {\r\n    const { themeClasses } = useLocalTheme(props);\r\n\r\n    useRender(() =>\r\n      h(\r\n        'div',\r\n        {\r\n          class: [\r\n            'y-card',\r\n            { 'y-card--outlined': props.outline },\r\n            themeClasses.value,\r\n          ],\r\n        },\r\n        slots.default?.(),\r\n      ),\r\n    );\r\n  },\r\n});\r\n\r\nexport type YCard = InstanceType<typeof YCard>;\r\n"],"mappings":"AAAA,SAASA,CAAC,QAAuB,KAAK;AAAC,SAE9BC,SAAS;AAAA,SACTC,sBAAsB,EAAEC,aAAa;AAAA,SACrCC,eAAe;AAExB;AAEA,OAAO,MAAMC,KAAK,GAAGD,eAAe,CAAC;EACnCE,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE;IACLC,OAAO,EAAE;MACPC,IAAI,EAAEC;IACR,CAAC;IACD,GAAGR,sBAAsB,CAAC;EAC5B,CAAC;EACDS,KAAKA,CAACJ,KAAK,EAAAK,IAAA,EAAa;IAAA,IAAX;MAAEC;IAAM,CAAC,GAAAD,IAAA;IACpB,MAAM;MAAEE;IAAa,CAAC,GAAGX,aAAa,CAACI,KAAK,CAAC;IAE7CN,SAAS,CAAC,MACRD,CAAC,CACC,KAAK,EACL;MACEe,KAAK,EAAE,CACL,QAAQ,EACR;QAAE,kBAAkB,EAAER,KAAK,CAACC;MAAQ,CAAC,EACrCM,YAAY,CAACE,KAAK;IAEtB,CAAC,EACDH,KAAK,CAACI,OAAO,GAAG,CAClB,CACF,CAAC;EACH;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/card/YCard.scss

@@ -7,8 +7,8 @@ $card__padding: 24px;
   --y-card__border-radius: #{$card__border-radius};
   --y-card__default-background: #ffffff;
   --y-card__background: var(
-    --y-theme-surface,
-    var(--y-card__default-background)
+                  --y-theme-surface,
+                  var(--y-card__default-background)
   );
   --y-card__outline-color: var(--y-theme-outline);
 

package/lib/components/card/YCardBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"YCardBody.js","names":["h","defineComponent","YCardBody","name","render","class","$slots","default"],"sources":["../../../src/components/card/YCardBody.ts"],"sourcesContent":["import { h } from 'vue';\r\n\r\nimport { defineComponent } from '@/util/component';\r\n\r\nexport const YCardBody = defineComponent({\r\n  name: 'YCardBody',\r\n  render() {\r\n    return h('div', { class: 'y-card__body' }, this.$slots.default?.());\r\n  },\r\n});\r\n\r\nexport type YCardBody = InstanceType<typeof YCardBody>;\r\n"],"mappings":"AAAA,SAASA,CAAC,QAAQ,KAAK;AAAC,SAEfC,eAAe;AAExB,OAAO,MAAMC,SAAS,GAAGD,eAAe,CAAC;EACvCE,IAAI,EAAE,WAAW;EACjBC,MAAMA,CAAA,EAAG;IACP,OAAOJ,CAAC,CAAC,KAAK,EAAE;MAAEK,KAAK,EAAE;IAAe,CAAC,EAAE,IAAI,CAACC,MAAM,CAACC,OAAO,GAAG,CAAC,CAAC;EACrE;AACF,CAAC,CAAC"}
+{"version":3,"file":"YCardBody.js","names":["h","defineComponent","YCardBody","name","render","class","$slots","default"],"sources":["../../../src/components/card/YCardBody.ts"],"sourcesContent":["import { h } from 'vue';\n\nimport { defineComponent } from '@/util/component';\n\nexport const YCardBody = defineComponent({\n  name: 'YCardBody',\n  render() {\n    return h('div', { class: 'y-card__body' }, this.$slots.default?.());\n  },\n});\n\nexport type YCardBody = InstanceType<typeof YCardBody>;\n"],"mappings":"AAAA,SAASA,CAAC,QAAQ,KAAK;AAAC,SAEfC,eAAe;AAExB,OAAO,MAAMC,SAAS,GAAGD,eAAe,CAAC;EACvCE,IAAI,EAAE,WAAW;EACjBC,MAAMA,CAAA,EAAG;IACP,OAAOJ,CAAC,CAAC,KAAK,EAAE;MAAEK,KAAK,EAAE;IAAe,CAAC,EAAE,IAAI,CAACC,MAAM,CAACC,OAAO,GAAG,CAAC,CAAC;EACrE;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/card/YCardFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"YCardFooter.js","names":["h","defineComponent","YCardFooter","name","render","class","$slots","default"],"sources":["../../../src/components/card/YCardFooter.ts"],"sourcesContent":["import { h } from 'vue';\r\n\r\nimport { defineComponent } from '@/util/component';\r\n\r\nexport const YCardFooter = defineComponent({\r\n  name: 'YCardFooter',\r\n  render() {\r\n    return h('div', { class: 'y-card__footer' }, this.$slots.default?.());\r\n  },\r\n});\r\n\r\nexport type YCardFooter = InstanceType<typeof YCardFooter>;\r\n"],"mappings":"AAAA,SAASA,CAAC,QAAQ,KAAK;AAAC,SAEfC,eAAe;AAExB,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;EACzCE,IAAI,EAAE,aAAa;EACnBC,MAAMA,CAAA,EAAG;IACP,OAAOJ,CAAC,CAAC,KAAK,EAAE;MAAEK,KAAK,EAAE;IAAiB,CAAC,EAAE,IAAI,CAACC,MAAM,CAACC,OAAO,GAAG,CAAC,CAAC;EACvE;AACF,CAAC,CAAC"}
+{"version":3,"file":"YCardFooter.js","names":["h","defineComponent","YCardFooter","name","render","class","$slots","default"],"sources":["../../../src/components/card/YCardFooter.ts"],"sourcesContent":["import { h } from 'vue';\n\nimport { defineComponent } from '@/util/component';\n\nexport const YCardFooter = defineComponent({\n  name: 'YCardFooter',\n  render() {\n    return h('div', { class: 'y-card__footer' }, this.$slots.default?.());\n  },\n});\n\nexport type YCardFooter = InstanceType<typeof YCardFooter>;\n"],"mappings":"AAAA,SAASA,CAAC,QAAQ,KAAK;AAAC,SAEfC,eAAe;AAExB,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;EACzCE,IAAI,EAAE,aAAa;EACnBC,MAAMA,CAAA,EAAG;IACP,OAAOJ,CAAC,CAAC,KAAK,EAAE;MAAEK,KAAK,EAAE;IAAiB,CAAC,EAAE,IAAI,CAACC,MAAM,CAACC,OAAO,GAAG,CAAC,CAAC;EACvE;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/card/YCardHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"YCardHeader.js","names":["h","defineComponent","YCardHeader","name","render","class","$slots","default"],"sources":["../../../src/components/card/YCardHeader.ts"],"sourcesContent":["import { h } from 'vue';\r\n\r\nimport { defineComponent } from '@/util/component';\r\n\r\nexport const YCardHeader = defineComponent({\r\n  name: 'YCardHeader',\r\n  render() {\r\n    return h('div', { class: 'y-card__header' }, this.$slots.default?.());\r\n  },\r\n});\r\n\r\nexport type YCardHeader = InstanceType<typeof YCardHeader>;\r\n"],"mappings":"AAAA,SAASA,CAAC,QAAQ,KAAK;AAAC,SAEfC,eAAe;AAExB,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;EACzCE,IAAI,EAAE,aAAa;EACnBC,MAAMA,CAAA,EAAG;IACP,OAAOJ,CAAC,CAAC,KAAK,EAAE;MAAEK,KAAK,EAAE;IAAiB,CAAC,EAAE,IAAI,CAACC,MAAM,CAACC,OAAO,GAAG,CAAC,CAAC;EACvE;AACF,CAAC,CAAC"}
+{"version":3,"file":"YCardHeader.js","names":["h","defineComponent","YCardHeader","name","render","class","$slots","default"],"sources":["../../../src/components/card/YCardHeader.ts"],"sourcesContent":["import { h } from 'vue';\n\nimport { defineComponent } from '@/util/component';\n\nexport const YCardHeader = defineComponent({\n  name: 'YCardHeader',\n  render() {\n    return h('div', { class: 'y-card__header' }, this.$slots.default?.());\n  },\n});\n\nexport type YCardHeader = InstanceType<typeof YCardHeader>;\n"],"mappings":"AAAA,SAASA,CAAC,QAAQ,KAAK;AAAC,SAEfC,eAAe;AAExB,OAAO,MAAMC,WAAW,GAAGD,eAAe,CAAC;EACzCE,IAAI,EAAE,aAAa;EACnBC,MAAMA,CAAA,EAAG;IACP,OAAOJ,CAAC,CAAC,KAAK,EAAE;MAAEK,KAAK,EAAE;IAAiB,CAAC,EAAE,IAAI,CAACC,MAAM,CAACC,OAAO,GAAG,CAAC,CAAC;EACvE;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/components/card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/card/index.ts"],"sourcesContent":["export * from './YCard';\nexport * from './YCardBody';\nexport * from './YCardFooter';\nexport * from './YCardHeader';\n"],"mappings":""}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/card/index.ts"],"sourcesContent":["export * from './YCard';\nexport * from './YCardBody';\nexport * from './YCardFooter';\nexport * from './YCardHeader';\n"],"mappings":"","ignoreList":[]}

package/lib/components/checkbox/YCheckbox.js

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, ref, watch, withModifiers } from 'vue';
+import { computed, ref, watch, withModifiers, createVNode as _createVNode } from 'vue';
 import { useRender } from "../../composables/component.js";
 import { defineComponent, getUid } from "../../util/component/index.js";
 import YInputCheckbox from "./YInputCheckbox.js";

package/lib/components/checkbox/YCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"YCheckbox.js","names":["computed","ref","watch","withModifiers","useRender","defineComponent","getUid","YInputCheckbox","YCheckbox","name","components","emits","props","modelValue","Boolean","Array","value","String","Number","Object","label","reverse","icon","type","color","default","disabled","readonly","setup","_ref","emit","slots","focused","checked","counterId","toString","inputId","onFocus","e","onBlur","onClick","check","inputByProp","isArray","found","find","inp","undefined","classes","computedIcon","isMultipleInput","getMultipleInputIndex","findIndex","v","neo","index","push","splice","immediate","deep","_createVNode","leading","stopPropagation","_len","arguments","length","args","_key","_len2","_key2","trailing"],"sources":["../../../src/components/checkbox/YCheckbox.tsx"],"sourcesContent":["import { type PropType, computed, ref, watch, withModifiers } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { defineComponent, getUid } from '@/util/component';\r\n\r\nimport YInputCheckbox from './YInputCheckbox';\r\n\r\nimport './YCheckbox.scss';\r\n\r\nexport const YCheckbox = defineComponent({\r\n  name: 'YCheckbox',\r\n  components: { YInputCheckbox },\r\n  emits: ['focus', 'blur', 'click', 'update:modelValue', 'change'],\r\n  props: {\r\n    modelValue: [Boolean, Array] as PropType<boolean | any[]>,\r\n    value: [String, Number, Object] as PropType<any>,\r\n    label: String as PropType<string>,\r\n    reverse: Boolean as PropType<boolean>,\r\n    icon: {\r\n      type: [Object, String] as PropType<\r\n        { checked?: string; unchecked?: string } | string\r\n      >,\r\n    },\r\n    color: {\r\n      type: String as PropType<string>,\r\n      default: () => 'primary',\r\n    },\r\n    disabled: Boolean as PropType<boolean>,\r\n    readonly: Boolean as PropType<boolean>,\r\n  },\r\n  setup(props, { emit, slots }) {\r\n    const focused = ref(false);\r\n    const checked = ref(false);\r\n    const counterId = (getUid() ?? '').toString();\r\n    const inputId = `input-${counterId}`;\r\n\r\n    function onFocus(e: FocusEvent) {\r\n      focused.value = true;\r\n      emit('focus', e);\r\n    }\r\n\r\n    function onBlur(e: FocusEvent) {\r\n      focused.value = false;\r\n      emit('blur', e);\r\n    }\r\n\r\n    function onClick(e: Event, ...args: any[]) {\r\n      emit('click', e);\r\n      if (props.disabled || props.readonly) return;\r\n      const check = !checked.value;\r\n      checked.value = check;\r\n      emit('change', check);\r\n    }\r\n\r\n    function inputByProp() {\r\n      if (Array.isArray(props.modelValue)) {\r\n        const found = props.modelValue?.find((inp: any) => inp === props.value);\r\n        if (found !== undefined) {\r\n          checked.value = true;\r\n        } else {\r\n          checked.value = false;\r\n        }\r\n      } else if (typeof props.modelValue === 'boolean') {\r\n        checked.value = props.modelValue;\r\n      }\r\n    }\r\n\r\n    const classes = computed<Record<string, boolean>>(() => {\r\n      const { reverse, disabled, readonly } = props;\r\n      return {\r\n        'y-checkbox': true,\r\n        'y-checkbox--reverse': !!reverse,\r\n        'y-checkbox--focused': focused.value,\r\n        'y-checkbox--disabled': !!disabled,\r\n        'y-checkbox--readonly': !!readonly,\r\n      };\r\n    });\r\n\r\n    const computedIcon = computed<string | undefined>(() => {\r\n      if (typeof props.icon === 'string') {\r\n        return props.icon;\r\n      }\r\n      return undefined;\r\n    });\r\n\r\n    const isMultipleInput = computed<boolean>(() => {\r\n      return Array.isArray(props.modelValue);\r\n    });\r\n\r\n    function getMultipleInputIndex() {\r\n      if (!isMultipleInput.value) {\r\n        return -1;\r\n      }\r\n      return (props.modelValue as any[]).findIndex(\r\n        (v: any) => v === props.value,\r\n      );\r\n    }\r\n\r\n    watch(checked, (neo) => {\r\n      if (Array.isArray(props.modelValue)) {\r\n        const value = props.modelValue;\r\n        const index = getMultipleInputIndex();\r\n        if (neo && index === -1) {\r\n          value.push(props.value);\r\n        } else if (!neo && index !== -1) {\r\n          value.splice(index, 1);\r\n        }\r\n        emit('update:modelValue', value);\r\n      } else {\r\n        emit('update:modelValue', neo);\r\n      }\r\n    });\r\n\r\n    watch(\r\n      () => props.modelValue,\r\n      (neo) => {\r\n        if (Array.isArray(neo)) {\r\n          inputByProp();\r\n        } else {\r\n          checked.value = !!neo;\r\n        }\r\n      },\r\n      { immediate: true, deep: true },\r\n    );\r\n\r\n    useRender(() => {\r\n      return (\r\n        <div class={[{ ...classes.value }]}>\r\n          {slots.leading?.()}\r\n          <div class=\"y-checkbox__slot\">\r\n            <YInputCheckbox\r\n              onClick={(e: Event, ...args: any[]) => {\r\n                e.stopPropagation();\r\n                onClick(e, ...args);\r\n              }}\r\n              onFocus={onFocus}\r\n              onBlur={onBlur}\r\n              id={counterId}\r\n              value={checked.value}\r\n              icon={computedIcon.value}\r\n              color={props.color}\r\n              disabled={props.disabled}\r\n              readonly={props.readonly}\r\n            >\r\n              {slots.icon && {\r\n                icon: (...args: any[]) => slots.icon?.(...args),\r\n              }}\r\n            </YInputCheckbox>\r\n            <label\r\n              onClick={withModifiers(() => {}, ['stop'])}\r\n              class=\"y-checkbox__label\"\r\n              for={inputId}\r\n            >\r\n              {slots.label ? slots.label?.() : props.label}\r\n            </label>\r\n          </div>\r\n          {slots.trailing?.()}\r\n        </div>\r\n      );\r\n    });\r\n\r\n    return {\r\n      checked,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YCheckbox = InstanceType<typeof YCheckbox>;\r\n"],"mappings":"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"}
+{"version":3,"file":"YCheckbox.js","names":["computed","ref","watch","withModifiers","createVNode","_createVNode","useRender","defineComponent","getUid","YInputCheckbox","YCheckbox","name","components","emits","props","modelValue","Boolean","Array","value","String","Number","Object","label","reverse","icon","type","color","default","disabled","readonly","setup","_ref","emit","slots","focused","checked","counterId","toString","inputId","onFocus","e","onBlur","onClick","check","inputByProp","isArray","found","find","inp","undefined","classes","computedIcon","isMultipleInput","getMultipleInputIndex","findIndex","v","neo","index","push","splice","immediate","deep","leading","stopPropagation","_len","arguments","length","args","_key","_len2","_key2","trailing"],"sources":["../../../src/components/checkbox/YCheckbox.tsx"],"sourcesContent":["import { computed, type PropType, ref, watch, withModifiers } from 'vue';\r\n\r\nimport { useRender } from '@/composables/component';\r\nimport { defineComponent, getUid } from '@/util/component';\r\n\r\nimport YInputCheckbox from './YInputCheckbox';\r\n\r\nimport './YCheckbox.scss';\r\n\r\nexport const YCheckbox = defineComponent({\r\n  name: 'YCheckbox',\r\n  components: { YInputCheckbox },\r\n  emits: ['focus', 'blur', 'click', 'update:modelValue', 'change'],\r\n  props: {\r\n    modelValue: [Boolean, Array] as PropType<boolean | any[]>,\r\n    value: [String, Number, Object] as PropType<any>,\r\n    label: String as PropType<string>,\r\n    reverse: Boolean as PropType<boolean>,\r\n    icon: {\r\n      type: [Object, String] as PropType<\r\n        { checked?: string; unchecked?: string } | string\r\n      >,\r\n    },\r\n    color: {\r\n      type: String as PropType<string>,\r\n      default: () => 'primary',\r\n    },\r\n    disabled: Boolean as PropType<boolean>,\r\n    readonly: Boolean as PropType<boolean>,\r\n  },\r\n  setup(props, { emit, slots }) {\r\n    const focused = ref(false);\r\n    const checked = ref(false);\r\n    const counterId = (getUid() ?? '').toString();\r\n    const inputId = `input-${counterId}`;\r\n\r\n    function onFocus(e: FocusEvent) {\r\n      focused.value = true;\r\n      emit('focus', e);\r\n    }\r\n\r\n    function onBlur(e: FocusEvent) {\r\n      focused.value = false;\r\n      emit('blur', e);\r\n    }\r\n\r\n    function onClick(e: Event, ...args: any[]) {\r\n      emit('click', e);\r\n      if (props.disabled || props.readonly) return;\r\n      const check = !checked.value;\r\n      checked.value = check;\r\n      emit('change', check);\r\n    }\r\n\r\n    function inputByProp() {\r\n      if (Array.isArray(props.modelValue)) {\r\n        const found = props.modelValue?.find((inp: any) => inp === props.value);\r\n        if (found !== undefined) {\r\n          checked.value = true;\r\n        } else {\r\n          checked.value = false;\r\n        }\r\n      } else if (typeof props.modelValue === 'boolean') {\r\n        checked.value = props.modelValue;\r\n      }\r\n    }\r\n\r\n    const classes = computed<Record<string, boolean>>(() => {\r\n      const { reverse, disabled, readonly } = props;\r\n      return {\r\n        'y-checkbox': true,\r\n        'y-checkbox--reverse': !!reverse,\r\n        'y-checkbox--focused': focused.value,\r\n        'y-checkbox--disabled': !!disabled,\r\n        'y-checkbox--readonly': !!readonly,\r\n      };\r\n    });\r\n\r\n    const computedIcon = computed<string | undefined>(() => {\r\n      if (typeof props.icon === 'string') {\r\n        return props.icon;\r\n      }\r\n      return undefined;\r\n    });\r\n\r\n    const isMultipleInput = computed<boolean>(() => {\r\n      return Array.isArray(props.modelValue);\r\n    });\r\n\r\n    function getMultipleInputIndex() {\r\n      if (!isMultipleInput.value) {\r\n        return -1;\r\n      }\r\n      return (props.modelValue as any[]).findIndex(\r\n        (v: any) => v === props.value,\r\n      );\r\n    }\r\n\r\n    watch(checked, (neo) => {\r\n      if (Array.isArray(props.modelValue)) {\r\n        const value = props.modelValue;\r\n        const index = getMultipleInputIndex();\r\n        if (neo && index === -1) {\r\n          value.push(props.value);\r\n        } else if (!neo && index !== -1) {\r\n          value.splice(index, 1);\r\n        }\r\n        emit('update:modelValue', value);\r\n      } else {\r\n        emit('update:modelValue', neo);\r\n      }\r\n    });\r\n\r\n    watch(\r\n      () => props.modelValue,\r\n      (neo) => {\r\n        if (Array.isArray(neo)) {\r\n          inputByProp();\r\n        } else {\r\n          checked.value = !!neo;\r\n        }\r\n      },\r\n      { immediate: true, deep: true },\r\n    );\r\n\r\n    useRender(() => {\r\n      return (\r\n        <div class={[{ ...classes.value }]}>\r\n          {slots.leading?.()}\r\n          <div class=\"y-checkbox__slot\">\r\n            <YInputCheckbox\r\n              onClick={(e: Event, ...args: any[]) => {\r\n                e.stopPropagation();\r\n                onClick(e, ...args);\r\n              }}\r\n              onFocus={onFocus}\r\n              onBlur={onBlur}\r\n              id={counterId}\r\n              value={checked.value}\r\n              icon={computedIcon.value}\r\n              color={props.color}\r\n              disabled={props.disabled}\r\n              readonly={props.readonly}\r\n            >\r\n              {slots.icon && {\r\n                icon: (...args: any[]) => slots.icon?.(...args),\r\n              }}\r\n            </YInputCheckbox>\r\n            {/** biome-ignore lint/a11y/useKeyWithClickEvents: <explanation> */}\r\n            <label\r\n              onClick={withModifiers(() => {}, ['stop'])}\r\n              class=\"y-checkbox__label\"\r\n              for={inputId}\r\n            >\r\n              {slots.label ? slots.label?.() : props.label}\r\n            </label>\r\n          </div>\r\n          {slots.trailing?.()}\r\n        </div>\r\n      );\r\n    });\r\n\r\n    return {\r\n      checked,\r\n    };\r\n  },\r\n});\r\n\r\nexport type YCheckbox = InstanceType<typeof YCheckbox>;\r\n"],"mappings":"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","ignoreList":[]}

package/lib/components/checkbox/YInputCheckbox.js

@@ -1,5 +1,4 @@
-import { createVNode as _createVNode, Fragment as _Fragment } from "vue";
-import { h } from 'vue';
+import { h, Fragment as _Fragment, createVNode as _createVNode } from 'vue';
 import { defineComponent } from "../../util/component/index.js";
 import { YIconCheckbox } from "../icons/YIconCheckbox.js";
 import "./YInputCheckbox.scss";