vueless 0.0.280 → 0.0.282

package/ui.form-label/index.vue

@@ -63,7 +63,7 @@
 <script setup>
 import { computed, ref } from "vue";
 
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 
 import defaultConfig from "./configs/default.config";
 import { ULabel, PLACEMENT } from "./constants";
@@ -94,7 +94,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, ULabel).default.size,
+    default: getDefault(defaultConfig, ULabel).size,
   },
 
   /**
@@ -103,7 +103,7 @@ const props = defineProps({
    */
   align: {
     type: String,
-    default: UIService.get(defaultConfig, ULabel).default.align,
+    default: getDefault(defaultConfig, ULabel).align,
   },
 
   /**
@@ -111,7 +111,7 @@ const props = defineProps({
    */
   centred: {
     type: Boolean,
-    default: UIService.get(defaultConfig, ULabel).default.centred,
+    default: getDefault(defaultConfig, ULabel).centred,
   },
 
   /**
@@ -144,7 +144,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, ULabel).default.disabled,
+    default: getDefault(defaultConfig, ULabel).disabled,
   },
 
   /**

package/ui.form-radio/index.vue

@@ -32,7 +32,7 @@
 import { computed, inject, onMounted, ref, watchEffect, toValue } from "vue";
 
 import ULabel from "../ui.form-label";
-import UIService, { getRandomId } from "../service.ui";
+import { getRandomId, getDefault } from "../service.ui";
 
 import defaultConfig from "./configs/default.config";
 import useAttrs from "./composables/attrs.composable";
@@ -78,7 +78,7 @@ const props = defineProps({
    */
   labelAlign: {
     type: String,
-    default: UIService.get(defaultConfig, URadio).default.labelAlign,
+    default: getDefault(defaultConfig, URadio).labelAlign,
   },
 
   /**
@@ -111,7 +111,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, URadio).default.size,
+    default: getDefault(defaultConfig, URadio).size,
   },
 
   /**
@@ -120,7 +120,7 @@ const props = defineProps({
    */
   color: {
     type: String,
-    default: UIService.get(defaultConfig, URadio).default.color,
+    default: getDefault(defaultConfig, URadio).color,
   },
 
   /**
@@ -128,7 +128,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, URadio).default.disabled,
+    default: getDefault(defaultConfig, URadio).disabled,
   },
 
   /**
@@ -136,7 +136,7 @@ const props = defineProps({
    */
   checked: {
     type: Boolean,
-    default: UIService.get(defaultConfig, URadio).default.checked,
+    default: getDefault(defaultConfig, URadio).checked,
   },
 
   /**

package/ui.form-radio-group/index.vue

@@ -32,7 +32,7 @@ import { computed, provide } from "vue";
 
 import ULabel from "../ui.form-label";
 import URadio from "../ui.form-radio";
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 
 import defaultConfig from "./configs/default.config";
 import { URadioGroup } from "./constants";
@@ -88,7 +88,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, URadioGroup).default.size,
+    default: getDefault(defaultConfig, URadioGroup).size,
   },
 
   /**
@@ -97,7 +97,7 @@ const props = defineProps({
    */
   color: {
     type: String,
-    default: UIService.get(defaultConfig, URadioGroup).default.color,
+    default: getDefault(defaultConfig, URadioGroup).color,
   },
 
   /**
@@ -113,7 +113,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, URadioGroup).default.disabled,
+    default: getDefault(defaultConfig, URadioGroup).disabled,
   },
 
   /**

package/ui.form-select/configs/default.config.js

@@ -20,7 +20,7 @@ export default /*tw*/ {
       disabled: {
         true: `
           border-gray-100 bg-gray-100 text-gray-900 hover:border-gray-100
-          focus-within:border-gray-100 focus-within:ring-0
+          focus-within:border-gray-100 focus-within:ring-0 focus-within:ring-offset-0
         `,
       },
     },

package/ui.form-select/index.vue

@@ -280,7 +280,8 @@ import { debounce, merge } from "lodash-es";
 import UIcon from "../ui.image-icon";
 import ULabel from "../ui.form-label";
 import UDropdownList from "../ui.dropdown-list";
-import UIService, { getRandomId, isMac } from "../service.ui";
+import { getRandomId, getDefault } from "../service.ui";
+import { isMac } from "../service.platform";
 
 import SelectService from "./services/select.service";
 import useAttrs from "./composables/attrs.composable";
@@ -323,7 +324,7 @@ const props = defineProps({
    */
   labelAlign: {
     type: String,
-    default: UIService.get(defaultConfig, USelect).default.labelAlign,
+    default: getDefault(defaultConfig, USelect).labelAlign,
   },
 
   /**
@@ -356,7 +357,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, USelect).default.size,
+    default: getDefault(defaultConfig, USelect).size,
   },
 
   /**
@@ -381,7 +382,7 @@ const props = defineProps({
    */
   openDirection: {
     type: String,
-    default: UIService.get(defaultConfig, USelect).default.openDirection,
+    default: getDefault(defaultConfig, USelect).openDirection,
   },
 
   /**
@@ -389,7 +390,7 @@ const props = defineProps({
    */
   labelKey: {
     type: String,
-    default: UIService.get(defaultConfig, USelect).default.labelKey,
+    default: getDefault(defaultConfig, USelect).labelKey,
   },
 
   /**
@@ -397,7 +398,7 @@ const props = defineProps({
    */
   valueKey: {
     type: String,
-    default: UIService.get(defaultConfig, USelect).default.valueKey,
+    default: getDefault(defaultConfig, USelect).valueKey,
   },
 
   /**
@@ -421,7 +422,7 @@ const props = defineProps({
    */
   optionsLimit: {
     type: Number,
-    default: UIService.get(defaultConfig, USelect).default.optionsLimit,
+    default: getDefault(defaultConfig, USelect).optionsLimit,
   },
 
   /**
@@ -429,7 +430,7 @@ const props = defineProps({
    */
   visibleOptions: {
     type: Number,
-    default: UIService.get(defaultConfig, USelect).default.visibleOptions,
+    default: getDefault(defaultConfig, USelect).visibleOptions,
   },
 
   /**
@@ -437,7 +438,7 @@ const props = defineProps({
    */
   noClear: {
     type: Boolean,
-    default: UIService.get(defaultConfig, USelect).default.noClear,
+    default: getDefault(defaultConfig, USelect).noClear,
   },
 
   /**
@@ -445,7 +446,7 @@ const props = defineProps({
    */
   multiple: {
     type: Boolean,
-    default: UIService.get(defaultConfig, USelect).default.multiple,
+    default: getDefault(defaultConfig, USelect).multiple,
   },
 
   /**
@@ -453,7 +454,7 @@ const props = defineProps({
    */
   searchable: {
     type: Boolean,
-    default: UIService.get(defaultConfig, USelect).default.searchable,
+    default: getDefault(defaultConfig, USelect).searchable,
   },
 
   /**
@@ -461,7 +462,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, USelect).default.disabled,
+    default: getDefault(defaultConfig, USelect).disabled,
   },
 
   /**
@@ -469,7 +470,7 @@ const props = defineProps({
    */
   addOption: {
     type: Boolean,
-    default: UIService.get(defaultConfig, USelect).default.addOption,
+    default: getDefault(defaultConfig, USelect).addOption,
   },
 
   /**

package/ui.form-switch/index.vue

@@ -43,7 +43,7 @@ import { merge } from "lodash-es";
 
 import UIcon from "../ui.image-icon";
 import ULabel from "../ui.form-label";
-import UIService, { getRandomId } from "../service.ui";
+import { getRandomId, getDefault } from "../service.ui";
 
 import { USwitch } from "./constants";
 import defaultConfig from "./configs/default.config";
@@ -68,7 +68,7 @@ const props = defineProps({
    */
   labelAlign: {
     type: String,
-    default: UIService.get(defaultConfig, USwitch).default.labelAlign,
+    default: getDefault(defaultConfig, USwitch).labelAlign,
   },
 
   /**
@@ -93,7 +93,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, USwitch).default.size,
+    default: getDefault(defaultConfig, USwitch).size,
   },
 
   /**
@@ -101,7 +101,7 @@ const props = defineProps({
    * @values brand, grayscale, gray, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, rose, white   */
   color: {
     type: String,
-    default: UIService.get(defaultConfig, USwitch).default.color,
+    default: getDefault(defaultConfig, USwitch).color,
   },
 
   /**
@@ -109,7 +109,7 @@ const props = defineProps({
    */
   toggleIcon: {
     type: Boolean,
-    default: UIService.get(defaultConfig, USwitch).default.toggleIcon,
+    default: getDefault(defaultConfig, USwitch).toggleIcon,
   },
 
   /**
@@ -117,7 +117,7 @@ const props = defineProps({
    */
   toggleLabel: {
     type: Boolean,
-    default: UIService.get(defaultConfig, USwitch).default.toggleLabel,
+    default: getDefault(defaultConfig, USwitch).toggleLabel,
   },
 
   /**
@@ -125,7 +125,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, USwitch).default.disabled,
+    default: getDefault(defaultConfig, USwitch).disabled,
   },
 
   /**

package/ui.form-textarea/configs/default.config.js

@@ -17,7 +17,7 @@ export default /*tw*/ {
         `,
       },
       disabled: {
-        true: "pointer-events-none bg-gray-100",
+        true: "focus-within:ring-0 focus-within:ring-offset-0 bg-gray-100 pointer-events-none",
       },
     },
     compoundVariants: [

package/ui.form-textarea/index.vue

@@ -52,7 +52,7 @@
 import { computed, onMounted, ref, useSlots } from "vue";
 
 import ULabel from "../ui.form-label";
-import UIService, { getRandomId } from "../service.ui";
+import { getRandomId, getDefault } from "../service.ui";
 
 import { UTextarea } from "./constants";
 import defaultConfig from "./configs/default.config";
@@ -68,7 +68,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, UTextarea).default.size,
+    default: getDefault(defaultConfig, UTextarea).size,
   },
 
   /**
@@ -101,7 +101,7 @@ const props = defineProps({
    */
   labelAlign: {
     type: String,
-    default: UIService.get(defaultConfig, UTextarea).default.labelAlign,
+    default: getDefault(defaultConfig, UTextarea).labelAlign,
   },
 
   /**
@@ -117,7 +117,7 @@ const props = defineProps({
    */
   readonly: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UTextarea).default.readonly,
+    default: getDefault(defaultConfig, UTextarea).readonly,
   },
 
   /**
@@ -125,7 +125,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UTextarea).default.disabled,
+    default: getDefault(defaultConfig, UTextarea).disabled,
   },
 
   /**
@@ -134,7 +134,7 @@ const props = defineProps({
    */
   inputmode: {
     type: String,
-    default: UIService.get(defaultConfig, UTextarea).default.inputmode,
+    default: getDefault(defaultConfig, UTextarea).inputmode,
   },
 
   /**
@@ -142,7 +142,7 @@ const props = defineProps({
    */
   noAutocomplete: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UTextarea).default.noAutocomplete,
+    default: getDefault(defaultConfig, UTextarea).noAutocomplete,
   },
 
   /**
@@ -158,7 +158,7 @@ const props = defineProps({
    */
   rows: {
     type: String,
-    default: UIService.get(defaultConfig, UTextarea).default.rows,
+    default: getDefault(defaultConfig, UTextarea).rows,
   },
 
   /**

package/ui.image-avatar/index.vue

@@ -23,7 +23,7 @@
 import { computed } from "vue";
 
 import UIcon from "../ui.image-icon";
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 
 import { UAvatar } from "./constants/index";
 import defaultConfig from "./configs/default.config";
@@ -54,7 +54,7 @@ const props = defineProps({
    */
   icon: {
     type: String,
-    default: UIService.get(defaultConfig, UAvatar).default.icon,
+    default: getDefault(defaultConfig, UAvatar).icon,
   },
 
   /**
@@ -63,7 +63,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, UAvatar).default.size,
+    default: getDefault(defaultConfig, UAvatar).size,
   },
 
   /**
@@ -72,7 +72,7 @@ const props = defineProps({
    */
   color: {
     type: String,
-    default: UIService.get(defaultConfig, UAvatar).default.color,
+    default: getDefault(defaultConfig, UAvatar).color,
   },
 
   /**
@@ -81,7 +81,7 @@ const props = defineProps({
    */
   rounded: {
     type: String,
-    default: UIService.get(defaultConfig, UAvatar).default.rounded,
+    default: getDefault(defaultConfig, UAvatar).rounded,
   },
 
   /**
@@ -89,7 +89,7 @@ const props = defineProps({
    */
   bordered: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UAvatar).default.bordered,
+    default: getDefault(defaultConfig, UAvatar).bordered,
   },
 
   /**

package/ui.image-icon/index.vue

@@ -15,7 +15,7 @@
 
 <script setup>
 import { computed, defineAsyncComponent } from "vue";
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 
 import { UIcon } from "./constants";
 import defaultConfig from "./configs/default.config";
@@ -52,7 +52,7 @@ const props = defineProps({
    */
   color: {
     type: String,
-    default: UIService.get(defaultConfig, UIcon).default.color,
+    default: getDefault(defaultConfig, UIcon).color,
   },
 
   /**
@@ -61,7 +61,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, UIcon).default.size,
+    default: getDefault(defaultConfig, UIcon).size,
   },
 
   /**
@@ -69,7 +69,7 @@ const props = defineProps({
    */
   pill: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UIcon).default.pill,
+    default: getDefault(defaultConfig, UIcon).pill,
   },
 
   /**
@@ -78,7 +78,7 @@ const props = defineProps({
    */
   variant: {
     type: String,
-    default: UIService.get(defaultConfig, UIcon).default.variant,
+    default: getDefault(defaultConfig, UIcon).variant,
   },
 
   /**
@@ -86,7 +86,7 @@ const props = defineProps({
    */
   interactive: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UIcon).default.interactive,
+    default: getDefault(defaultConfig, UIcon).interactive,
   },
 
   /**

package/ui.loader/index.vue

@@ -12,7 +12,7 @@
 
 <script setup>
 import { computed } from "vue";
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 
 import { ULoader } from "./constants";
 import defaultConfig from "./configs/default.config";
@@ -28,7 +28,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, ULoader).default.size,
+    default: getDefault(defaultConfig, ULoader).size,
   },
 
   /**
@@ -37,7 +37,7 @@ const props = defineProps({
    */
   color: {
     type: String,
-    default: UIService.get(defaultConfig, ULoader).default.color,
+    default: getDefault(defaultConfig, ULoader).color,
   },
 
   /**
@@ -45,7 +45,7 @@ const props = defineProps({
    */
   loading: {
     type: Boolean,
-    default: UIService.get(defaultConfig, ULoader).default.loading,
+    default: getDefault(defaultConfig, ULoader).loading,
   },
 });
 

package/ui.loader-rendering/index.vue

@@ -13,7 +13,7 @@
 
 <script setup>
 import { computed, onMounted, onUnmounted } from "vue";
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 
 import ULoader from "../ui.loader";
 
@@ -40,7 +40,7 @@ const props = defineProps({
    */
   color: {
     type: String,
-    default: UIService.get(defaultConfig, ULoaderRendering).default.color,
+    default: getDefault(defaultConfig, ULoaderRendering).color,
   },
 });
 

package/ui.loader-top/index.vue

@@ -7,7 +7,8 @@
 <script setup>
 import { computed, onBeforeUnmount, watch, ref, onMounted, onUnmounted } from "vue";
 
-import UIService, { isMobileApp } from "../service.ui";
+import { getDefault } from "../service.ui";
+import { isMobileApp } from "../service.platform";
 import { clamp, queue, getRequestWithoutQuery } from "./services/loaderTop.service";
 import { useLoaderTop } from "./composables/useLoaderTop";
 
@@ -25,7 +26,7 @@ const props = defineProps({
    */
   color: {
     type: String,
-    default: UIService.get(defaultConfig, ULoaderTop).default.color,
+    default: getDefault(defaultConfig, ULoaderTop).color,
   },
 
   /**

package/ui.navigation-pagination/index.vue

@@ -85,7 +85,7 @@ import { computed } from "vue";
 import { range } from "lodash-es";
 
 import UButton from "../ui.button";
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 
 import defaultConfig from "./configs/default.config";
 import { UPagination, ELLIPSIS_LABEL } from "./constants";
@@ -108,7 +108,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UPagination).default.disabled,
+    default: getDefault(defaultConfig, UPagination).disabled,
   },
 
   /**
@@ -116,7 +116,7 @@ const props = defineProps({
    */
   perPage: {
     type: Number,
-    default: UIService.get(defaultConfig, UPagination).default.perPage,
+    default: getDefault(defaultConfig, UPagination).perPage,
     validator: (value) => value > 0,
   },
 
@@ -134,7 +134,7 @@ const props = defineProps({
    */
   limit: {
     type: Number,
-    default: UIService.get(defaultConfig, UPagination).default.limit,
+    default: getDefault(defaultConfig, UPagination).limit,
     validator: (value) => value >= 0,
   },
 
@@ -143,7 +143,7 @@ const props = defineProps({
    */
   ellipsis: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UPagination).default.ellipsis,
+    default: getDefault(defaultConfig, UPagination).ellipsis,
   },
 
   /**
@@ -151,7 +151,7 @@ const props = defineProps({
    */
   prevLabel: {
     type: String,
-    default: UIService.get(defaultConfig, UPagination).default.prevLabel,
+    default: getDefault(defaultConfig, UPagination).prevLabel,
   },
 
   /**
@@ -159,7 +159,7 @@ const props = defineProps({
    */
   nextLabel: {
     type: String,
-    default: UIService.get(defaultConfig, UPagination).default.nextLabel,
+    default: getDefault(defaultConfig, UPagination).nextLabel,
   },
 
   /**
@@ -167,7 +167,7 @@ const props = defineProps({
    */
   firstLabel: {
     type: String,
-    default: UIService.get(defaultConfig, UPagination).default.firstLabel,
+    default: getDefault(defaultConfig, UPagination).firstLabel,
   },
 
   /**
@@ -175,7 +175,7 @@ const props = defineProps({
    */
   lastLabel: {
     type: String,
-    default: UIService.get(defaultConfig, UPagination).default.lastLabel,
+    default: getDefault(defaultConfig, UPagination).lastLabel,
   },
 
   /**
@@ -183,7 +183,7 @@ const props = defineProps({
    */
   showFirst: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UPagination).default.showLast,
+    default: getDefault(defaultConfig, UPagination).showLast,
   },
 
   /**
@@ -191,7 +191,7 @@ const props = defineProps({
    */
   showLast: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UPagination).default.showLast,
+    default: getDefault(defaultConfig, UPagination).showLast,
   },
 
   /**