@timus-networks/theme 2.4.288 → 2.4.291

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@timus-networks/theme",
   "configKey": "themeOptions",
-  "version": "2.4.287",
+  "version": "2.4.290",
   "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.287";
+const version = "2.4.290";
 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

@@ -13702,6 +13702,24 @@ heights > $common-component-size
   color: var(--el-select-disabled-color);
 }
 
+.el-select__wrapper.is-disabled.is-filterable .el-select__selection {
+  overflow: hidden;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.el-select__wrapper.is-disabled.is-filterable .el-select__placeholder {
+  position: relative;
+  top: auto;
+  transform: none;
+  width: auto;
+  max-width: 100%;
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .el-select__prefix {
   display: flex;
   align-items: center;
@@ -13983,36 +14001,6 @@ heights > $common-component-size
   flex-wrap: wrap;
 }
 
-.el-form-items .el-select .el-select__placeholder {
-  min-width: 0;
-  max-width: 100%;
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger) {
-  flex: 0 1 auto;
-  min-width: 0;
-  overflow: hidden;
-  max-width: 100%;
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger):has(+ .el-select__selected-item.el-tooltip__trigger) {
-  max-width: calc(100% - 3rem);
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger) .el-tag {
-  max-width: 100% !important;
-  width: 100%;
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item.el-tooltip__trigger {
-  flex: 0 0 auto;
-  width: auto;
-  max-width: none;
-  position: static;
-  display: inline-flex;
-  align-items: center;
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item.el-tooltip__trigger .el-tag {
-  width: auto !important;
-  max-width: none !important;
-}
-
 .el-skeleton {
   --el-skeleton-circle-size: var(--el-avatar-size);
 }
@@ -16599,6 +16587,9 @@ heights > $common-component-size
 .el-tag .el-tag__close {
   flex-shrink: 0;
   color: var(--el-tag-text-color);
+  height: stretch;
+  margin-left: 4px;
+  margin-right: -3px;
 }
 .el-tag .el-tag__close:hover {
   color: var(--el-color-white);
@@ -16635,11 +16626,6 @@ heights > $common-component-size
   height: var(--el-icon-size);
   width: var(--el-icon-size);
 }
-.el-tag .el-tag__close {
-  margin-left: 8px;
-  margin-left: 4px;
-  margin-right: -3px;
-}
 .el-tag--dark {
   --el-tag-text-color: var(--el-color-white);
   --el-tag-bg-color: var(--el-color-primary);

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

@@ -12810,6 +12810,24 @@ h6,
   color: var(--el-select-disabled-color);
 }
 
+.el-select__wrapper.is-disabled.is-filterable .el-select__selection {
+  overflow: hidden;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.el-select__wrapper.is-disabled.is-filterable .el-select__placeholder {
+  position: relative;
+  top: auto;
+  transform: none;
+  width: auto;
+  max-width: 100%;
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .el-select__prefix {
   display: flex;
   align-items: center;
@@ -13091,36 +13109,6 @@ h6,
   flex-wrap: wrap;
 }
 
-.el-form-items .el-select .el-select__placeholder {
-  min-width: 0;
-  max-width: 100%;
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger) {
-  flex: 0 1 auto;
-  min-width: 0;
-  overflow: hidden;
-  max-width: 100%;
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger):has(+ .el-select__selected-item.el-tooltip__trigger) {
-  max-width: calc(100% - 3rem);
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger) .el-tag {
-  max-width: 100% !important;
-  width: 100%;
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item.el-tooltip__trigger {
-  flex: 0 0 auto;
-  width: auto;
-  max-width: none;
-  position: static;
-  display: inline-flex;
-  align-items: center;
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item.el-tooltip__trigger .el-tag {
-  width: auto !important;
-  max-width: none !important;
-}
-
 .el-skeleton {
   --el-skeleton-circle-size: var(--el-avatar-size);
 }
@@ -15707,6 +15695,9 @@ h6,
 .el-tag .el-tag__close {
   flex-shrink: 0;
   color: var(--el-tag-text-color);
+  height: stretch;
+  margin-left: 4px;
+  margin-right: -3px;
 }
 .el-tag .el-tag__close:hover {
   color: var(--el-color-white);
@@ -15743,11 +15734,6 @@ h6,
   height: var(--el-icon-size);
   width: var(--el-icon-size);
 }
-.el-tag .el-tag__close {
-  margin-left: 8px;
-  margin-left: 4px;
-  margin-right: -3px;
-}
 .el-tag--dark {
   --el-tag-text-color: var(--el-color-white);
   --el-tag-bg-color: var(--el-color-primary);

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

@@ -552,6 +552,24 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   color: var(--el-select-disabled-color);
 }
 
+.el-select__wrapper.is-disabled.is-filterable .el-select__selection {
+  overflow: hidden;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.el-select__wrapper.is-disabled.is-filterable .el-select__placeholder {
+  position: relative;
+  top: auto;
+  transform: none;
+  width: auto;
+  max-width: 100%;
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .el-select__prefix {
   display: flex;
   align-items: center;
@@ -831,34 +849,4 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-select.wrap .el-select__selection {
   flex-wrap: wrap;
-}
-
-.el-form-items .el-select .el-select__placeholder {
-  min-width: 0;
-  max-width: 100%;
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger) {
-  flex: 0 1 auto;
-  min-width: 0;
-  overflow: hidden;
-  max-width: 100%;
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger):has(+ .el-select__selected-item.el-tooltip__trigger) {
-  max-width: calc(100% - 3rem);
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger) .el-tag {
-  max-width: 100% !important;
-  width: 100%;
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item.el-tooltip__trigger {
-  flex: 0 0 auto;
-  width: auto;
-  max-width: none;
-  position: static;
-  display: inline-flex;
-  align-items: center;
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item.el-tooltip__trigger .el-tag {
-  width: auto !important;
-  max-width: none !important;
 }

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

@@ -552,6 +552,24 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   color: var(--el-select-disabled-color);
 }
 
+.el-select__wrapper.is-disabled.is-filterable .el-select__selection {
+  overflow: hidden;
+  flex: 1 1 auto;
+  min-width: 0;
+}
+.el-select__wrapper.is-disabled.is-filterable .el-select__placeholder {
+  position: relative;
+  top: auto;
+  transform: none;
+  width: auto;
+  max-width: 100%;
+  flex: 1 1 auto;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .el-select__prefix {
   display: flex;
   align-items: center;
@@ -831,34 +849,4 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 
 .el-select.wrap .el-select__selection {
   flex-wrap: wrap;
-}
-
-.el-form-items .el-select .el-select__placeholder {
-  min-width: 0;
-  max-width: 100%;
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger) {
-  flex: 0 1 auto;
-  min-width: 0;
-  overflow: hidden;
-  max-width: 100%;
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger):has(+ .el-select__selected-item.el-tooltip__trigger) {
-  max-width: calc(100% - 3rem);
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item:not(.el-tooltip__trigger) .el-tag {
-  max-width: 100% !important;
-  width: 100%;
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item.el-tooltip__trigger {
-  flex: 0 0 auto;
-  width: auto;
-  max-width: none;
-  position: static;
-  display: inline-flex;
-  align-items: center;
-}
-.el-form-items .el-select .el-select__selection > .el-select__selected-item.el-tooltip__trigger .el-tag {
-  width: auto !important;
-  max-width: none !important;
 }

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

@@ -126,6 +126,29 @@
       @include e(suffix) {
         color: getCssVar('select-disabled-color');
       }
+
+      // Disabled filterable selects hide the input wrapper; the label lives in an
+      // absolutely positioned placeholder. Reset to flex flow so ellipsis can apply.
+      @include when(filterable) {
+        .#{$namespace}-select__selection {
+          overflow: hidden;
+          flex: 1 1 auto;
+          min-width: 0;
+        }
+
+        .#{$namespace}-select__placeholder {
+          position: relative;
+          top: auto;
+          transform: none;
+          width: auto;
+          max-width: 100%;
+          flex: 1 1 auto;
+          min-width: 0;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        }
+      }
     }
   }
 
@@ -329,43 +352,3 @@
     }
   }
 }
-
-// el-form-items value selects (rules port-input, ztna source, etc.) — collapse-tags layout
-.el-form-items .#{$namespace}-select {
-  .#{$namespace}-select__placeholder {
-    min-width: 0;
-    max-width: 100%;
-  }
-
-  .#{$namespace}-select__selection {
-    & > .#{$namespace}-select__selected-item:not(.#{$namespace}-tooltip__trigger) {
-      flex: 0 1 auto;
-      min-width: 0;
-      overflow: hidden;
-      max-width: 100%;
-
-      &:has(+ .#{$namespace}-select__selected-item.#{$namespace}-tooltip__trigger) {
-        max-width: calc(100% - 3rem);
-      }
-
-      .#{$namespace}-tag {
-        max-width: 100% !important;
-        width: 100%;
-      }
-    }
-
-    & > .#{$namespace}-select__selected-item.#{$namespace}-tooltip__trigger {
-      flex: 0 0 auto;
-      width: auto;
-      max-width: none;
-      position: static;
-      display: inline-flex;
-      align-items: center;
-
-      .#{$namespace}-tag {
-        width: auto !important;
-        max-width: none !important;
-      }
-    }
-  }
-}

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

@@ -380,6 +380,9 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
 .el-tag .el-tag__close {
   flex-shrink: 0;
   color: var(--el-tag-text-color);
+  height: stretch;
+  margin-left: 4px;
+  margin-right: -3px;
 }
 .el-tag .el-tag__close:hover {
   color: var(--el-color-white);
@@ -416,11 +419,6 @@ Bununla selectorun içerisine variable ekleyebiliyorsun
   height: var(--el-icon-size);
   width: var(--el-icon-size);
 }
-.el-tag .el-tag__close {
-  margin-left: 8px;
-  margin-left: 4px;
-  margin-right: -3px;
-}
 .el-tag--dark {
   --el-tag-text-color: var(--el-color-white);
   --el-tag-bg-color: var(--el-color-primary);

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

@@ -82,6 +82,9 @@ $tag-icon-span-gap: map.merge(
   .#{$namespace}-tag__close {
     flex-shrink: 0;
     color: getCssVar('tag', 'text-color');
+    height: stretch;
+    margin-left: 4px;
+    margin-right: -3px;
 
     &:hover {
       color: getCssVar('color-white');
@@ -106,12 +109,6 @@ $tag-icon-span-gap: map.merge(
     width: getCssVar('icon-size');
   }
 
-  .#{$namespace}-tag__close {
-    margin-left: map.get($tag-icon-span-gap, 'default');
-    margin-left: 4px;
-    margin-right: -3px;
-  }
-
   @include m(dark) {
     @include css-var-from-global(('tag', 'text-color'), ('color', 'white'));
     @include genTheme('', '', 'light-3');

package/package.json

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