@qikdev/vue-ui 0.2.269 → 0.2.272

package/dist/style.css

@@ -368,15 +368,15 @@ td div:hover .off[data-v-5e3e90be] {
 td div:hover .on[data-v-5e3e90be] {
   opacity: 1;
 }
-.basic-input-style[data-v-024c8385] {
+.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-024c8385] {
+td[data-v-0e48d460] {
   white-space: nowrap;
 }
-td div[data-v-024c8385] {
+td div[data-v-0e48d460] {
   padding: 0.5em 1em;
   margin: 0.1em;
   background: color-mix(in lab, currentColor 8%, transparent);
@@ -391,32 +391,32 @@ td div[data-v-024c8385] {
   text-align: center;
   position: relative;
 }
-td div .overdue[data-v-024c8385] {
+td div.overdue[data-v-0e48d460] {
   color: red;
 }
-td div .spacer[data-v-024c8385] {
+td div .spacer[data-v-0e48d460] {
   visibility: hidden !important;
 }
-td div .on[data-v-024c8385],
-td div .off[data-v-024c8385] {
+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-024c8385] {
+td div .on[data-v-0e48d460] {
   opacity: 0;
 }
-td div .off[data-v-024c8385] {
+td div .off[data-v-0e48d460] {
   opacity: 1;
 }
-td div[data-v-024c8385]:hover {
+td div[data-v-0e48d460]:hover {
   background: color-mix(in lab, currentColor 10%, transparent);
 }
-td div:hover .off[data-v-024c8385] {
+td div:hover .off[data-v-0e48d460] {
   opacity: 0;
 }
-td div:hover .on[data-v-024c8385] {
+td div:hover .on[data-v-0e48d460] {
   opacity: 1;
 }
 .basic-input-style[data-v-897e69cd] {
@@ -1088,12 +1088,12 @@ tr.inactive[data-v-fbdf91c9]:after {
 .ux-btn-disabled .ux-btn-text[data-v-beb835e7] {
   opacity: 0.3;
 }
-.basic-input-style[data-v-831dacfa] {
+.basic-input-style[data-v-54bb07ba] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-checkbox[data-v-831dacfa] {
+.ux-checkbox[data-v-54bb07ba] {
   color: inherit;
   border-radius: 0.3em;
   display: inline-block;
@@ -1112,7 +1112,7 @@ tr.inactive[data-v-fbdf91c9]:after {
   font-size: inherit;
   vertical-align: top;
 }
-.ux-checkbox .icon[data-v-831dacfa] {
+.ux-checkbox .icon[data-v-54bb07ba] {
   opacity: 0;
   position: absolute;
   top: 50%;
@@ -1120,18 +1120,18 @@ tr.inactive[data-v-fbdf91c9]:after {
   transform: scale(0) translate(-50%, -50%);
   transition: all 0.2s;
 }
-.ux-checkbox.ux-checkbox-true[data-v-831dacfa] {
+.ux-checkbox.ux-checkbox-true[data-v-54bb07ba] {
   background: var(--primary);
 }
-.ux-checkbox.ux-checkbox-true .icon[data-v-831dacfa] {
+.ux-checkbox.ux-checkbox-true .icon[data-v-54bb07ba] {
   color: #fff;
   opacity: 1;
   transform: scale(1) translate(-50%, -50%);
 }
-.ux-checkbox[data-v-831dacfa]:hover {
+.ux-checkbox[data-v-54bb07ba]:hover {
   border-color: var(--primary);
 }
-.ux-checkbox:hover .icon[data-v-831dacfa] {
+.ux-checkbox:hover .icon[data-v-54bb07ba] {
   opacity: 0.5 !important;
   transform: scale(1) translate(-50%, -50%);
 }
@@ -1210,18 +1210,18 @@ a.disabled[data-v-7a924ee2] {
   cursor: none;
   pointer-events: none;
 }
-.basic-input-style[data-v-028189aa] {
+.basic-input-style[data-v-e7a15ac2] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-icon.ux-icon-left[data-v-028189aa] {
+.ux-icon.ux-icon-left[data-v-e7a15ac2] {
   margin-right: 0.4em;
 }
-.ux-icon.ux-icon-right[data-v-028189aa] {
+.ux-icon.ux-icon-right[data-v-e7a15ac2] {
   margin-left: 0.4em;
 }
-.ux-icon.ux-icon-fixed[data-v-028189aa] {
+.ux-icon.ux-icon-fixed[data-v-e7a15ac2] {
   width: 1em;
   text-align: center;
 }
@@ -1384,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);
@@ -1405,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);
 }
@@ -2123,16 +2123,16 @@ textarea[data-v-251e7614]:focus {
 .ux-text-area-single[data-v-251e7614] {
   width: 100%;
 }
-.basic-input-style[data-v-06e121d1],
-input[data-v-06e121d1] {
+.basic-input-style[data-v-caf11f6c],
+input[data-v-caf11f6c] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-text-row[data-v-06e121d1] {
+.ux-text-row[data-v-caf11f6c] {
   margin-bottom: 0.5em;
 }
-input[data-v-06e121d1] {
+input[data-v-caf11f6c] {
   border-radius: 0.1em;
   padding: 0.5em;
   box-sizing: border-box;
@@ -2142,19 +2142,19 @@ input[data-v-06e121d1] {
   line-height: 1;
   height: 2.5em;
 }
-input[data-v-06e121d1]::-webkit-calendar-picker-indicator {
+input[data-v-caf11f6c]::-webkit-calendar-picker-indicator {
   background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23bbbbbb" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');
 }
-input[data-v-06e121d1]:focus {
+input[data-v-caf11f6c]:focus {
   background: none;
   border: 1px solid var(--primary);
   outline: none;
 }
-.ux-text-row .ux-btn[data-v-06e121d1] {
+.ux-text-row .ux-btn[data-v-caf11f6c] {
   margin-left: 0.25em;
 }
-.ux-text-input-multiple[data-v-06e121d1],
-.ux-text-input-single[data-v-06e121d1] {
+.ux-text-input-multiple[data-v-caf11f6c],
+.ux-text-input-single[data-v-caf11f6c] {
   width: 100%;
 }
 .basic-input-style[data-v-b9cac2ad],
@@ -2222,43 +2222,43 @@ input[data-v-b6688859]:focus {
 .ux-text-input-single[data-v-b6688859] {
   width: 100%;
 }
-.basic-input-style[data-v-a323c6c7] {
+.basic-input-style[data-v-7c5620c6] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.date-section[data-v-a323c6c7] {
+.date-section[data-v-7c5620c6] {
   padding: 0.7em 0.5em;
   background: color-mix(in lab, currentColor 8%, transparent);
   min-width: 0.5em;
   text-align: center;
 }
-.date-section .ux-icon[data-v-a323c6c7] {
+.date-section .ux-icon[data-v-7c5620c6] {
   opacity: 0.3;
   font-size: 0.6em;
   margin: 0;
   display: none;
 }
-.date-section.shrink[data-v-a323c6c7] {
+.date-section.shrink[data-v-7c5620c6] {
   min-width: none;
   padding-left: 0;
   padding-right: 0;
 }
-.native-select[data-v-a323c6c7]:focus-within {
+.native-select[data-v-7c5620c6]:focus-within {
   outline: 1px solid var(--primary);
 }
-.native-select:hover .date-section[data-v-a323c6c7] {
+.native-select:hover .date-section[data-v-7c5620c6] {
   background: rgba(0, 0, 0, 0.07);
 }
-.spacer[data-v-a323c6c7] {
+.spacer[data-v-7c5620c6] {
   flex: none;
   width: 1em;
 }
-.first .date-section[data-v-a323c6c7] {
+.first .date-section[data-v-7c5620c6] {
   border-radius: 0.4em 0 0 0.4em;
   padding-left: 0.7em;
 }
-.last .date-section[data-v-a323c6c7] {
+.last .date-section[data-v-7c5620c6] {
   border-radius: 0 0.4em 0.4em 0;
   padding-right: 0.7em;
 }
@@ -2298,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;
@@ -2318,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;
@@ -2380,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;
@@ -2396,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);
 }
@@ -2889,16 +2889,16 @@ input[data-v-c8feb6c2]:focus {
   display: flex;
   min-height: 300px;
 }
-.basic-input-style[data-v-b4b9db80] {
+.basic-input-style[data-v-3b0b28c4] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.search[data-v-b4b9db80] {
+.search[data-v-3b0b28c4] {
   position: relative;
   width: 100%;
 }
-.search > .icon[data-v-b4b9db80] {
+.search > .icon[data-v-3b0b28c4] {
   position: absolute;
   right: 0;
   top: 50%;
@@ -2906,10 +2906,10 @@ input[data-v-c8feb6c2]:focus {
   bottom: 0;
   padding: 0 1em;
 }
-.search input[data-v-b4b9db80] {
+.search input[data-v-3b0b28c4] {
   width: 100%;
   border-radius: 5em;
-  padding: 0.6em 1em;
+  padding: 0.5em 1em;
   box-sizing: border-box;
   font-size: inherit;
   appearance: none;
@@ -2918,7 +2918,7 @@ input[data-v-c8feb6c2]:focus {
   background: color-mix(in lab, currentColor 6%, transparent);
   border: 1px solid transparent;
 }
-.search input[data-v-b4b9db80]:focus {
+.search input[data-v-3b0b28c4]:focus {
   background: var(--bg1, #fff);
   border: 1px solid var(--primary);
   outline: none;
@@ -3246,18 +3246,18 @@ td[data-v-f5a130e8]:first-child {
   border-color: var(--primary);
   opacity: 0.5;
 }
-.basic-input-style[data-v-17f3c6e4] {
+.basic-input-style[data-v-55b28d57] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-field[data-v-17f3c6e4] {
+.ux-field[data-v-55b28d57] {
   margin-bottom: 1em;
 }
-.ux-field.ux-layout-only[data-v-17f3c6e4] {
+.ux-field.ux-layout-only[data-v-55b28d57] {
   margin-bottom: 0;
 }
-.ux-field .ux-field-message[data-v-17f3c6e4] {
+.ux-field .ux-field-message[data-v-55b28d57] {
   border: red;
   background: rgba(255, 0, 0, 0.1);
   color: red;
@@ -3267,23 +3267,23 @@ td[data-v-f5a130e8]:first-child {
   margin: 0.3em 0;
   display: inline-block;
 }
-[data-v-17f3c6e4] .ux-field-title {
+[data-v-55b28d57] .ux-field-title {
   margin-top: 0.5em;
   display: block;
   margin-bottom: 0.2em;
   font-size: 0.9em;
   font-weight: 700;
 }
-.ux-field.ux-field-hide[data-v-17f3c6e4] {
+.ux-field.ux-field-hide[data-v-55b28d57] {
   display: none !important;
   margin: 0 !important;
 }
-[data-v-17f3c6e4] .ux-field-description {
+[data-v-55b28d57] .ux-field-description {
   font-size: clamp(12px, 0.8em, 16px);
   opacity: 0.5;
   margin-bottom: 0.5em;
 }
-.ux-field.ux-field-error[data-v-17f3c6e4] > .ux-field-title {
+.ux-field.ux-field-error[data-v-55b28d57] > .ux-field-title {
   color: red;
 }
 .basic-input-style[data-v-f0b9d2cd] {

package/package.json

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