@timus-networks/theme 2.4.40 → 2.4.42

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.40",
+  "version": "2.4.42",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "2.0.0"

package/dist/module.mjs

@@ -11,7 +11,7 @@ const __filename = __cjs_url__.fileURLToPath(import.meta.url);
 const __dirname = __cjs_path__.dirname(__filename);
 const require = __cjs_mod__.createRequire(import.meta.url);
 const name = "@timus-networks/theme";
-const version = "2.4.40";
+const version = "2.4.42";
 const description = "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.";
 const type = "module";
 const exports = {

package/dist/runtime/components/development/example.checkbox.vue.d.ts

@@ -253,6 +253,10 @@ declare global {
     type __VLS_PrettifyGlobal<T> = {
         [K in keyof T]: T[K];
     } & {};
+    type __VLS_PickFunctionalComponentCtx<T, K> = NonNullable<__VLS_PickNotAny<'__ctx' extends keyof __VLS_PickNotAny<K, {}> ? K extends {
+        __ctx?: infer Ctx;
+    } ? Ctx : never : any, T extends (props: any, ctx: infer Ctx) => any ? Ctx : any>>;
+    type __VLS_UseTemplateRef<T> = Readonly<import('vue').ShallowRef<T | null>>;
     function __VLS_getVForSourceType(source: number): [number, number, number][];
     function __VLS_getVForSourceType(source: string): [string, number, number][];
     function __VLS_getVForSourceType<T extends any[]>(source: T): [
@@ -285,7 +289,7 @@ declare global {
     ][];
     function __VLS_getSlotParams<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>;
     function __VLS_getSlotParam<T>(slot: T): Parameters<__VLS_PickNotAny<NonNullable<T>, (...args: any[]) => any>>[0];
-    function __VLS_directiveAsFunction<T extends import('vue').Directive>(dir: T): T extends (...args: any) => any ? T | __VLS_unknownDirective : NonNullable<(T & Record<string, __VLS_unknownDirective>)['created' | 'beforeMount' | 'mounted' | 'beforeUpdate' | 'updated' | 'beforeUnmount' | 'unmounted']>;
+    function __VLS_asFunctionalDirective<T>(dir: T): T extends import('vue').ObjectDirective ? NonNullable<T['created' | 'beforeMount' | 'mounted' | 'beforeUpdate' | 'updated' | 'beforeUnmount' | 'unmounted']> : T extends (...args: any) => any ? T : __VLS_unknownDirective;
     function __VLS_withScope<T, K>(ctx: T, scope: K): ctx is T & K;
     function __VLS_makeOptional<T>(t: T): {
         [K in keyof T]?: T[K];
@@ -319,9 +323,6 @@ declare global {
     };
     function __VLS_elementAsFunction<T>(tag: T, endTag?: T): (_: T & Record<string, unknown>) => void;
     function __VLS_functionalComponentArgsRest<T extends (...args: any) => any>(t: T): 2 extends Parameters<T>['length'] ? [any] : [];
-    function __VLS_pickFunctionalComponentCtx<T, K>(comp: T, compInstance: K): NonNullable<__VLS_PickNotAny<'__ctx' extends keyof __VLS_PickNotAny<K, {}> ? K extends {
-        __ctx?: infer Ctx;
-    } ? Ctx : never : any, T extends (props: any, ctx: infer Ctx) => any ? Ctx : any>>;
     function __VLS_normalizeSlot<S>(s: S): S extends () => infer R ? (props: {}) => R : S;
     function __VLS_tryAsConstant<const T>(t: T): T;
 }

package/dist/runtime/components/development/example.dropdown.vue

@@ -12,6 +12,18 @@
           having to click it.
         </p>
         <div class="flex gap-2">
+          <el-dropdown placement="bottom-end" trigger="click">
+            <span class="el-dropdown-link">
+              Long Lont a text Serkan Konakcı<el-icon class="el-icon--right"><ElIconArrowDown /></el-icon>
+            </span>
+            <template #dropdown>
+              <el-dropdown-menu>
+                <el-dropdown-item>Profile</el-dropdown-item>
+                <el-dropdown-item>Sign out</el-dropdown-item>
+              </el-dropdown-menu>
+            </template>
+          </el-dropdown>
+
           <el-dropdown>
             <span class="el-dropdown-link">
               Dropdown List
@@ -156,7 +168,20 @@
   const size_list = ref(['default', 'large', 'medium', 'small', 'mini']);
   const size_selected = ref('default');
   const snippets = ref({
-    basic: `<el-link href="https://element-plus.org" target="_blank" type="secondary">default</el-link>`,
+    basic: `
+    <el-dropdown>
+      <span class="el-dropdown-link">
+        Dropdown List
+        <el-icon class="el-icon--right">
+          <ElIconArrowDown />
+        </el-icon>
+      </span>
+      <template #dropdown>
+        <el-dropdown-menu>
+          <el-dropdown-item v-for="item of [1, 2, 3, 4, 5]" :key="item" :disabled="item === 4" :divided="item === 5">Action {{ item }}</el-dropdown-item>
+        </el-dropdown-menu>
+      </template>
+    </el-dropdown>`,
     disabled: `<el-link type="secondary" disabled>default</el-link>`,
     underline: `<el-link :underline="false">Without Underline</el-link>`,
     icon: `<el-link class="isax-add icon-right">Check</el-link>`,

package/dist/runtime/public/scss/element-plus/color/index.scss

@@ -1,6 +1,5 @@
 @use 'sass:color';
 @use 'sass:string';
-@use 'sass:math';
 
 @function rgb2hex($color) {
   @return string.unquote('#' + #{string.slice(color.ie-hex-str($color), 4)});
@@ -8,11 +7,11 @@
 
 // rgba color above solid color
 @function mix-overlay-color($upper, $lower) {
-  $opacity: color.channel($upper, 'alpha');
+  $opacity: color.alpha($upper);
 
-  $red: math.round(color.channel($upper, 'red') * $opacity + color.channel($lower, 'red') * (1 - $opacity));
-  $green: math.round(color.channel($upper, 'green') * $opacity + color.channel($lower, 'green') * (1 - $opacity));
-  $blue: math.round(color.channel($upper, 'blue') * $opacity + color.channel($lower, 'blue') * (1 - $opacity));
+  $red: color.channel($upper, 'red') * $opacity + color.channel($lower, 'red') * (1 - $opacity);
+  $green: color.channel($upper, 'green') * $opacity + color.channel($lower, 'green') * (1 - $opacity);
+  $blue: color.channel($upper, 'blue') * $opacity + color.channel($lower, 'blue') * (1 - $opacity);
 
   @return rgb2hex(rgb($red, $green, $blue));
 }

package/dist/runtime/public/scss/element-plus/index.css

@@ -16802,6 +16802,14 @@ mark.el-text {
   border-right-color: transparent !important;
   border-top-color: transparent !important;
 }
+.el-popper[data-popper-placement$=-end] > .el-popper__arrow {
+  left: auto !important;
+  right: 10px !important;
+}
+.el-popper[data-popper-placement$=-start] > .el-popper__arrow {
+  right: auto !important;
+  left: 10px !important;
+}
 
 .el-statistic {
   --el-statistic-title-font-weight: 400;

package/dist/runtime/public/scss/element-plus/mixins/_var.scss

@@ -45,12 +45,7 @@
 
 @mixin set-css-color-rgb($type) {
   $color: map.get($colors, $type, 'base');
-  @include set-css-var-value(
-    ('color', $type, 'rgb'),
-    #{color.channel($color, 'red', $space: rgb),
-    color.channel($color, 'green', $space: rgb),
-    color.channel($color, 'blue', $space: rgb)}
-  );
+  @include set-css-var-value(('color', $type, 'rgb'), #{color.channel($color, 'red'), color.channel($color, 'green'), color.channel($color, 'blue')});
 }
 
 // generate css var from existing css var

package/dist/runtime/public/scss/element-plus/mixins/mixins.scss

@@ -1,5 +1,3 @@
-@use 'sass:map';
-@use 'sass:string';
 @use 'function' as *;
 @use '../common/var' as *;
 // forward mixins
@@ -7,6 +5,11 @@
 @forward 'function';
 @forward '_var';
 @use 'config' as *;
+@use 'sass:string';
+@use 'sass:map';
+
+$B: null;
+$E: null;
 
 // Break-points
 @mixin res($key, $map: $breakpoints) {

package/dist/runtime/public/scss/element-plus/popper.css

@@ -397,4 +397,12 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-popper[data-popper-placement^=right] .el-popper__arrow::before {
   border-right-color: transparent !important;
   border-top-color: transparent !important;
+}
+.el-popper[data-popper-placement$=-end] > .el-popper__arrow {
+  left: auto !important;
+  right: 10px !important;
+}
+.el-popper[data-popper-placement$=-start] > .el-popper__arrow {
+  right: auto !important;
+  left: 10px !important;
 }

package/dist/runtime/public/scss/element-plus/popper.scss

@@ -104,4 +104,14 @@
       }
     }
   }
+
+  &[data-popper-placement$='-end'] > #{$arrow-selector} {
+    left: auto !important;
+    right: 10px !important;
+  }
+
+  &[data-popper-placement$='-start'] > #{$arrow-selector} {
+    right: auto !important;
+    left: 10px !important;
+  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timus-networks/theme",
-  "version": "2.4.40",
+  "version": "2.4.42",
   "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
   "type": "module",
   "exports": {