@timus-networks/theme 2.4.245 → 2.4.246

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.244",
+  "version": "2.4.245",
   "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.244";
+const version = "2.4.245";
 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/assets/scss/main.css

@@ -13692,12 +13692,15 @@ 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;
   gap: 8px;
 }
+.el-select__selection.fix-width {
+  width: auto !important;
+}
 .el-select__selection .el-tag {
   cursor: pointer;
 }
@@ -13776,10 +13779,11 @@ heights > $common-component-size
 
 .el-select__input-wrapper {
   max-width: 100%;
+  width: 100%;
 }
 .el-select__input-wrapper input {
-  field-sizing: content;
   min-width: 2px !important;
+  width: 100%;
 }
 .el-select__input-wrapper.is-hidden {
   position: absolute;

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

@@ -12800,12 +12800,15 @@ h6,
 .el-select__selection {
   position: relative;
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
   align-items: center;
   flex: 1;
   min-width: 0;
   gap: 8px;
 }
+.el-select__selection.fix-width {
+  width: auto !important;
+}
 .el-select__selection .el-tag {
   cursor: pointer;
 }
@@ -12884,10 +12887,11 @@ h6,
 
 .el-select__input-wrapper {
   max-width: 100%;
+  width: 100%;
 }
 .el-select__input-wrapper input {
-  field-sizing: content;
   min-width: 2px !important;
+  width: 100%;
 }
 .el-select__input-wrapper.is-hidden {
   position: absolute;

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

@@ -564,12 +564,15 @@ 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;
   gap: 8px;
 }
+.el-select__selection.fix-width {
+  width: auto !important;
+}
 .el-select__selection .el-tag {
   cursor: pointer;
 }
@@ -648,10 +651,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-select__input-wrapper {
   max-width: 100%;
+  width: 100%;
 }
 .el-select__input-wrapper input {
-  field-sizing: content;
   min-width: 2px !important;
+  width: 100%;
 }
 .el-select__input-wrapper.is-hidden {
   position: absolute;

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

@@ -564,12 +564,15 @@ 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;
   gap: 8px;
 }
+.el-select__selection.fix-width {
+  width: auto !important;
+}
 .el-select__selection .el-tag {
   cursor: pointer;
 }
@@ -648,10 +651,11 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-select__input-wrapper {
   max-width: 100%;
+  width: 100%;
 }
 .el-select__input-wrapper input {
-  field-sizing: content;
   min-width: 2px !important;
+  width: 100%;
 }
 .el-select__input-wrapper.is-hidden {
   position: absolute;

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

@@ -139,13 +139,17 @@
   @include e(selection) {
     position: relative;
     display: flex;
-    flex-wrap: wrap;
-    // flex-wrap: nowrap;
+    // flex-wrap: wrap;
+    flex-wrap: nowrap;
     align-items: center;
     flex: 1;
     min-width: 0;
     gap: map.get($select-item-gap, 'default');
 
+    &.fix-width {
+      width: auto !important;
+    }
+
     @include when(near) {
       // margin: map.get($select-near-margin-left, 'default');
     }
@@ -212,11 +216,13 @@
 
   @include e(input-wrapper) {
     max-width: 100%;
+    width: 100%;
 
     input {
       //max-width: 2px !important;
-      field-sizing: content;
+      // field-sizing: content;
       min-width: 2px !important;
+      width: 100%;
     }
 
     @include when(hidden) {
@@ -290,3 +296,25 @@
     }
   }
 }
+
+// @include b(select-dropdown) {
+//   .fix-width {
+//     width: auto !important;
+//
+//     @include e(selection) {
+//       flex-wrap: nowrap;
+//     }
+//
+//     @include e(input-wrapper) {
+//       width: 100%;
+//
+//       input {
+//         field-sizing: fixed;
+//         width: calc(100% - 3px);
+//         // width: auto;
+//         // flex-shrink: 0;
+//         // flex-grow: 1;
+//       }
+//     }
+//   }
+// }

package/package.json

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