vueless 0.0.478-beta.3 → 0.0.479

package/ui.dropdown-link/storybook/stories.js

@@ -45,7 +45,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UDropdownLink, URow },
   setup() {
     function getText(value) {

package/ui.dropdown-list/storybook/stories.js

@@ -43,7 +43,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UDropdownList, URow },
   setup() {
     return {

package/ui.form-checkbox/config.js

@@ -51,13 +51,4 @@ export default /*tw*/ {
     partiallyCheckedIcon: "remove",
     checkedIcon: "check",
   },
-  safelist: (colors) => [
-    { pattern: `bg-(${colors})-600` },
-    { pattern: `bg-(${colors})-700`, variants: ["hover"] },
-    { pattern: `bg-(${colors})-800`, variants: ["active"] },
-    { pattern: `border-(${colors})-500`, variants: ["focus"] },
-    { pattern: `border-(${colors})-800`, variants: ["active"] },
-    { pattern: `text-(${colors})-600`, variants: ["checked"] },
-    { pattern: `ring-(${colors})-700`, variants: ["focus"] },
-  ],
 };

package/ui.form-checkbox/storybook/stories.js

@@ -89,7 +89,7 @@ const ValueTypesTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UCheckbox, UCol },
   setup() {
     return {

package/ui.form-checkbox-group/storybook/stories.js

@@ -54,7 +54,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UCheckboxGroup, UCol },
   setup() {
     return { args };

package/ui.form-checkbox-multi-state/storybook/stories.js

@@ -36,7 +36,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UCheckboxMultiState, URow },
   setup() {
     return {

package/ui.form-color-picker/config.js

@@ -49,11 +49,4 @@ export default /*tw*/ {
     /* icons */
     unselectedIcon: "close",
   },
-  safelist: (colors) => [
-    { pattern: `bg-(${colors})-400`, variants: ["disabled"] },
-    { pattern: `bg-(${colors})-600` },
-    { pattern: `bg-(${colors})-800`, variants: ["active"] },
-    { pattern: `border-(${colors})-400`, variants: ["disabled"] },
-    { pattern: `border-(${colors})-600`, variants: ["hover"] },
-  ],
 };

package/ui.form-color-picker/storybook/stories.js

@@ -33,7 +33,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UCol, UColorPicker },
   setup() {
     return {

package/ui.form-date-picker/storybook/stories.js

@@ -45,7 +45,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UDatePicker, URow },
   setup() {
     return {
@@ -57,7 +57,7 @@ const EnumVariantTemplate = (args, { argTypes }) => ({
     <URow>
       <UDatePicker
         v-for="(option, index) in options"
-        open-direction-y="bottom"
+        open-direction-y="bottom" 
         :key="index"
         v-bind="args"
         :[args.enum]="option"

package/ui.form-date-picker-range/storybook/stories.js

@@ -50,7 +50,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UDatePickerRange, URow },
   setup() {
     return {

package/ui.form-input/UInput.vue

@@ -459,7 +459,7 @@ function setLabelPosition() {
     return;
   }
 
-  const leftSlotOrIconWidth = leftSlotWrapperRef.value.getBoundingClientRect().width;
+  let leftSlotOrIconWidth = leftSlotWrapperRef.value.getBoundingClientRect().width;
 
   const leftPaddingValue = parseFloat(getComputedStyle(inputRef.value).paddingLeft);
 

package/ui.form-input/storybook/stories.js

@@ -35,7 +35,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UInput, UCol },
   setup() {
     return {

package/ui.form-input-file/storybook/stories.js

@@ -42,7 +42,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UInputFile, UCol },
   setup() {
     return {

package/ui.form-input-money/storybook/stories.js

@@ -38,7 +38,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UInputMoney, UCol },
   setup() {
     return {

package/ui.form-input-money/useFormatCurrency.js

@@ -1,6 +1,6 @@
 import { onMounted, nextTick, ref, onBeforeUnmount, toValue, watch } from "vue";
 
-import FormatService from "./utilFormat.js";
+import FormatService from "./utilFormat";
 
 export default function useFormatCurrency(elementId, options) {
   let prevValue = "";

package/ui.form-input-number/UInputNumber.vue

@@ -6,9 +6,8 @@
     :error="error"
     :size="size"
     :align="labelAlign"
-    centred
-    v-bind="labelAttrs"
     :data-test="dataTest"
+    v-bind="labelAttrs"
   >
     <UButton
       variant="thirdary"
@@ -18,7 +17,6 @@
       round
       :disabled="isRemoveButtonDisabled || disabled"
       v-bind="removeButtonAttrs"
-      :data-test="`${dataTest}-remove`"
       @click="onClickRemove"
     >
       <UIcon
@@ -26,6 +24,7 @@
         :size="size"
         :name="config.defaults.removeIcon"
         :color="isRemoveButtonDisabled ? 'gray' : 'grayscale'"
+        :data-test="`${dataTest}-remove`"
         v-bind="removeIconAttrs"
       />
     </UButton>
@@ -42,7 +41,6 @@
       round
       :disabled="isAddButtonDisabled || disabled"
       v-bind="addButtonAttrs"
-      :data-test="`${dataTest}-add`"
       @click="onClickAdd"
     >
       <UIcon
@@ -50,6 +48,7 @@
         :size="size"
         :name="config.defaults.addIcon"
         :color="isAddButtonDisabled ? 'gray' : 'grayscale'"
+        :data-test="`${dataTest}-add`"
         v-bind="addIconAttrs"
       />
     </UButton>

package/ui.form-input-number/storybook/stories.js

@@ -33,7 +33,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UInputNumber, UCol },
   setup() {
     return {

package/ui.form-input-rating/storybook/stories.js

@@ -36,7 +36,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UInputRating, URow },
   setup() {
     return {

package/ui.form-input-search/storybook/stories.js

@@ -31,7 +31,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UInputSearch, URow },
   setup() {
     return {

package/ui.form-label/config.js

@@ -20,8 +20,8 @@ export default /*tw*/ {
       { align: "right", size: "sm", class: "gap-2.5" },
       { align: "right", size: "md", class: "gap-3" },
       { align: "right", size: "lg", class: "gap-3.5" },
-      { align: "left", centred: true, class: "items-center justify-end w-auto" },
-      { align: "right", centred: true, class: "items-center justify-start w-auto" },
+      { align: "left", centred: true, class: "items-center w-auto" },
+      { align: "right", centred: true, class: "items-center w-auto" },
     ],
   },
   content: {

package/ui.form-label/storybook/stories.js

@@ -38,7 +38,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { ULabel, UCol, UText },
   setup() {
     function getText(value, name) {

package/ui.form-radio/config.js

@@ -26,10 +26,4 @@ export default /*tw*/ {
     checked: false,
     disabled: false,
   },
-  safelist: (colors) => [
-    { pattern: `border-(${colors})-500`, variants: ["focus"] },
-    { pattern: `border-(${colors})-800`, variants: ["active"] },
-    { pattern: `text-(${colors})-600`, variants: ["checked"] },
-    { pattern: `ring-(${colors})-700`, variants: ["focus"] },
-  ],
 };

package/ui.form-radio-group/storybook/stories.js

@@ -54,7 +54,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { URadioGroup, UCol },
   setup() {
     return {

package/ui.form-select/storybook/stories.js

@@ -54,7 +54,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { USelect, URow },
   setup() {
     return {

package/ui.form-switch/config.js

@@ -79,10 +79,4 @@ export default /*tw*/ {
     onIcon: "check",
     offIcon: "close",
   },
-  safelist: (colors) => [
-    { pattern: `ring-(${colors})-700` },
-    { pattern: `bg-(${colors})-600` },
-    { pattern: `bg-(${colors})-700`, variants: ["hover"] },
-    { pattern: `bg-(${colors})-800`, variants: ["active"] },
-  ],
 };

package/ui.form-switch/storybook/stories.js

@@ -33,7 +33,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { USwitch, URow },
   setup() {
     return {

package/ui.form-textarea/storybook/stories.js

@@ -34,7 +34,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UTextarea, UCol },
   setup() {
     return {

package/ui.image-avatar/config.js

@@ -43,9 +43,4 @@ export default /*tw*/ {
     /* icons */
     placeholderIcon: "image",
   },
-  safelist: (colors) => [
-    { pattern: `bg-(${colors})-100` },
-    { pattern: `text-(${colors})-600` },
-    { pattern: `border-(${colors})-200` },
-  ],
 };

package/ui.image-avatar/storybook/stories.js

@@ -31,7 +31,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UCol, URow, UAvatar },
   setup() {
     return {

package/ui.image-icon/UIcon.vue

@@ -127,6 +127,12 @@ const emit = defineEmits([
 const { config, iconAttrs } = useAttrs(props);
 
 const generatedIcons = computed(() => {
+  if (isSSR) {
+    Object.entries(
+      import.meta.glob(`/assets/.vueless/icons/**/*.svg`, { eager: true, query: "?component" }),
+    ) || [];
+  }
+
   return (
     Object.entries(
       import.meta.glob(`../assets/icons/**/*.svg`, { eager: true, query: "?component" }),
@@ -157,14 +163,17 @@ const dynamicComponent = computed(() => {
   if (!name) return "";
 
   function getIcon(params) {
-    const [, component] = generatedIcons.value.find(([path]) =>
-      params.every((param) => (isFill || !path.includes(FILL_SUFFIX)) && path.includes(param)),
-    );
+    const [, component] =
+      generatedIcons.value.find(([path]) =>
+        params.every(
+          (param) => (isFill || !path.includes(FILL_SUFFIX)) && path.includes(String(param)),
+        ),
+      ) || [];
 
     return component;
   }
 
-  /* eslint-disable prettier/prettier */
+  /* eslint-disable vue/max-len, prettier/prettier */
   const libraries = {
     "vueless": async () => {
       return import.meta.env.PROD
@@ -197,7 +206,7 @@ const dynamicComponent = computed(() => {
           : import(/* @vite-ignore */ `/node_modules/${library}/24/${fillType}/${name}.svg?component`);
     },
   };
-  /* eslint-enable prettier/prettier */
+  /* eslint-enable vue/max-len, prettier/prettier */
 
   return defineAsyncComponent(libraries[library]);
 });

package/ui.image-icon/config.js

@@ -40,9 +40,4 @@ export default /*tw*/ {
     style: "outlined",
     weight: 500,
   },
-  safelist: (colors) => [
-    { pattern: `text-(${colors})-400` },
-    { pattern: `text-(${colors})-600` },
-    { pattern: `text-(${colors})-800` },
-  ],
 };

package/ui.image-icon/storybook/stories.js

@@ -32,7 +32,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UIcon, URow },
   setup() {
     return {

package/ui.loader/config.js

@@ -52,5 +52,4 @@ export default /*tw*/ {
     size: "md",
     loading: false,
   },
-  safelist: (colors) => [{ pattern: `bg-(${colors})-600` }],
 };

package/ui.loader/storybook/stories.js

@@ -34,7 +34,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { ULoader, URow },
   setup() {
     return {

package/ui.loader-overlay/config.js

@@ -23,5 +23,4 @@ export default /*tw*/ {
     color: "brand",
     loading: undefined,
   },
-  safelist: (colors) => [{ pattern: `bg-(${colors})-600` }],
 };

package/ui.loader-progress/config.js

@@ -15,5 +15,4 @@ export default /*tw*/ {
     color: "brand",
     loading: false,
   },
-  safelist: (colors) => [{ pattern: `bg-(${colors})-600` }],
 };

package/ui.loader-progress/storybook/stories.js

@@ -40,7 +40,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { ULoaderProgress, UButton, UCol, URow, UBadge },
   setup() {
     return {

package/ui.navigation-progress/config.js

@@ -107,13 +107,4 @@ export default /*tw*/ {
     variant: "progress",
     indicator: false,
   },
-  safelist: (colors) => [
-    { pattern: `text-(${colors})-600` },
-    { pattern: `text-(${colors})-100` },
-    { pattern: `stroke-(${colors})-100` },
-    {
-      pattern: `bg-(${colors})-50`,
-      variants: ["[&::-webkit-progress-bar]", "[@supports(selector(&::-moz-progress-bar))]"],
-    },
-  ],
 };

package/ui.navigation-progress/storybook/stories.js

@@ -39,7 +39,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UCol, UButton, UProgress },
   setup() {
     args.progress = 10;

package/ui.navigation-tabs/storybook/stories.js

@@ -36,7 +36,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UTabs },
   setup() {
     return {

package/ui.other-dot/config.js

@@ -19,5 +19,4 @@ export default /*tw*/ {
     color: "brand",
     size: "md",
   },
-  safelist: (colors) => [{ pattern: `bg-(${colors})-600` }],
 };

package/ui.other-dot/storybook/stories.js

@@ -31,7 +31,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UCol, URow, UDot, UBadge },
   setup() {
     return {

package/ui.text-alert/config.js

@@ -54,11 +54,4 @@ export default /*tw*/ {
     /* icons */
     closeIcon: "close",
   },
-  safelist: (colors) => [
-    { pattern: `bg-(${colors})-50` },
-    { pattern: `bg-(${colors})-600` },
-    { pattern: `text-(${colors})-600` },
-    { pattern: `border-(${colors})-100` },
-    { pattern: `border-(${colors})-600` },
-  ],
 };

package/ui.text-alert/storybook/stories.js

@@ -36,7 +36,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UAlert, UCol },
   setup() {
     function getText(value) {

package/ui.text-badge/config.js

@@ -63,12 +63,4 @@ export default /*tw*/ {
     round: false,
     bordered: false,
   },
-  safelist: (colors) => [
-    { pattern: `bg-(${colors})-50` },
-    { pattern: `bg-(${colors})-600` },
-    { pattern: `border-(${colors})-100` },
-    { pattern: `border-(${colors})-600` },
-    { pattern: `text-(${colors})-600` },
-    { pattern: `ring-(${colors})-700`, variants: ["focus", "focus-within"] },
-  ],
 };

package/ui.text-badge/storybook/stories.js

@@ -34,7 +34,7 @@ const DefaultTemplate = (args) => ({
   `,
 });
 
-const ColorsTemplate = (args, { argTypes }) => ({
+const ColorsTemplate = (args, { argTypes } = {}) => ({
   components: { UBadge, URow, UCol },
   setup() {
     return {
@@ -59,7 +59,7 @@ const ColorsTemplate = (args, { argTypes }) => ({
   `,
 });
 
-const EnumVariantTemplate = (args, { argTypes }) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UBadge, URow },
   setup() {
     function getText(value) {
@@ -70,14 +70,6 @@ const EnumVariantTemplate = (args, { argTypes }) => ({
   },
   template: `
     <URow>
-      <UDropdownButton
-        label="Dropdown"
-        :options='[{"label":"option 1"},{"label":"option 2"},{"label":"option 3"}]'
-      variant="thirdary"
-      filled
-      >
-        fff
-      </UDropdownButton>
       <UBadge
         v-for="(option, index) in options"
         :key="index"