vueless 0.0.280 → 0.0.281

package/ui.button-link/index.vue

@@ -53,7 +53,7 @@
 <script setup>
 import { computed, ref } from "vue";
 import { RouterLink, useLink } from "vue-router";
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 
 import useAttrs from "./composables/attrs.composable";
 import defaultConfig from "./configs/default.config";
@@ -120,7 +120,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, ULink).default.size,
+    default: getDefault(defaultConfig, ULink).size,
   },
 
   /**
@@ -129,7 +129,7 @@ const props = defineProps({
    */
   color: {
     type: String,
-    default: UIService.get(defaultConfig, ULink).default.color,
+    default: getDefault(defaultConfig, ULink).color,
   },
 
   /**
@@ -138,7 +138,7 @@ const props = defineProps({
    */
   type: {
     type: String,
-    default: UIService.get(defaultConfig, ULink).default.type,
+    default: getDefault(defaultConfig, ULink).type,
   },
 
   /**
@@ -146,7 +146,7 @@ const props = defineProps({
    */
   targetBlank: {
     type: Boolean,
-    default: UIService.get(defaultConfig, ULink).default.targetBlank,
+    default: getDefault(defaultConfig, ULink).targetBlank,
   },
 
   /**
@@ -154,7 +154,7 @@ const props = defineProps({
    */
   ariaCurrentValue: {
     type: String,
-    default: UIService.get(defaultConfig, ULink).default.ariaCurrentValue,
+    default: getDefault(defaultConfig, ULink).ariaCurrentValue,
   },
 
   /**
@@ -162,7 +162,7 @@ const props = defineProps({
    */
   custom: {
     type: Boolean,
-    default: UIService.get(defaultConfig, ULink).default.custom,
+    default: getDefault(defaultConfig, ULink).custom,
   },
 
   /**
@@ -170,7 +170,7 @@ const props = defineProps({
    */
   replace: {
     type: Boolean,
-    default: UIService.get(defaultConfig, ULink).default.replace,
+    default: getDefault(defaultConfig, ULink).replace,
   },
 
   /**
@@ -178,7 +178,7 @@ const props = defineProps({
    */
   activeClass: {
     type: String,
-    default: UIService.get(defaultConfig, ULink).default.activeClass,
+    default: getDefault(defaultConfig, ULink).activeClass,
   },
 
   /**
@@ -186,7 +186,7 @@ const props = defineProps({
    */
   exactActiveClass: {
     type: String,
-    default: UIService.get(defaultConfig, ULink).default.exactActiveClass,
+    default: getDefault(defaultConfig, ULink).exactActiveClass,
   },
 
   /**
@@ -194,7 +194,7 @@ const props = defineProps({
    */
   wrapperActiveClass: {
     type: String,
-    default: UIService.get(defaultConfig, ULink).default.wrapperActiveClass,
+    default: getDefault(defaultConfig, ULink).wrapperActiveClass,
   },
 
   /**
@@ -202,7 +202,7 @@ const props = defineProps({
    */
   wrapperExactActiveClass: {
     type: String,
-    default: UIService.get(defaultConfig, ULink).default.wrapperExactActiveClass,
+    default: getDefault(defaultConfig, ULink).wrapperExactActiveClass,
   },
 
   /**
@@ -210,7 +210,7 @@ const props = defineProps({
    */
   underlined: {
     type: Boolean,
-    default: UIService.get(defaultConfig, ULink).default.underlined,
+    default: getDefault(defaultConfig, ULink).underlined,
   },
 
   /**
@@ -218,7 +218,7 @@ const props = defineProps({
    */
   dashed: {
     type: Boolean,
-    default: UIService.get(defaultConfig, ULink).default.dashed,
+    default: getDefault(defaultConfig, ULink).dashed,
   },
 
   /**
@@ -226,7 +226,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, ULink).default.disabled,
+    default: getDefault(defaultConfig, ULink).disabled,
   },
 
   /**
@@ -234,7 +234,7 @@ const props = defineProps({
    */
   block: {
     type: Boolean,
-    default: UIService.get(defaultConfig, ULink).default.block,
+    default: getDefault(defaultConfig, ULink).block,
   },
 
   /**
@@ -242,7 +242,7 @@ const props = defineProps({
    */
   noRing: {
     type: Boolean,
-    default: UIService.get(defaultConfig, ULink).default.noRing,
+    default: getDefault(defaultConfig, ULink).noRing,
   },
 
   /**

package/ui.button-toggle/index.vue

@@ -33,7 +33,7 @@ import { computed, provide, readonly } from "vue";
 
 import ULabel from "../ui.form-label";
 import UToggleItem from "../ui.button-toggle-item";
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 
 import defaultConfig from "./configs/default.config";
 import { UToggle, TYPE_RADIO, TYPE_CHECKBOX } from "./constants";
@@ -65,7 +65,7 @@ const props = defineProps({
    */
   variant: {
     type: String,
-    default: UIService.get(defaultConfig, UToggle).default.variant,
+    default: getDefault(defaultConfig, UToggle).variant,
   },
 
   /**
@@ -74,7 +74,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, UToggle).default.size,
+    default: getDefault(defaultConfig, UToggle).size,
   },
 
   /**
@@ -83,7 +83,7 @@ const props = defineProps({
    */
   labelAlign: {
     type: String,
-    default: UIService.get(defaultConfig, UToggle).default.labelAlign,
+    default: getDefault(defaultConfig, UToggle).labelAlign,
   },
 
   /**
@@ -115,7 +115,7 @@ const props = defineProps({
    */
   multiple: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UToggle).default.multiple,
+    default: getDefault(defaultConfig, UToggle).multiple,
   },
 
   /**
@@ -123,7 +123,7 @@ const props = defineProps({
    */
   separated: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UToggle).default.separated,
+    default: getDefault(defaultConfig, UToggle).separated,
   },
 
   /**
@@ -131,7 +131,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UToggle).default.disabled,
+    default: getDefault(defaultConfig, UToggle).disabled,
   },
 
   /**
@@ -139,7 +139,7 @@ const props = defineProps({
    */
   block: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UToggle).default.block,
+    default: getDefault(defaultConfig, UToggle).block,
   },
 
   /**
@@ -147,7 +147,7 @@ const props = defineProps({
    */
   pill: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UToggle).default.pill,
+    default: getDefault(defaultConfig, UToggle).pill,
   },
 
   /**
@@ -155,7 +155,7 @@ const props = defineProps({
    */
   square: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UToggle).default.square,
+    default: getDefault(defaultConfig, UToggle).square,
   },
 
   /**

package/ui.button-toggle-item/index.vue

@@ -45,7 +45,7 @@
 import { computed, inject, onMounted, ref } from "vue";
 
 import UButton from "../ui.button";
-import UIService, { getRandomId } from "../service.ui";
+import { getRandomId, getDefault } from "../service.ui";
 
 import { TYPE_RADIO } from "../ui.button-toggle/constants";
 
@@ -86,7 +86,7 @@ const props = defineProps({
    */
   disabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UToggleItem).default.disabled,
+    default: getDefault(defaultConfig, UToggleItem).disabled,
   },
 
   /**
@@ -125,14 +125,14 @@ const emit = defineEmits([
 
 /* eslint-disable prettier/prettier, vue/max-len */
 const getToggleName = inject("getToggleName", () => "toggle");
-const getToggleType = inject("getToggleType", () => UIService.get(defaultConfig, UToggleItem).default.type);
-const getToggleSize = inject("getToggleSize", () => UIService.get(defaultConfig, UToggleItem).default.size);
-const getTogglePill = inject("getTogglePill", () => UIService.get(defaultConfig, UToggleItem).default.pill);
-const getToggleBlock = inject("getToggleBlock", () => UIService.get(defaultConfig, UToggleItem).default.block);
-const getToggleSquare = inject("getToggleSquare", () => UIService.get(defaultConfig, UToggleItem).default.square);
-const getToggleVariant = inject("getToggleVariant",() => UIService.get(defaultConfig, UToggleItem).default.variant);
+const getToggleType = inject("getToggleType", () => getDefault(defaultConfig, UToggleItem).type);
+const getToggleSize = inject("getToggleSize", () => getDefault(defaultConfig, UToggleItem).size);
+const getTogglePill = inject("getTogglePill", () => getDefault(defaultConfig, UToggleItem).pill);
+const getToggleBlock = inject("getToggleBlock", () => getDefault(defaultConfig, UToggleItem).block);
+const getToggleSquare = inject("getToggleSquare", () => getDefault(defaultConfig, UToggleItem).square);
+const getToggleVariant = inject("getToggleVariant",() => getDefault(defaultConfig, UToggleItem).variant);
 const getToggleSeparated = inject("getToggleSeparated", () => true);
-const getToggleDisabled = inject("getToggleDisabled", () => props.disabled || UIService.get(defaultConfig, UToggleItem).default.disabled);
+const getToggleDisabled = inject("getToggleDisabled", () => props.disabled || getDefault(defaultConfig, UToggleItem).disabled);
 /* eslint-enaable prettier/prettier, vue/max-len */
 
 const { selectedValue, updateSelectedValue } = inject("toggleSelectedValue", {});

package/ui.container-accordion/index.vue

@@ -24,7 +24,7 @@ import { computed, ref } from "vue";
 
 import UIcon from "../ui.image-icon";
 import UDivider from "../ui.container-divider";
-import UIService, { getRandomId } from "../service.ui";
+import { getRandomId, getDefault } from "../service.ui";
 
 import { UAccordion } from "./constants/index";
 import defaultConfig from "./configs/default.config";
@@ -64,7 +64,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, UAccordion).default.size,
+    default: getDefault(defaultConfig, UAccordion).size,
   },
 
   /**

package/ui.container-card/index.vue

@@ -41,7 +41,7 @@
 <script setup>
 import { computed, useSlots } from "vue";
 
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 import UHeader from "../ui.text-header";
 import UDivider from "../ui.container-divider";
 
@@ -78,7 +78,7 @@ const props = defineProps({
    */
   padding: {
     type: String,
-    default: UIService.get(defaultConfig, UCard).default.padding,
+    default: getDefault(defaultConfig, UCard).padding,
   },
 
   /**
@@ -86,7 +86,7 @@ const props = defineProps({
    */
   mobileFooterReverse: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UCard).default.mobileFooterReverse,
+    default: getDefault(defaultConfig, UCard).mobileFooterReverse,
   },
 
   /**

package/ui.container-col/index.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script setup>
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 
 import { UCol } from "./constants";
 import defaultConfig from "./configs/default.config";
@@ -22,7 +22,7 @@ const props = defineProps({
    */
   gap: {
     type: String,
-    default: UIService.get(defaultConfig, UCol).default.gap,
+    default: getDefault(defaultConfig, UCol).gap,
   },
 
   /**
@@ -31,7 +31,7 @@ const props = defineProps({
    */
   align: {
     type: String,
-    default: UIService.get(defaultConfig, UCol).default.align,
+    default: getDefault(defaultConfig, UCol).align,
   },
 
   /**
@@ -40,7 +40,7 @@ const props = defineProps({
    */
   justify: {
     type: String,
-    default: UIService.get(defaultConfig, UCol).default.justify,
+    default: getDefault(defaultConfig, UCol).justify,
   },
 
   /**
@@ -48,7 +48,7 @@ const props = defineProps({
    */
   reverse: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UCol).default.reverse,
+    default: getDefault(defaultConfig, UCol).reverse,
   },
 
   /**
@@ -56,7 +56,7 @@ const props = defineProps({
    */
   wrap: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UCol).default.wrap,
+    default: getDefault(defaultConfig, UCol).wrap,
   },
 
   /**

package/ui.container-divider/index.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script setup>
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 
 import { UDivider } from "./constants";
 import defaultConfig from "./configs/default.config";
@@ -33,7 +33,7 @@ const props = defineProps({
    */
   size: {
     type: String,
-    default: UIService.get(defaultConfig, UDivider).default.size,
+    default: getDefault(defaultConfig, UDivider).size,
   },
 
   /**
@@ -42,7 +42,7 @@ const props = defineProps({
    */
   variant: {
     type: String,
-    default: UIService.get(defaultConfig, UDivider).default.variant,
+    default: getDefault(defaultConfig, UDivider).variant,
   },
 
   /**
@@ -50,7 +50,7 @@ const props = defineProps({
    */
   dashed: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UDivider).default.dashed,
+    default: getDefault(defaultConfig, UDivider).dashed,
   },
 
   /**
@@ -58,7 +58,7 @@ const props = defineProps({
    */
   dotted: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UDivider).default.dotted,
+    default: getDefault(defaultConfig, UDivider).dotted,
   },
 
   /**
@@ -66,7 +66,7 @@ const props = defineProps({
    */
   vertical: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UDivider).default.vertical,
+    default: getDefault(defaultConfig, UDivider).vertical,
   },
 
   /**
@@ -74,7 +74,7 @@ const props = defineProps({
    */
   noBorder: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UDivider).default.noBorder,
+    default: getDefault(defaultConfig, UDivider).noBorder,
   },
 
   /**
@@ -82,7 +82,7 @@ const props = defineProps({
    */
   noPadding: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UDivider).default.noPadding,
+    default: getDefault(defaultConfig, UDivider).noPadding,
   },
 
   /**
@@ -90,7 +90,7 @@ const props = defineProps({
    */
   noTopPadding: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UDivider).default.noTopPadding,
+    default: getDefault(defaultConfig, UDivider).noTopPadding,
   },
 
   /**
@@ -98,7 +98,7 @@ const props = defineProps({
    */
   noBottomPadding: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UDivider).default.noBottomPadding,
+    default: getDefault(defaultConfig, UDivider).noBottomPadding,
   },
 
   /**
@@ -106,7 +106,7 @@ const props = defineProps({
    */
   noLeftPadding: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UDivider).default.noLeftPadding,
+    default: getDefault(defaultConfig, UDivider).noLeftPadding,
   },
 
   /**
@@ -114,7 +114,7 @@ const props = defineProps({
    */
   noRightPadding: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UDivider).default.noRightPadding,
+    default: getDefault(defaultConfig, UDivider).noRightPadding,
   },
 
   /**

package/ui.container-group/index.vue

@@ -32,7 +32,7 @@
 </template>
 
 <script setup>
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 import UDivider from "../ui.container-divider";
 import UHeader from "../ui.text-header";
 
@@ -58,7 +58,7 @@ const props = defineProps({
    */
   gap: {
     type: String,
-    default: UIService.get(defaultConfig, UGroup).default.gap,
+    default: getDefault(defaultConfig, UGroup).gap,
   },
 
   /**
@@ -66,7 +66,7 @@ const props = defineProps({
    */
   upperlined: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UGroup).default.upperlined,
+    default: getDefault(defaultConfig, UGroup).upperlined,
   },
 
   /**
@@ -74,7 +74,7 @@ const props = defineProps({
    */
   underlined: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UGroup).default.underlined,
+    default: getDefault(defaultConfig, UGroup).underlined,
   },
 
   /**

package/ui.container-modal/index.vue

@@ -103,7 +103,7 @@
 <script setup>
 import { computed, useSlots, watch, ref } from "vue";
 
-import UIService, { getRandomId } from "../service.ui";
+import { getRandomId, getDefault } from "../service.ui";
 
 import ULink from "../ui.button-link";
 import UIcon from "../ui.image-icon";
@@ -159,7 +159,7 @@ const props = defineProps({
    */
   width: {
     type: String,
-    default: UIService.get(defaultConfig, UModal).default.width,
+    default: getDefault(defaultConfig, UModal).width,
   },
 
   /**
@@ -167,7 +167,7 @@ const props = defineProps({
    */
   clickToClose: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UModal).default.clickToClose,
+    default: getDefault(defaultConfig, UModal).clickToClose,
   },
 
   /**
@@ -175,7 +175,7 @@ const props = defineProps({
    */
   closeIcon: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UModal).default.closeIcon,
+    default: getDefault(defaultConfig, UModal).closeIcon,
   },
 
   /**
@@ -183,7 +183,7 @@ const props = defineProps({
    */
   escToClose: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UModal).default.escToClose,
+    default: getDefault(defaultConfig, UModal).escToClose,
   },
 
   /**
@@ -191,7 +191,7 @@ const props = defineProps({
    */
   inner: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UModal).default.inner,
+    default: getDefault(defaultConfig, UModal).inner,
   },
 
   /**
@@ -199,7 +199,7 @@ const props = defineProps({
    */
   noDivider: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UModal).default.noDivider,
+    default: getDefault(defaultConfig, UModal).noDivider,
   },
 
   /**
@@ -207,7 +207,7 @@ const props = defineProps({
    */
   mobileFooterReverse: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UModal).default.mobileFooterReverse,
+    default: getDefault(defaultConfig, UModal).mobileFooterReverse,
   },
 
   /**
@@ -215,7 +215,7 @@ const props = defineProps({
    */
   mobileBottomAlign: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UModal).default.mobileBottomAlign,
+    default: getDefault(defaultConfig, UModal).mobileBottomAlign,
   },
 
   /**

package/ui.container-modal-confirm/index.stories.js

@@ -58,7 +58,9 @@ const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UModalConfirm, UButton, URow },
   setup() {
     function onClick(value) {
-      argTypes[args.enum].name === "color" ? (args.color = value) : (args.width = value);
+      argTypes[args.enum].name === "confirmColor"
+        ? (args.confirmColor = value)
+        : (args.width = value);
 
       args.modelValue = true;
     }
@@ -97,10 +99,10 @@ export const disableAcceptButton = DefaultTemplate.bind({});
 disableAcceptButton.args = { confirmDisabled: true };
 
 export const sizes = EnumVariantTemplate.bind({});
-sizes.args = { enum: "width", text: "" };
+sizes.args = { enum: "width" };
 
 export const color = EnumVariantTemplate.bind({});
-color.args = { enum: "color", text: "" };
+color.args = { enum: "confirmColor" };
 
 export const slotHeaderLeftBefore = DefaultTemplate.bind({});
 slotHeaderLeftBefore.args = {

package/ui.container-modal-confirm/index.vue

@@ -64,7 +64,7 @@
 import { computed } from "vue";
 import { merge } from "lodash-es";
 
-import UIService from "../service.ui";
+import { getDefault } from "../service.ui";
 
 import UButton from "../ui.button";
 import UModal from "../ui.container-modal";
@@ -108,7 +108,7 @@ const props = defineProps({
    */
   confirmColor: {
     type: String,
-    default: UIService.get(defaultConfig, UModalConfirm).default.confirmColor,
+    default: getDefault(defaultConfig, UModalConfirm).confirmColor,
   },
 
   /**
@@ -116,7 +116,7 @@ const props = defineProps({
    */
   confirmDisabled: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UModalConfirm).default.confirmDisabled,
+    default: getDefault(defaultConfig, UModalConfirm).confirmDisabled,
   },
 
   /**
@@ -124,7 +124,7 @@ const props = defineProps({
    */
   cancelButton: {
     type: Boolean,
-    default: UIService.get(defaultConfig, UModalConfirm).default.cancelButton,
+    default: getDefault(defaultConfig, UModalConfirm).cancelButton,
   },
 
   /**
@@ -133,7 +133,7 @@ const props = defineProps({
    */
   width: {
     type: String,
-    default: UIService.get(defaultConfig, UModalConfirm).default.width,
+    default: getDefault(defaultConfig, UModalConfirm).width,
   },
 
   /**

package/ui.container-page/composables/attrs.composable.js

@@ -1,5 +1,6 @@
 import useUI from "../../composable.ui";
-import { cva, cx, isMobileApp } from "../../service.ui";
+import { cva, cx } from "../../service.ui";
+import { isMobileApp } from "../../service.platform";
 
 import defaultConfig from "../configs/default.config";
 import { computed } from "vue";