@v1nt1248/3nclient-lib 0.1.11 → 0.1.13

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "description": "Library for 3NWeb clients",
   "type": "module",
   "files": [
@@ -36,7 +36,8 @@
     "build:components": "LIB_NAME=lib vite build",
     "build:plugins": "LIB_NAME=plugins vite build",
     "build:utils": "LIB_NAME=utils vite build",
-    "build": "pnpm run clean:dist && pnpm run build:components && pnpm run build:plugins && pnpm run build:utils && pnpm run copy:css",
+    "build": "pnpm run clean:dist && pnpm run build:plugins && pnpm run build:utils && pnpm run build:components && pnpm run copy:css",
+    "pack": "pnpm run build && npm pack && cp *.tgz ./dist && rm *.tgz",
     "preview": "vite preview",
     "stylelint": "stylelint --config .stylelint.config.cjs 'src/**/*.{vue,scss}'",
     "stylelint:fix": "stylelint --config .stylelint.config.cjs --fix 'src/**/*.{vue,scss}'",
@@ -61,7 +62,7 @@
   },
   "peerDependencies": {
     "pinia": "2.2.1",
-    "vue": "3.4.37"
+    "vue": "3.4.38"
   },
   "devDependencies": {
     "@types/lodash": "4.17.5",
@@ -70,9 +71,9 @@
     "@typescript-eslint/eslint-plugin": "8.0.1",
     "@typescript-eslint/parser": "8.0.1",
     "@vitejs/plugin-vue": "5.1.2",
-    "@vue/compiler-core": "3.4.37",
+    "@vue/compiler-core": "3.4.38",
     "@vue/eslint-config-typescript": "13.0.0",
-    "@vue/runtime-core": "3.4.37",
+    "@vue/runtime-core": "3.4.38",
     "@vuedx/typescript-plugin-vue": "0.7.6",
     "eslint": "9.9.0",
     "eslint-config-prettier": "^9.1.0",
@@ -98,7 +99,7 @@
     "vite-plugin-dts": "4.0.2",
     "vite-plugin-vue-devtools": "^7.3.7",
     "vitepress": "1.3.2",
-    "vue": "3.4.37",
+    "vue": "3.4.38",
     "vue-tsc": "2.0.29"
   },
   "packageManager": "pnpm@9.7.0",

package/src/components/ui3n-icon/ui3n-icon.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-/* eslint-disable @typescript-eslint/no-explicit-any */
+import { computed } from 'vue';
 import { Icon } from '@iconify/vue';
 import type { Ui3nIconEmits, Ui3nIconProps } from './types';
 
@@ -15,20 +15,23 @@ const props = withDefaults(
 );
 const emits = defineEmits<Ui3nIconEmits>();
 
-const onLoad = (value: any) => {
+const iconName = computed(() => `ic:${props.icon}`);
+
+function onLoad(value: unknown) {
   if (props.onLoad) {
     props.onLoad(value);
   }
-};
-const onClick = (ev: Event) => {
+}
+
+function onClick(ev: Event) {
   emits('click', ev);
-};
+}
 </script>
 
 <template>
   <icon
     :class="$style.icon"
-    :icon="icon"
+    :icon="iconName"
     :title="title"
     :inline="inline"
     :width="width"

package/src/components/ui3n-input/ui3n-input.vue

@@ -149,7 +149,7 @@ const validate = (text: string) => {
 
     <ui3n-icon
       v-if="displayStateMode === 'success' && displayStateWithIcon && !isFocused"
-      icon="check-circle-outline"
+      icon="sharp-check-circle-outline"
       :width="16"
       :height="16"
       color="var(--success-content-default)"

package/src/components/ui3n-notification/ui3n-notification.vue

@@ -19,25 +19,25 @@ const props = withDefaults(
 const stylesByTypes = {
   success: {
     color: 'var(--success-content-default)',
-    icon: 'warning',
+    icon: 'round-warning',
     iconColor: 'var(--success-fill-default)',
     iconRotate: 0,
   },
   warning: {
     color: 'var(--warning-content-default)',
-    icon: 'warning',
+    icon: 'round-warning',
     iconColor: 'var(--warning-fill-default)',
     iconRotate: 0,
   },
   info: {
     color: 'var(--info-content-default)',
-    icon: 'info',
+    icon: 'round-info',
     iconColor: 'var(--info-fill-default)',
     iconRotate: 90,
   },
   error: {
     color: 'var(--error-content-default)',
-    icon: 'info',
+    icon: 'round-info',
     iconColor: 'var(--error-fill-default)',
     iconRotate: 90,
   },

package/src/components/ui3n-table/ui3n-table-sort-icon.vue

@@ -12,8 +12,8 @@
 <template>
   <transition mode="out-in" name="fade">
     <ui3n-icon
-      :key="value === 'asc' ? 'arrow-downward' : 'arrow-upward'"
-      :icon="value === 'asc' ? 'arrow-downward' : 'arrow-upward'"
+      :key="value === 'asc' ? 'baseline-arrow-downward' : 'baseline-arrow-upward'"
+      :icon="value === 'asc' ? 'baseline-arrow-downward' : 'baseline-arrow-upward'"
       :width="iconSize"
       :height="iconSize"
       :color="iconColor"

package/src/components/ui3n-tooltip/ui3n-tooltip.vue

@@ -5,30 +5,29 @@ import type { Ui3nTooltipEmits, Ui3nTooltipProps, Ui3nTooltipSlots } from './typ
 
 const baseOffset = 5;
 
-const props = withDefaults(
-  defineProps<Ui3nTooltipProps>(),
-  {
-    color: 'var(--color-bg-control-secondary-default)',
-    textColor: 'var(--color-text-control-primary-default)',
-    placement: 'top',
-    positionStrategy: 'absolute',
-    offsetX: 0,
-    offsetY: 0,
-    trigger: 'hover',
-  },
-);
+const props = withDefaults(defineProps<Ui3nTooltipProps>(), {
+  color: 'var(--color-bg-control-secondary-default)',
+  textColor: 'var(--color-text-control-primary-default)',
+  placement: 'top',
+  positionStrategy: 'absolute',
+  offsetX: 0,
+  offsetY: 0,
+  trigger: 'hover',
+});
 
 const emits = defineEmits<Ui3nTooltipEmits>();
 defineSlots<Ui3nTooltipSlots>();
 
 const referenceElEventHandler = {
-  ...(props.trigger === 'hover' && !props.disabled && {
-    mouseenter: () => handleMouseEvents(true),
-    mouseleave: () => handleMouseEvents(false),
-  }),
-  ...(props.trigger === 'click' && !props.disabled && {
-    click: () => handleMouseEvents(!showTooltip.value),
-  }),
+  ...(props.trigger === 'hover' &&
+    !props.disabled && {
+      mouseenter: () => handleMouseEvents(true),
+      mouseleave: () => handleMouseEvents(false),
+    }),
+  ...(props.trigger === 'click' &&
+    !props.disabled && {
+      click: () => handleMouseEvents(!showTooltip.value),
+    }),
 };
 
 const showTooltip = ref(false);
@@ -72,10 +71,7 @@ const { floatingStyles, isPositioned, middlewareData } = useFloating(referenceEl
   open: showTooltip,
   placement: props.placement,
   strategy: props.positionStrategy,
-  middleware: [
-    offset(offsetOptions.value),
-    arrow({ element: floatingArrowEl, padding: 8 }),
-  ],
+  middleware: [offset(offsetOptions.value), arrow({ element: floatingArrowEl, padding: 8 })],
   whileElementsMounted: props.positionStrategy === 'fixed' ? autoUpdate : undefined,
 });
 
@@ -87,16 +83,13 @@ function handleMouseEvents(val: boolean) {
 
 watch(
   () => props.modelValue,
-  (val) => props.trigger === 'manual' && (showTooltip.value = val),
+  val => props.trigger === 'manual' && (showTooltip.value = val),
   { immediate: true },
 );
 
-watch(
-  isPositioned,
-  (val) => {
-    val ? emits('opened') : emits('closed');
-  },
-);
+watch(isPositioned, val => {
+  val ? emits('opened') : emits('closed');
+});
 </script>
 
 <template>
@@ -109,7 +102,12 @@ watch(
       <slot name="default" />
     </div>
 
-    <div ref="floatingEl" :class="$style.floating" :style="floatingStyles" v-if="showTooltip">
+    <div
+      ref="floatingEl"
+      :class="$style.floating"
+      :style="floatingStyles"
+      v-if="showTooltip"
+    >
       <slot name="content">
         <div :class="$style.content">
           {{ props.content }}

package/dist/plugins/icons/icons.d.ts

@@ -1,2 +0,0 @@
-import { Plugin } from 'vue';
-export declare const useIcons: Plugin;