@timus-networks/theme 2.4.39 → 2.4.41

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.39",
+  "version": "2.4.41",
   "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.39";
+const version = "2.4.41";
 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.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/index.css

@@ -12332,7 +12332,6 @@ heights > $common-component-size
 }
 .el-select__wrapper {
   display: flex;
-  flex-wrap: nowrap;
   align-items: center;
   position: relative;
   box-sizing: border-box;
@@ -12429,7 +12428,7 @@ heights > $common-component-size
 .el-select__selection {
   position: relative;
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   align-items: center;
   flex: 1;
   min-width: 0;
@@ -16803,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/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/dist/runtime/public/scss/element-plus/select-v2.css

@@ -456,7 +456,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-select__wrapper {
   display: flex;
-  flex-wrap: nowrap;
   align-items: center;
   position: relative;
   box-sizing: border-box;
@@ -553,7 +552,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-select__selection {
   position: relative;
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   align-items: center;
   flex: 1;
   min-width: 0;

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

@@ -456,7 +456,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 }
 .el-select__wrapper {
   display: flex;
-  flex-wrap: nowrap;
   align-items: center;
   position: relative;
   box-sizing: border-box;
@@ -553,7 +552,7 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-select__selection {
   position: relative;
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   align-items: center;
   flex: 1;
   min-width: 0;

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

@@ -31,7 +31,6 @@
 
   @include e(wrapper) {
     display: flex;
-    flex-wrap: nowrap;
     align-items: center;
     position: relative;
     box-sizing: border-box;
@@ -139,7 +138,8 @@
   @include e(selection) {
     position: relative;
     display: flex;
-    flex-wrap: wrap;
+    // flex-wrap: wrap;
+    flex-wrap: nowrap;
     align-items: center;
     flex: 1;
     min-width: 0;

package/package.json

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