@qikdev/vue-ui 0.2.268 → 0.2.271

package/dist/style.css

@@ -368,6 +368,57 @@ td div:hover .off[data-v-5e3e90be] {
 td div:hover .on[data-v-5e3e90be] {
   opacity: 1;
 }
+.basic-input-style[data-v-0e48d460] {
+  color: inherit;
+  background: color-mix(in lab, currentColor 4%, transparent);
+  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
+}
+td[data-v-0e48d460] {
+  white-space: nowrap;
+}
+td div[data-v-0e48d460] {
+  padding: 0.5em 1em;
+  margin: 0.1em;
+  background: color-mix(in lab, currentColor 8%, transparent);
+  border-radius: 5em;
+  display: block;
+  line-height: 1;
+  font-size: 0.7em;
+  cursor: pointer;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  text-align: center;
+  position: relative;
+}
+td div.overdue[data-v-0e48d460] {
+  color: red;
+}
+td div .spacer[data-v-0e48d460] {
+  visibility: hidden !important;
+}
+td div .on[data-v-0e48d460],
+td div .off[data-v-0e48d460] {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  transition: opacity 0.1s;
+}
+td div .on[data-v-0e48d460] {
+  opacity: 0;
+}
+td div .off[data-v-0e48d460] {
+  opacity: 1;
+}
+td div[data-v-0e48d460]:hover {
+  background: color-mix(in lab, currentColor 10%, transparent);
+}
+td div:hover .off[data-v-0e48d460] {
+  opacity: 0;
+}
+td div:hover .on[data-v-0e48d460] {
+  opacity: 1;
+}
 .basic-input-style[data-v-897e69cd] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
@@ -576,16 +627,16 @@ td[data-v-f7f4a65b] {
 .content-type-cell[data-v-3c0f4d89] {
   white-space: nowrap;
 }
-.basic-input-style[data-v-356ff495] {
+.basic-input-style[data-v-455cdd3a] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.value[data-v-356ff495] {
+.value[data-v-455cdd3a] {
   display: inline-block;
   margin: 0.05em;
 }
-.nowrap[data-v-356ff495] {
+.nowrap[data-v-455cdd3a] {
   white-space: nowrap;
 }
 .basic-input-style[data-v-fbdf91c9] {
@@ -1333,12 +1384,12 @@ li.expanded > .ux-link .caret[data-v-cbfd31c1] {
   opacity: 1;
   transition: all 0.2s;
 }
-.basic-input-style[data-v-c85564d7] {
+.basic-input-style[data-v-ef9643d5] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-pill[data-v-c85564d7] {
+.ux-pill[data-v-ef9643d5] {
   padding: 0.5em 1em;
   margin: 0.1em;
   background: color-mix(in lab, currentColor 8%, transparent);
@@ -1354,7 +1405,7 @@ li.expanded > .ux-link .caret[data-v-cbfd31c1] {
   text-overflow: ellipsis;
   overflow: hidden;
 }
-.ux-pill.has-link[data-v-c85564d7]:hover {
+.ux-pill.has-link[data-v-ef9643d5]:hover {
   border: 1px solid color-mix(in lab, currentColor 50%, transparent);
   color: color-mix(in lab, currentColor 60%, transparent);
 }
@@ -2247,19 +2298,19 @@ textarea[data-v-a44b8610]:focus {
 .ux-text-area-single[data-v-a44b8610] {
   width: 100%;
 }
-.basic-input-style[data-v-0a1f6c52] {
+.basic-input-style[data-v-9d835b9a] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.filter-condition[data-v-0a1f6c52] {
+.filter-condition[data-v-9d835b9a] {
   padding: 0.2em;
   border-radius: 0.3em;
   background: var(--bg1, #fff);
   border: 1px solid rgba(0, 0, 0, 0.1);
   margin: 0.2em 0.5em;
 }
-label[data-v-0a1f6c52] {
+label[data-v-9d835b9a] {
   display: block;
   text-transform: uppercase;
   font-weight: 700;
@@ -2267,60 +2318,60 @@ label[data-v-0a1f6c52] {
   font-size: 0.7em;
   margin-top: 0.2em;
 }
-.basic-input-style[data-v-d9b697ae] {
+.basic-input-style[data-v-0f375f15] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.filter-rule[data-v-d9b697ae] {
+.filter-rule[data-v-0f375f15] {
   padding: 0.5em;
   border-radius: 0.5em;
   box-shadow: 0 0.1em 0.5em #0000000d;
   margin-bottom: 0.5em;
 }
 @media (prefers-color-scheme: light) {
-  .filter-rule[data-v-d9b697ae] {
+  .filter-rule[data-v-0f375f15] {
     background: var(--bg1, #fff);
     border: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .filter-rule[data-v-d9b697ae] {
+  .filter-rule[data-v-0f375f15] {
     background: color-mix(in lab, #000 1%, transparent);
     border: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
-.filter-rule .top[data-v-d9b697ae] {
+.filter-rule .top[data-v-0f375f15] {
   margin: 0 0.5em 0.2em;
 }
-.filter-rule .operator-cell[data-v-d9b697ae] {
+.filter-rule .operator-cell[data-v-0f375f15] {
   position: relative;
 }
-.filter-rule .operator-cell.and .line[data-v-d9b697ae] {
+.filter-rule .operator-cell.and .line[data-v-0f375f15] {
   background: green;
 }
-.filter-rule .operator-cell.and .operator[data-v-d9b697ae] {
+.filter-rule .operator-cell.and .operator[data-v-0f375f15] {
   background: green;
   color: #fff;
 }
-.filter-rule .operator-cell.or .line[data-v-d9b697ae] {
+.filter-rule .operator-cell.or .line[data-v-0f375f15] {
   background: orange;
 }
-.filter-rule .operator-cell.or .operator[data-v-d9b697ae] {
+.filter-rule .operator-cell.or .operator[data-v-0f375f15] {
   background: orange;
   color: #fff;
 }
-.filter-rule .operator-cell.nor .line[data-v-d9b697ae] {
+.filter-rule .operator-cell.nor .line[data-v-0f375f15] {
   background: #000;
 }
-.filter-rule .operator-cell.nor .operator[data-v-d9b697ae] {
+.filter-rule .operator-cell.nor .operator[data-v-0f375f15] {
   background: #000;
   color: #fff;
 }
-.filter-rule .operator-cell.last .line[data-v-d9b697ae] {
+.filter-rule .operator-cell.last .line[data-v-0f375f15] {
   background: #ff0066;
 }
-.filter-rule .line[data-v-d9b697ae] {
+.filter-rule .line[data-v-0f375f15] {
   position: absolute;
   width: 0.1em;
   display: block;
@@ -2329,7 +2380,7 @@ label[data-v-0a1f6c52] {
   top: 0;
   bottom: 0;
 }
-.filter-rule .operator[data-v-d9b697ae] {
+.filter-rule .operator[data-v-0f375f15] {
   border-radius: 50%;
   position: relative;
   width: 3em;
@@ -2345,37 +2396,37 @@ label[data-v-0a1f6c52] {
   font-weight: 600;
   display: block;
 }
-.filter-rule .summary[data-v-d9b697ae] {
+.filter-rule .summary[data-v-0f375f15] {
   font-size: 0.8em;
   opacity: 0.5;
 }
-.filter-rule .summary .native-select[data-v-d9b697ae] {
+.filter-rule .summary .native-select[data-v-0f375f15] {
   display: inline-block;
   border: 1px solid transparent;
   border-radius: 0.3em;
   padding: 0.2em;
 }
-.filter-rule .summary .native-select[data-v-d9b697ae]:hover {
+.filter-rule .summary .native-select[data-v-0f375f15]:hover {
   background: var(--bg1, #fff);
   border-color: var(--primary);
 }
-.basic-input-style[data-v-0b5eaf75] {
+.basic-input-style[data-v-36e9ec13] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.filter-builder .summary[data-v-0b5eaf75] {
+.filter-builder .summary[data-v-36e9ec13] {
   font-size: 0.8em;
   opacity: 0.8;
   padding: 0.3em 0.7em;
 }
-.filter-builder .summary .native-select[data-v-0b5eaf75] {
+.filter-builder .summary .native-select[data-v-36e9ec13] {
   display: inline-block;
   border: 1px solid transparent;
   border-radius: 0.3em;
   padding: 0.2em;
 }
-.filter-builder .summary .native-select[data-v-0b5eaf75]:hover {
+.filter-builder .summary .native-select[data-v-36e9ec13]:hover {
   background: var(--bg1, #fff);
   border-color: var(--primary);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qikdev/vue-ui",
-  "version": "0.2.268",
+  "version": "0.2.271",
   "files": [
     "dist"
   ],