@timus-networks/theme 2.4.41 → 2.4.43

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.41",
+  "version": "2.4.43",
   "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.41";
+const version = "2.4.43";
 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/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/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/package.json

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

package/dist/runtime/components/production/timus-breadcrumb-documentation.md

@@ -1,72 +0,0 @@
-# Path Array Documentation
-
-This document describes the `path` array, which defines routing and navigation rules for a web application.
-
-## Structure
-
-Each object in the `path` array typically contains the following properties:
-
-- `regex`: A regular expression to match URL paths
-- `label`: A text label (usually a translation key) for the path
-- `path` (optional): A redirect path or default path
-- `hidden` (optional): A boolean indicating if the path should be hidden in navigation
-- `rest`: Additional regex to match against the remaining path
-
-## Key Concepts
-
-1. **Regular Expression Matching**: The `regex` property is used to match the current route. This allows for flexible and powerful route matching.
-
-2. **Hidden Routes**: By setting `hidden: true`, you can prevent certain routes from appearing in the breadcrumb. This is useful for intermediate pages or when you want to simplify the breadcrumb trail.
-
-3. **Custom Redirects**: The `path` property allows you to specify a custom destination when a breadcrumb item is clicked. If not specified, it defaults to the matched path.
-
-4. **Rest Path Handling**: The `rest` property is an additional condition. It's used to match against the remaining path after the main `regex` match. This allows for more granular control over when a rule should apply.
-
-5. **Labeling**: The `label` property specifies the translation key for the breadcrumb text. This supports internationalization.
-
-## Usage Notes
-
-- Order matters in the `PathList`. The component will use the last matching rule it finds, so more specific rules should come later in the list.
-
-- The `regex` property can include capturing groups, which can be used to extract dynamic parts of the route (like IDs).
-
-- When using the `rest` property, the rule will only apply if both the main `regex` and the `rest` regex match.
-
-- If no matching rule is found in `PathList`, the component will automatically generate a label based on the route segments.
-
-## Examples
-
-1. **Basic Route**
-
-   ```javascript
-   {
-     regex: /^\/settings$/,
-     path: '/settings/administrators?tab=administrators',
-     label: 'header.settings.text',
-   }
-   ```
-
-   This will match the "/settings" route, display "Settings" (or its translation), and redirect to the administrators tab when clicked.
-
-2. **Hidden Route**
-
-   ```javascript
-   {
-     regex: /^\/migrations$/,
-     hidden: true,
-   }
-   ```
-
-   This will prevent the "/migrations" route from appearing in the breadcrumb.
-
-3. **Dynamic Route with Rest Condition**
-   ```javascript
-   {
-     regex: /^\/customers\/([A-Za-z0-9\-_]+)$/,
-     rest: /^subscriptions$/,
-     hidden: true,
-   }
-   ```
-   This will hide the customer ID from the breadcrumb when viewing subscriptions, resulting in a cleaner "Home > Customers > Subscriptions" breadcrumb instead of "Home > Customers > [CustomerID] > Subscriptions".
-
-By carefully crafting your `PathList`, you can create intuitive and clean breadcrumb navigation for your application.

package/dist/runtime/components/production/timus-breadcrumb.vue

@@ -1,159 +0,0 @@
-<template>
-  <div class="flex gap-4 items-center">
-    <template v-if="false">
-      <!-- Back butonu entegre etmek istersek bu v-if'i silmek işi çözer -->
-      <el-button v-if="route.path !== '/'" class="isax-arrow-left outline" size="mini" @click="goBack" />
-    </template>
-    <el-breadcrumb separator="">
-      <el-breadcrumb-item v-for="(crumb, index) in list" :key="index" v-bind="index < list.length - 1 ? { to: { path: crumb.path } } : {}">
-        {{ $t(crumb.label) }}
-        <!--{{ crumb }} Tüm Objeyi Görüntülemek İçin Bunu Kullan -->
-      </el-breadcrumb-item>
-    </el-breadcrumb>
-  </div>
-</template>
-
-<script lang="ts">
-  /**
-   * tab,id,action gibi query parametrelerini alır route'un sonuna ekler ve onları da route.path gibi gösterir.
-   * bu parametresi sadece mevcutsa eklenir. Örnek: http://localhost:3000/customers/123?tab=details
-   * bu route'da tab=details olacak ve path'i resolve ederken ['customers', '123', 'details'] şu şekilde bir listeye dikkat edecektir.
-   *
-   * `hidden` ile match eden route `hidden` olarak tanimlanabilmektedir. Mesela http://localhost:3000/customers/details/123 adresinde
-   * {regex: `^\/customers\/details$`, hidden: true} gibi bir route tanımlandığında detail ile ilgili bir route breadrump'a eklenmez. Ama öncesindeki
-   * customers ve sonrasında 123 ile ilgili tanımlar yapıldıysa onlar eklenir (yapılmadıysa otomatik ekleyecektir).
-   *
-   * `rest` olarak tanımlanmışsa, match eden route'un sonrasında kalan path'a bakar ve rest ile belirtilen regex bu path ile match
-   * ederse o zaman ister `hidden` ile gizlersiniz, isterseniz `label` ile text'ini güncellersiniz. Örneğin birbirinin benzeri 2 adet link var diyelim.
-   * http://localhost:3000/customers/123, http://localhost:3000/customers/123/subscriptions gibi. 123 ile biten route'a bir text yazdırmak isterken
-   * diğerinin 123'e ait path'ine bir şey yazdırmak istemiyor olabilirsiniz.
-   * O zaman ilk route için {regex: `^\/customers\/([A-Za-z0-9\-_]+)$`, label: 'header.customers.details.text'} tanımlarken
-   * ikincisi için {regex: `^\/customers\/([A-Za-z0-9\-_]+)$`, rest: `^\/subscriptions$`, hidden: true} demeniz yeterli olacaktır.
-   * Rest burada ikinci bir condition gibi çalışmakadır.
-   *
-   * `path` ile match eden route tıklanıldığında path ile belirtilen route'a yönlendirilir. Tanımlanmazsa kendi path'ini alacaktır.
-   *
-   *`label` ile istediğiniz match eden route'a text verebilirsiniz.
-   *
-   * Rest ile ilgili detaylı açıklama:
-   *
-   * bu `customers/1363/subscriptions` gibi bir linki resolve ederken `1363` ile ilgili bir şey yazmasına engel olacaktır.
-   * bunu yaparken regex'i match eden route'un (customers/1363) sonrasında kalan path'a bakar, `rest` ile belirtilen
-   * Regex ile uyuşuyorsa (buradaki örnekte `subscriptions`) parantez içerisinde belirtilen kısmı navigasyona eklemez.
-   * Sonuç: `customers/subscriptions` şeklinde algılar.
-   *
-   * Dilerseniz `hidden:true` ile bu route gizleyebilirsiniz. Bu durumda breadcrumbda `home > customer > subscription` gibi bir sıralama yapılacaktır.
-   * Ya da `label` ile yeni bir isim verebilirsiniz.
-   *  {
-   *    regex: /^\/customers\/([A-Za-z0-9\-_]+)$/,
-   *    rest: /^subscriptions$/,
-   *    hidden: true,
-   *  },
-   *  {
-   *    regex: /^\/customers\/([A-Za-z0-9\-_]+)$/,
-   *    rest: /^subscriptions$/,
-   *    label: "yeni isim",
-   *  },
-   */
-</script>
-
-<script setup lang="ts">
-  import { computed } from 'vue';
-  import { useRoute, useRouter } from 'vue-router';
-
-  interface Breadcrumb {
-    regex: string;
-    path: string;
-    label: string;
-    hidden?: boolean;
-    rest?: string;
-    auto?: boolean;
-    value?: string;
-  }
-
-  interface Props {
-    onChange?: Array<() => void>;
-    paths: Array<Breadcrumb>;
-  }
-
-  const props = withDefaults(defineProps<Props>(), {
-    onChange: () => [],
-    paths: () => [],
-  });
-  const route = useRoute();
-  const list = computed<Breadcrumb[]>(() => {
-    const pathArray = route.path.split('/');
-    const { tab, id } = route.query;
-    const breadcrumbs: Breadcrumb[] = [];
-    let link = '';
-
-    breadcrumbs.push({
-      path: '/',
-      label: 'header.home.text',
-      regex: '\/',
-    });
-
-    pathArray.filter(Boolean).forEach((path, index) => {
-      link += '/' + path;
-      if (index === pathArray.length - 2 && id && !tab) {
-        link += '?id=' + id;
-      }
-      const matched = findBestMatch(link);
-
-      if (matched && !matched?.hidden) {
-        breadcrumbs.push(matched);
-      }
-    });
-
-    if (tab) {
-      const matched = findBestMatch(link + '/' + tab);
-
-      if (matched && !matched?.hidden) {
-        breadcrumbs.push(matched);
-      }
-    }
-
-    return breadcrumbs;
-  });
-  const findBestMatch = (url: string): Breadcrumb | null => {
-    let bestMatch: Breadcrumb | null = null;
-    let maxMatchLength = 0;
-
-    props.paths.forEach((route: Breadcrumb) => {
-      const regex = new RegExp(route.regex);
-
-      if (regex.test(url)) {
-        const match = url.match(regex);
-
-        if (match && match[0].length > maxMatchLength) {
-          maxMatchLength = match[0].length;
-          route.path = route.path ?? match[0]; // route.path tanımsızsa match[0] ile güncelle
-
-          if (match[1]) [, route.value] = match; // match[1] mevcutsa route.value güncelle, yoksa eski değeri koru
-
-          bestMatch = route;
-        }
-      }
-    });
-
-    if (!bestMatch) {
-      let label = 'header';
-      const filteredArray = url.split('/').filter(Boolean);
-
-      filteredArray.forEach((path) => {
-        label = label + `.${path}`;
-      });
-
-      bestMatch = {
-        label: label + '.text',
-        path: url,
-        auto: true,
-        regex: '',
-      };
-    }
-
-    return bestMatch;
-  };
-  const router = useRouter();
-  const goBack = () => router.go(-1);
-</script>