@unsource/ui 2.7.14 → 2.7.17

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "unsource-ui",
   "configKey": "unsourceUi",
-  "version": "2.7.14",
+  "version": "2.7.17",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/UnCheckboxItem.d.vue.ts

@@ -10,6 +10,7 @@ type __VLS_Props = {
     item: CardItem;
     selected?: boolean;
     customClass?: CheckboxCustomClass;
+    disabled?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/UnCheckboxItem.vue

@@ -1,6 +1,7 @@
 <template>
   <div
-    class="px-4 py-3 flex items-center gap-2 transition duration-300 hover:bg-primary-100"
+    class="select-none group px-4 py-3 flex items-center gap-2 transition duration-300 hover:bg-primary-100"
+    :class="{ 'opacity-50 grayscale': disabled, 'disable': disabled, 'selected': selected }"
     @click="toggle"
   >
     <div
@@ -29,7 +30,8 @@ const emit = defineEmits(["input"]);
 const { customClass = {} } = defineProps({
   item: { type: Object, required: true },
   selected: { type: Boolean, required: false },
-  customClass: { type: Object, required: false }
+  customClass: { type: Object, required: false },
+  disabled: { type: Boolean, required: false }
 });
 const toggle = () => {
   emit("input");

package/dist/runtime/components/UnCheckboxItem.vue.d.ts

@@ -10,6 +10,7 @@ type __VLS_Props = {
     item: CardItem;
     selected?: boolean;
     customClass?: CheckboxCustomClass;
+    disabled?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/UnMap.vue

@@ -60,7 +60,9 @@ import { Style, Icon, Stroke, Fill } from "ol/style";
 import { Point, Circle as GeomCircle } from "ol/geom";
 import { fromLonLat, transform } from "ol/proj";
 import Big from "big.js";
-import { computed, NESHAN_API_KEY, NESHAN_WEB_KEY, ref, useDevice, useGeolocation, watch } from "#imports";
+import { computed, ref, useDevice, useGeolocation, watch } from "#imports";
+const NESHAN_API_KEY = window.NESHAN_API_KEY;
+const NESHAN_WEB_KEY = window.NESHAN_WEB_KEY;
 const emit = defineEmits(["select-point"]);
 const { points = [], readonly, marker } = defineProps({
   points: { type: Array, required: false },

package/dist/runtime/components/UnNormalInput.d.vue.ts

@@ -31,9 +31,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     password: boolean;
     appendIcon: string;
     label: string;
+    disabled: boolean;
     inputType: string;
     placeholder: string;
-    disabled: boolean;
     focusable: boolean;
     className: string;
     valueClassName: string;

package/dist/runtime/components/UnNormalInput.vue.d.ts

@@ -31,9 +31,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     password: boolean;
     appendIcon: string;
     label: string;
+    disabled: boolean;
     inputType: string;
     placeholder: string;
-    disabled: boolean;
     focusable: boolean;
     className: string;
     valueClassName: string;

package/dist/runtime/components/UnRadioItem.d.vue.ts

@@ -11,6 +11,7 @@ type __VLS_Props = {
     item: CardItem;
     selected?: boolean;
     customClass?: RadioCustomClass;
+    disabled?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/UnRadioItem.vue

@@ -1,12 +1,13 @@
 <template>
   <div
-    class="px-4 py-3 flex flex-row items-center gap-3 transition duration-300 hover:bg-primary-500/10 border-0 min-w-fit"
+    class="select-none group px-4 py-3 flex flex-row items-center gap-3 transition duration-300 hover:bg-primary-500/10 border-0 min-w-fit"
+    :class="{ 'opacity-50 grayscale': disabled, 'disable': disabled, 'selected': selected }"
     @click="toggle"
   >
     <div
       name="radio"
       :class="[customClass.radio, customClass[selected ? 'selected' : 'notSelected']?.radio]"
-      class="border-(1 solid primary) rounded-1/2 w-4 h-4 flex justify-center items-center"
+      class="group-[.disable]:border-secondary border-(1 solid primary) rounded-1/2 w-4 h-4 flex justify-center items-center"
     >
       <div
         name="radioInside"
@@ -26,13 +27,15 @@
 <script setup>
 import { _mergeWith, merge } from "#imports";
 const emit = defineEmits(["input"]);
-const { customClass = {} } = defineProps({
+const { customClass = {}, disabled } = defineProps({
   value: { type: null, required: true },
   item: { type: Object, required: true },
   selected: { type: Boolean, required: false },
-  customClass: { type: Object, required: false }
+  customClass: { type: Object, required: false },
+  disabled: { type: Boolean, required: false }
 });
 const toggle = () => {
+  if (disabled) return;
   emit("input");
 };
 </script>

package/dist/runtime/components/UnRadioItem.vue.d.ts

@@ -11,6 +11,7 @@ type __VLS_Props = {
     item: CardItem;
     selected?: boolean;
     customClass?: RadioCustomClass;
+    disabled?: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/UnSelect.vue

@@ -76,6 +76,7 @@
                 :class="[customClass.checkbox, customClass[value?.includes?.(Value(option)) ? 'selected' : 'notSelected']?.checkbox]"
                 :custom-class="customClass.checkboxItem"
                 :selected="value?.includes?.(Value(option))"
+                :disabled="option.disable"
                 @click="handleSelect(option)"
               />
               <UnButton
@@ -96,6 +97,7 @@
                 :class="[customClass.radio, customClass[isEqual(Value(option), value) ? 'selected' : 'notSelected']?.radio]"
                 :custom-class="customClass.radioItem"
                 :selected="isEqual(Value(option), value)"
+                :disabled="option.disable"
                 class="!min-w-60"
                 @click="handleSelect(option)"
               />
@@ -150,6 +152,7 @@ const Label = (option) => typeof option === "string" ? { title: option } : optio
 const Selected = computed(() => items.find((o) => isEqual(Value(o), value.value)));
 const IsSelected = (v) => items.find((o) => isEqual(Value(o), v));
 const handleSelect = (data) => {
+  if (data.disable) return;
   if (!multi) {
     value.value = Value(data);
     close();

package/dist/runtime/components/UnTab.d.vue.ts

@@ -10,7 +10,7 @@ type __VLS_Props = {
     routable?: boolean;
     routeTarget?: 'query' | 'hash' | 'name' | 'params';
     label?: string;
-    customClass?: Partial<Record<'label' | 'selectedLabel' | 'normalLabel' | 'title' | 'icon', string>>;
+    customClass?: Partial<Record<'label' | 'title' | 'icon', string>>;
 };
 type __VLS_ModelProps = {
     modelValue?: string | number;

package/dist/runtime/components/UnTab.vue

@@ -5,11 +5,10 @@
       :key="item.value"
       :class="[
   customClass.label,
-  item?.value === value ? customClass.selectedLabel : customClass.normalLabel,
-  item?.value === value ? 'font-semibold bg-primary-500 cursor-default border-b-primary' : 'border-b-border',
+  item?.value === value ? 'selected font-semibold bg-primary-500 cursor-default border-b-primary' : 'border-b-border',
   mini ? 'px-3' : ' px-4'
 ]"
-      class="flex gap-2 justify-center items-center flex-grow basis-1 border-b-(2 solid) cursor-pointer p-3 text-sm"
+      class="group flex gap-2 justify-center items-center flex-grow basis-1 border-b-(2 solid) cursor-pointer p-3 text-sm"
       @click="addToQuery(item)"
     >
       <input

package/dist/runtime/components/UnTab.vue.d.ts

@@ -10,7 +10,7 @@ type __VLS_Props = {
     routable?: boolean;
     routeTarget?: 'query' | 'hash' | 'name' | 'params';
     label?: string;
-    customClass?: Partial<Record<'label' | 'selectedLabel' | 'normalLabel' | 'title' | 'icon', string>>;
+    customClass?: Partial<Record<'label' | 'title' | 'icon', string>>;
 };
 type __VLS_ModelProps = {
     modelValue?: string | number;

package/dist/runtime/composables/global.d.ts

@@ -5,8 +5,6 @@ import Moment from 'jalali-moment';
 import Ajv from 'ajv';
 export declare const moment: typeof Moment;
 export declare const ajv: Ajv;
-export declare const NESHAN_API_KEY: any;
-export declare const NESHAN_WEB_KEY: any;
 export declare const logger: (...args: any) => void;
 export declare const s2n: (string: string | number) => string;
 export declare const sleep: (ms: any) => Promise<unknown>;

package/dist/runtime/composables/global.js

@@ -23,8 +23,6 @@ import Handlebars from "handlebars";
 import Ajv from "ajv";
 export const moment = Moment;
 export const ajv = new Ajv();
-export const NESHAN_API_KEY = window.NESHAN_API_KEY;
-export const NESHAN_WEB_KEY = window.NESHAN_WEB_KEY;
 export const logger = (...args) => console.log("logger=>>>", ...args);
 export const s2n = (string) => (string + "").replace(/[^\d.]|\.\./g, "");
 export const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
@@ -331,7 +329,7 @@ export const formattedAddress = async ([lng, lat]) => {
     {
       method: "GET",
       headers: {
-        "Api-Key": NESHAN_API_KEY
+        "Api-Key": window.NESHAN_API_KEY
       }
     }
   );
@@ -343,7 +341,7 @@ export const geoCodingAddress = async (address, coords) => {
     {
       method: "GET",
       headers: {
-        "Api-Key": NESHAN_API_KEY
+        "Api-Key": window.NESHAN_API_KEY
       }
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unsource/ui",
-  "version": "2.7.14",
+  "version": "2.7.17",
   "private": false,
   "description": "nuxt ui kit for unsource env",
   "repository": "https://github.com/alisa2142/unsource-ui",