@qikdev/vue-ui 0.2.327 → 0.2.330

package/dist/vue-ui.css

@@ -1730,78 +1730,87 @@ input[data-v-4bea995b]:focus {
   bottom: 0;
   right: 0;
 }
-.basic-input-style[data-v-85f4366f] {
+.basic-input-style[data-v-7f413234] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.content-item[data-v-85f4366f] {
+.content-item[data-v-7f413234] {
   padding: 0.5em 0.8em;
   border-radius: 0.3em;
   cursor: pointer;
   margin-bottom: 1px;
+  position: relative;
+}
+.content-item .bar[data-v-7f413234] {
+  left: 0;
+  top: 0;
+  bottom: 0;
+  position: absolute;
+  width: 0.2em;
+  display: block;
 }
-.content-item .item-summary[data-v-85f4366f] {
+.content-item .item-summary[data-v-7f413234] {
   opacity: 0.5;
   font-size: 0.9em;
 }
-.content-item .item-title[data-v-85f4366f] {
+.content-item .item-title[data-v-7f413234] {
   font-weight: 500;
 }
 @media (prefers-color-scheme: light) {
-  .content-item[data-v-85f4366f] {
+  .content-item[data-v-7f413234] {
     background: var(--bg1, #fff);
     border: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .content-item[data-v-85f4366f] {
+  .content-item[data-v-7f413234] {
     background: color-mix(in lab, #000 1%, transparent);
     border: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
-.content-item[data-v-85f4366f]:last-child {
+.content-item[data-v-7f413234]:last-child {
   margin-bottom: 0;
 }
-.content-item.deleted .text[data-v-85f4366f] {
+.content-item.deleted .text[data-v-7f413234] {
   color: var(--error, red);
   text-decoration: line-through;
 }
-.content-item.inactive .text[data-v-85f4366f] {
+.content-item.inactive .text[data-v-7f413234] {
   opacity: 0.5;
 }
-.content-item .text[data-v-85f4366f] {
+.content-item .text[data-v-7f413234] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: pre-line;
 }
-.content-item .icon-wrapper[data-v-85f4366f] {
+.content-item .icon-wrapper[data-v-7f413234] {
   width: 25px;
   font-size: 20px;
   text-align: center;
 }
-.content-item .icon-wrapper.complete[data-v-85f4366f] {
+.content-item .icon-wrapper.complete[data-v-7f413234] {
   color: var(--success, green);
 }
-.content-item .icon-wrapper.pending[data-v-85f4366f] {
+.content-item .icon-wrapper.pending[data-v-7f413234] {
   color: var(--warning, orange);
 }
-.content-item .image-wrapper[data-v-85f4366f] {
+.content-item .image-wrapper[data-v-7f413234] {
   width: 2em;
   max-width: 50px;
 }
-.content-item .image-wrapper.profile[data-v-85f4366f] {
+.content-item .image-wrapper.profile[data-v-7f413234] {
   width: 2em;
   height: 2em;
   margin-right: 0.2em;
   background: #0000001a;
   border-radius: 100%;
 }
-.content-item[data-v-85f4366f]:hover {
+.content-item[data-v-7f413234]:hover {
   cursor: pointer;
   background: color-mix(in lab, currentColor 2%, transparent);
 }
-.content-item .pill[data-v-85f4366f] {
+.content-item .pill[data-v-7f413234] {
   border-radius: 3em;
   padding: 0.3em 0.6em;
   display: block;
@@ -1813,46 +1822,46 @@ input[data-v-4bea995b]:focus {
   color: color-mix(in lab, currentColor, transparent);
   border: 1px solid;
 }
-.content-item .pill.live[data-v-85f4366f],
-.content-item .pill.success[data-v-85f4366f],
-.content-item .pill.paid[data-v-85f4366f],
-.content-item .pill.active[data-v-85f4366f] {
+.content-item .pill.live[data-v-7f413234],
+.content-item .pill.success[data-v-7f413234],
+.content-item .pill.paid[data-v-7f413234],
+.content-item .pill.active[data-v-7f413234] {
   background: #e0f3bf;
   color: #569e2f;
 }
 @media (prefers-color-scheme: dark) {
-  .content-item .pill.live[data-v-85f4366f],
-  .content-item .pill.success[data-v-85f4366f],
-  .content-item .pill.paid[data-v-85f4366f],
-  .content-item .pill.active[data-v-85f4366f] {
+  .content-item .pill.live[data-v-7f413234],
+  .content-item .pill.success[data-v-7f413234],
+  .content-item .pill.paid[data-v-7f413234],
+  .content-item .pill.active[data-v-7f413234] {
     background: none;
   }
 }
-.content-item .pill.sandbox[data-v-85f4366f],
-.content-item .pill.pending[data-v-85f4366f],
-.content-item .pill.cancelling[data-v-85f4366f] {
+.content-item .pill.sandbox[data-v-7f413234],
+.content-item .pill.pending[data-v-7f413234],
+.content-item .pill.cancelling[data-v-7f413234] {
   background: #fbecbb;
   color: #d17a0e;
 }
 @media (prefers-color-scheme: dark) {
-  .content-item .pill.sandbox[data-v-85f4366f],
-  .content-item .pill.pending[data-v-85f4366f],
-  .content-item .pill.cancelling[data-v-85f4366f] {
+  .content-item .pill.sandbox[data-v-7f413234],
+  .content-item .pill.pending[data-v-7f413234],
+  .content-item .pill.cancelling[data-v-7f413234] {
     background: none;
   }
 }
-.content-item .pill.error[data-v-85f4366f],
-.content-item .pill.unpaid[data-v-85f4366f],
-.content-item .pill.deleted[data-v-85f4366f],
-.content-item .pill.failed[data-v-85f4366f] {
+.content-item .pill.error[data-v-7f413234],
+.content-item .pill.unpaid[data-v-7f413234],
+.content-item .pill.deleted[data-v-7f413234],
+.content-item .pill.failed[data-v-7f413234] {
   background: #fdd;
   color: #b14e4e;
 }
 @media (prefers-color-scheme: dark) {
-  .content-item .pill.error[data-v-85f4366f],
-  .content-item .pill.unpaid[data-v-85f4366f],
-  .content-item .pill.deleted[data-v-85f4366f],
-  .content-item .pill.failed[data-v-85f4366f] {
+  .content-item .pill.error[data-v-7f413234],
+  .content-item .pill.unpaid[data-v-7f413234],
+  .content-item .pill.deleted[data-v-7f413234],
+  .content-item .pill.failed[data-v-7f413234] {
     background: none;
   }
 }
@@ -2834,15 +2843,15 @@ textarea[data-v-63053873]:focus {
   bottom: 0;
   right: 0;
 }
-.basic-input-style[data-v-c0db0ca3] {
+.basic-input-style[data-v-639c59a6] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-range-slider-wrap[data-v-c0db0ca3] {
+.ux-range-slider-wrap[data-v-639c59a6] {
   position: relative;
 }
-.ux-range-bubble[data-v-c0db0ca3] {
+.ux-range-bubble[data-v-639c59a6] {
   background: #000;
   color: #fff;
   padding: 2px 12px;
@@ -2857,10 +2866,10 @@ textarea[data-v-63053873]:focus {
   transform: translate(-50%);
   visibility: hidden;
 }
-.ux-range-bubble[data-v-c0db0ca3]:empty {
+.ux-range-bubble[data-v-639c59a6]:empty {
   display: none;
 }
-.ux-range-bubble[data-v-c0db0ca3]:after {
+.ux-range-bubble[data-v-639c59a6]:after {
   position: absolute;
   left: 50%;
   bottom: -5px;
@@ -2873,10 +2882,10 @@ textarea[data-v-63053873]:focus {
   border-right: 5px solid transparent;
   border-top: 5px solid #000;
 }
-.ux-range-slider-wrap:hover .ux-range-bubble[data-v-c0db0ca3] {
+.ux-range-slider-wrap:hover .ux-range-bubble[data-v-639c59a6] {
   visibility: visible;
 }
-.ux-range-slider[data-v-c0db0ca3] {
+.ux-range-slider[data-v-639c59a6] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
@@ -2894,7 +2903,7 @@ textarea[data-v-63053873]:focus {
   background: color-mix(in lab, currentColor 6%, transparent);
   border: 1px solid transparent;
 }
-.ux-range-slider[data-v-c0db0ca3]::-webkit-slider-thumb {
+.ux-range-slider[data-v-639c59a6]::-webkit-slider-thumb {
   transition: all 0.3s;
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -2909,7 +2918,7 @@ textarea[data-v-63053873]:focus {
     0 0 0.3em #0000004d,
     -2000.5em 0 0 2000em var(--primary);
 }
-.ux-range-slider[data-v-c0db0ca3]::-moz-slider-thumb {
+.ux-range-slider[data-v-639c59a6]::-moz-slider-thumb {
   transition: all 0.3s;
   -moz-appearance: none;
   -webkit-appearance: none;
@@ -2925,19 +2934,19 @@ textarea[data-v-63053873]:focus {
     0 0 0.3em #0000004d,
     -2000.5em 0 0 2000em var(--primary);
 }
-.basic-input-style[data-v-4f052481] {
+.basic-input-style[data-v-ae8ff721] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-slider-limit[data-v-4f052481] {
+.ux-slider-limit[data-v-ae8ff721] {
   width: 40px;
   display: block;
   text-align: center;
   opacity: 0.8;
   font-size: 0.8em;
 }
-.ux-slider-limit-value[data-v-4f052481] {
+.ux-slider-limit-value[data-v-ae8ff721] {
   width: 40px;
   display: block;
   text-align: center;
@@ -3225,12 +3234,12 @@ input[data-v-a94917d9]:focus {
   display: flex;
   min-height: 300px;
 }
-.basic-input-style[data-v-717a0fa2] {
+.basic-input-style[data-v-084b9220] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.results[data-v-717a0fa2] {
+.results[data-v-084b9220] {
   width: 100%;
   background: var(--bg1, #fff);
   border: 1px solid color-mix(in lab, currentColor 15%, transparent);
@@ -3240,41 +3249,41 @@ input[data-v-a94917d9]:focus {
   position: absolute;
   z-index: 2;
 }
-.location-search-outer[data-v-717a0fa2] {
+.location-search-outer[data-v-084b9220] {
   position: relative;
 }
-.result-item[data-v-717a0fa2] {
+.result-item[data-v-084b9220] {
   cursor: pointer;
   padding: 0.5em;
   border-bottom: 1px solid color-mix(in lab, currentColor 15%, transparent);
 }
-.result-item[data-v-717a0fa2]:last-child {
+.result-item[data-v-084b9220]:last-child {
   border-bottom: none;
 }
-.result-item.selected[data-v-717a0fa2] {
+.result-item.selected[data-v-084b9220] {
   background: var(--primary);
   color: #fff;
 }
-.result-item.selected .result-item-title[data-v-717a0fa2],
-.content-item-title[data-v-717a0fa2] {
+.result-item.selected .result-item-title[data-v-084b9220],
+.content-item-title[data-v-084b9220] {
   font-weight: 500;
 }
-.content-item-coordinates[data-v-717a0fa2],
-.content-item-subtitle[data-v-717a0fa2],
-.result-item-subtitle[data-v-717a0fa2] {
+.content-item-coordinates[data-v-084b9220],
+.content-item-subtitle[data-v-084b9220],
+.result-item-subtitle[data-v-084b9220] {
   font-size: 0.9em;
   opacity: 0.6;
 }
-.content-item-coordinates[data-v-717a0fa2] {
+.content-item-coordinates[data-v-084b9220] {
   font-size: 0.8em;
 }
-.content-item[data-v-717a0fa2] {
+.content-item[data-v-084b9220] {
   padding: 0.5em 0.8em;
   border-radius: 0.3em;
   cursor: pointer;
   margin-bottom: 0.5em;
 }
-.content-item .image-wrapper[data-v-717a0fa2] {
+.content-item .image-wrapper[data-v-084b9220] {
   width: 2em;
   height: 2em;
   line-height: 2em;
@@ -3284,18 +3293,18 @@ input[data-v-a94917d9]:focus {
   background: #0000000d;
 }
 @media (prefers-color-scheme: light) {
-  .content-item[data-v-717a0fa2] {
+  .content-item[data-v-084b9220] {
     background: var(--bg1, #fff);
     border: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .content-item[data-v-717a0fa2] {
+  .content-item[data-v-084b9220] {
     background: color-mix(in lab, #000 1%, transparent);
     border: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
-.content-item .text[data-v-717a0fa2] {
+.content-item .text[data-v-084b9220] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: pre-line;
@@ -3359,42 +3368,42 @@ a {
   min-height: 300px;
   margin-bottom: 5px;
 }
-.basic-input-style[data-v-720c23d6] {
+.basic-input-style[data-v-2eaaec20] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.calculations[data-v-720c23d6] {
+.calculations[data-v-2eaaec20] {
   width: 100%;
 }
-.calculation-modifier[data-v-720c23d6] {
+.calculation-modifier[data-v-2eaaec20] {
   font-style: italic;
   opacity: 0.5;
 }
-.modifier-set[data-v-720c23d6] {
+.modifier-set[data-v-2eaaec20] {
   font-weight: 500;
   opacity: 1;
   font-style: normal;
 }
-.modifier-visible-false[data-v-720c23d6] {
+.modifier-visible-false[data-v-2eaaec20] {
   text-decoration: line-through;
   font-style: italic;
   font-weight: 400;
   opacity: 0.5;
 }
-.grand-total[data-v-720c23d6] {
+.grand-total[data-v-2eaaec20] {
   font-size: 2em;
 }
-.grand-total td[data-v-720c23d6] {
+.grand-total td[data-v-2eaaec20] {
   padding-top: 0.5em;
 }
-tfoot[data-v-720c23d6] {
+tfoot[data-v-2eaaec20] {
   border-top: 2px solid rgba(0, 0, 0, 0.1);
 }
-td[data-v-720c23d6] {
+td[data-v-2eaaec20] {
   text-align: right;
 }
-td[data-v-720c23d6]:first-child {
+td[data-v-2eaaec20]:first-child {
   text-align: left;
 }
 .basic-input-style[data-v-1476a328] {
@@ -3862,18 +3871,18 @@ td[data-v-720c23d6]:first-child {
 .ux-render-flex .ux-field-render-flex[data-v-f2b5ec33] {
   flex: 1;
 }
-.basic-input-style[data-v-5371b6d6] {
+.basic-input-style[data-v-af54bfa4] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.content-browser[data-v-5371b6d6] {
+.content-browser[data-v-af54bfa4] {
   position: relative;
 }
-.loading[data-v-5371b6d6] {
+.loading[data-v-af54bfa4] {
   opacity: 0.5;
 }
-.filter-column[data-v-5371b6d6] {
+.filter-column[data-v-af54bfa4] {
   padding: 1em;
   background: color-mix(in lab, #000 1%, transparent);
   border-left: 1px solid color-mix(in lab, currentColor 18%, transparent);
@@ -3882,28 +3891,28 @@ td[data-v-720c23d6]:first-child {
   flex: none;
   font-size: clamp(13px, 0.8em, 17px);
 }
-.large-icon[data-v-5371b6d6] {
+.large-icon[data-v-af54bfa4] {
   font-size: 6em;
   margin-bottom: 1rem;
   opacity: 0.5;
 }
-.column-panel[data-v-5371b6d6] {
+.column-panel[data-v-af54bfa4] {
   background: #fff;
   font-size: 0.9em;
 }
-.empty[data-v-5371b6d6] {
+.empty[data-v-af54bfa4] {
   background: #0000000d;
   text-align: center;
   white-space: pre-line;
   align-items: center;
   justify-content: center;
 }
-.empty .panel[data-v-5371b6d6] {
+.empty .panel[data-v-af54bfa4] {
   margin-top: 1em;
   max-width: 400px;
   background: var(--bg1, #fff);
 }
-.footer[data-v-5371b6d6] {
+.footer[data-v-af54bfa4] {
   padding: 0.5em;
   border-top: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }

package/package.json

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