@qikdev/vue-ui 0.2.313 → 0.2.315

package/dist/style.css

@@ -913,27 +913,28 @@ tr.inactive[data-v-323b93e8]:after {
   background: #b14e4e;
   color: #fff;
 }
-.basic-input-style[data-v-bdd928b4] {
+.basic-input-style[data-v-0acb5372] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.avatar-image[data-v-bdd928b4] {
+.avatar-image[data-v-0acb5372] {
   width: 100%;
   display: block;
   border-radius: 100%;
   overflow: hidden;
   position: relative;
   background-color: color-mix(in lab, currentColor 25%, transparent);
+  container-type: inline-size;
 }
-.avatar-image .avatar-img[data-v-bdd928b4] {
+.avatar-image .avatar-img[data-v-0acb5372] {
   background-size: cover;
   background-position: center center;
   height: 0;
   padding-bottom: 100%;
   position: relative;
 }
-.avatar-image .initials[data-v-bdd928b4] {
+.avatar-image .initials[data-v-0acb5372] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -946,38 +947,42 @@ tr.inactive[data-v-323b93e8]:after {
   font-size: 0.9em;
   font-weight: 500;
   color: var(--bg1, currentColor);
+  font-size: 50cqw;
 }
-.basic-input-style[data-v-594a0385] {
+.basic-input-style[data-v-740b543a] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-spinner.large[data-v-594a0385] {
+.ux-spinner[data-v-740b543a] {
+  pointer-events: none;
+}
+.ux-spinner.large[data-v-740b543a] {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate3d(-50%, -50%, 0);
   font-size: clamp(50px, 10vw, 500px);
 }
-.ux-spinner svg[data-v-594a0385] {
+.ux-spinner svg[data-v-740b543a] {
   width: 1em !important;
   height: 1em !important;
   stroke: currentColor;
 }
-.ux-spinner .spinner_V8m1[data-v-594a0385] {
+.ux-spinner .spinner_V8m1[data-v-740b543a] {
   transform-origin: center;
-  animation: spinner_zKoa-594a0385 2s linear infinite;
+  animation: spinner_zKoa-740b543a 2s linear infinite;
 }
-.ux-spinner .spinner_V8m1 circle[data-v-594a0385] {
+.ux-spinner .spinner_V8m1 circle[data-v-740b543a] {
   stroke-linecap: round;
-  animation: spinner_YpZS-594a0385 1.5s ease-in-out infinite;
+  animation: spinner_YpZS-740b543a 1.5s ease-in-out infinite;
 }
-@keyframes spinner_zKoa-594a0385 {
+@keyframes spinner_zKoa-740b543a {
   to {
     transform: rotate(360deg);
   }
 }
-@keyframes spinner_YpZS-594a0385 {
+@keyframes spinner_YpZS-740b543a {
   0% {
     stroke-dasharray: 0 150;
     stroke-dashoffset: 0;
@@ -992,13 +997,13 @@ tr.inactive[data-v-323b93e8]:after {
     stroke-dashoffset: -59;
   }
 }
-.ux-spinner[lg][data-v-594a0385] {
+.ux-spinner[lg][data-v-740b543a] {
   font-size: 2em;
 }
-.ux-spinner[xl][data-v-594a0385] {
+.ux-spinner[xl][data-v-740b543a] {
   font-size: 4em;
 }
-.ux-spinner[xxl][data-v-594a0385] {
+.ux-spinner[xxl][data-v-740b543a] {
   font-size: 6em;
 }
 .basic-input-style[data-v-ea56e98b] {
@@ -1256,27 +1261,27 @@ a.disabled[data-v-7a924ee2] {
   width: 1em;
   text-align: center;
 }
-.basic-input-style[data-v-a19aee17] {
+.basic-input-style[data-v-7ef96353] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-menu-outer[data-v-a19aee17] {
+.ux-menu-outer[data-v-7ef96353] {
   position: absolute;
   z-index: 10;
   font-size: 12px;
 }
-.ux-menu-panel[data-v-a19aee17] {
+.ux-menu-panel[data-v-7ef96353] {
   position: absolute;
   max-height: 70vh;
   overflow: auto;
   border: 1px solid color-mix(in lab, currentColor 10%, transparent);
   box-shadow: 0 0.2em 1em #0000001a;
 }
-.ux-menu-panel.flex[data-v-a19aee17] {
+.ux-menu-panel.flex[data-v-7ef96353] {
   display: flex;
 }
-.ux-menu-panel[data-v-a19aee17] .ux-list-item {
+.ux-menu-panel[data-v-7ef96353] .ux-list-item {
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -1798,19 +1803,19 @@ input[data-v-4bea995b]:focus {
     background: none;
   }
 }
-.basic-input-style[data-v-1078f395],
-input[data-v-1078f395] {
+.basic-input-style[data-v-111b2532],
+input[data-v-111b2532] {
   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-1078f395] {
+.ux-text-row[data-v-111b2532] {
   margin-bottom: 0.5em;
 }
-[data-v-1078f395] .ux-list {
+[data-v-111b2532] .ux-list {
   font-size: 0.9em;
 }
-input[data-v-1078f395] {
+input[data-v-111b2532] {
   border-radius: 0.1em;
   padding: 0.5em;
   box-sizing: border-box;
@@ -1819,46 +1824,46 @@ input[data-v-1078f395] {
   line-height: 1;
   height: 2.5em;
 }
-input[data-v-1078f395]:focus {
+input[data-v-111b2532]:focus {
   background: none;
   border: 1px solid var(--primary);
   outline: none;
 }
-.ux-text-row .ux-btn[data-v-1078f395] {
+.ux-text-row .ux-btn[data-v-111b2532] {
   margin-left: 0.25em;
 }
-.ux-text-input-multiple[data-v-1078f395] {
+.ux-text-input-multiple[data-v-111b2532] {
   width: 100%;
 }
-.ux-text-input-single[data-v-1078f395] {
+.ux-text-input-single[data-v-111b2532] {
   width: calc(100% - 0.5em);
   margin: 0 0.5em 0 0;
 }
-.items[data-v-1078f395] {
+.items[data-v-111b2532] {
   border-radius: 0.3em;
   overflow: hidden;
   margin-bottom: 0.5em;
 }
 @media (prefers-color-scheme: light) {
-  .items[data-v-1078f395] {
+  .items[data-v-111b2532] {
     border: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .items[data-v-1078f395] {
+  .items[data-v-111b2532] {
     border: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
-.items .content-item[data-v-1078f395] {
+.items .content-item[data-v-111b2532] {
   border: none;
 }
 @media (prefers-color-scheme: light) {
-  .items .content-item[data-v-1078f395] {
+  .items .content-item[data-v-111b2532] {
     border-bottom: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .items .content-item[data-v-1078f395] {
+  .items .content-item[data-v-111b2532] {
     border-bottom: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
@@ -2540,19 +2545,19 @@ textarea[data-v-a44b8610]:focus {
 .ux-text-area-single[data-v-a44b8610] {
   width: 100%;
 }
-.basic-input-style[data-v-36fae159] {
+.basic-input-style[data-v-5b88df0c] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.filter-condition[data-v-36fae159] {
+.filter-condition[data-v-5b88df0c] {
   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-36fae159] {
+label[data-v-5b88df0c] {
   display: block;
   text-transform: uppercase;
   font-weight: 700;
@@ -2560,60 +2565,60 @@ label[data-v-36fae159] {
   font-size: 0.7em;
   margin-top: 0.2em;
 }
-.basic-input-style[data-v-6f64e2f1] {
+.basic-input-style[data-v-8ff51075] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.filter-rule[data-v-6f64e2f1] {
+.filter-rule[data-v-8ff51075] {
   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-6f64e2f1] {
+  .filter-rule[data-v-8ff51075] {
     background: var(--bg1, #fff);
     border: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .filter-rule[data-v-6f64e2f1] {
+  .filter-rule[data-v-8ff51075] {
     background: color-mix(in lab, #000 1%, transparent);
     border: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
-.filter-rule .top[data-v-6f64e2f1] {
+.filter-rule .top[data-v-8ff51075] {
   margin: 0 0.5em 0.2em;
 }
-.filter-rule .operator-cell[data-v-6f64e2f1] {
+.filter-rule .operator-cell[data-v-8ff51075] {
   position: relative;
 }
-.filter-rule .operator-cell.and .line[data-v-6f64e2f1] {
+.filter-rule .operator-cell.and .line[data-v-8ff51075] {
   background: green;
 }
-.filter-rule .operator-cell.and .operator[data-v-6f64e2f1] {
+.filter-rule .operator-cell.and .operator[data-v-8ff51075] {
   background: green;
   color: #fff;
 }
-.filter-rule .operator-cell.or .line[data-v-6f64e2f1] {
+.filter-rule .operator-cell.or .line[data-v-8ff51075] {
   background: orange;
 }
-.filter-rule .operator-cell.or .operator[data-v-6f64e2f1] {
+.filter-rule .operator-cell.or .operator[data-v-8ff51075] {
   background: orange;
   color: #fff;
 }
-.filter-rule .operator-cell.nor .line[data-v-6f64e2f1] {
+.filter-rule .operator-cell.nor .line[data-v-8ff51075] {
   background: #000;
 }
-.filter-rule .operator-cell.nor .operator[data-v-6f64e2f1] {
+.filter-rule .operator-cell.nor .operator[data-v-8ff51075] {
   background: #000;
   color: #fff;
 }
-.filter-rule .operator-cell.last .line[data-v-6f64e2f1] {
+.filter-rule .operator-cell.last .line[data-v-8ff51075] {
   background: #ff0066;
 }
-.filter-rule .line[data-v-6f64e2f1] {
+.filter-rule .line[data-v-8ff51075] {
   position: absolute;
   width: 0.1em;
   display: block;
@@ -2622,7 +2627,7 @@ label[data-v-36fae159] {
   top: 0;
   bottom: 0;
 }
-.filter-rule .operator[data-v-6f64e2f1] {
+.filter-rule .operator[data-v-8ff51075] {
   border-radius: 50%;
   position: relative;
   width: 3em;
@@ -2638,17 +2643,17 @@ label[data-v-36fae159] {
   font-weight: 600;
   display: block;
 }
-.filter-rule .summary[data-v-6f64e2f1] {
+.filter-rule .summary[data-v-8ff51075] {
   font-size: 0.8em;
   opacity: 0.5;
 }
-.filter-rule .summary .native-select[data-v-6f64e2f1] {
+.filter-rule .summary .native-select[data-v-8ff51075] {
   display: inline-block;
   border: 1px solid transparent;
   border-radius: 0.3em;
   padding: 0.2em;
 }
-.filter-rule .summary .native-select[data-v-6f64e2f1]:hover {
+.filter-rule .summary .native-select[data-v-8ff51075]:hover {
   background: var(--bg1, #fff);
   border-color: var(--primary);
 }
@@ -3767,18 +3772,18 @@ td[data-v-f5a130e8]:first-child {
   opacity: 0.5;
   font-size: 0.8em;
 }
-.basic-input-style[data-v-c2789f65] {
+.basic-input-style[data-v-bb72f98b] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.content-browser[data-v-c2789f65] {
+.content-browser[data-v-bb72f98b] {
   position: relative;
 }
-.loading[data-v-c2789f65] {
+.loading[data-v-bb72f98b] {
   opacity: 0.5;
 }
-.filter-column[data-v-c2789f65] {
+.filter-column[data-v-bb72f98b] {
   padding: 1em;
   background: color-mix(in lab, #000 1%, transparent);
   border-left: 1px solid color-mix(in lab, currentColor 18%, transparent);
@@ -3787,27 +3792,27 @@ td[data-v-f5a130e8]:first-child {
   flex: none;
   font-size: clamp(13px, 0.8em, 17px);
 }
-.large-icon[data-v-c2789f65] {
+.large-icon[data-v-bb72f98b] {
   font-size: 6em;
   margin-bottom: 1rem;
   opacity: 0.5;
 }
-.column-panel[data-v-c2789f65] {
+.column-panel[data-v-bb72f98b] {
   background: #fff;
   font-size: 0.9em;
 }
-.empty[data-v-c2789f65] {
+.empty[data-v-bb72f98b] {
   background: rgba(0, 0, 0, 0.05);
   text-align: center;
   white-space: pre-line;
   align-items: center;
   justify-content: center;
 }
-.empty .panel[data-v-c2789f65] {
+.empty .panel[data-v-bb72f98b] {
   max-width: 400px;
   background: var(--bg1, #fff);
 }
-.footer[data-v-c2789f65] {
+.footer[data-v-bb72f98b] {
   padding: 0.5em 1em;
   border-top: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
@@ -3942,59 +3947,59 @@ h5[data-v-fefac323] {
   font-size: 0.8em;
   opacity: 0.5;
 }
-.basic-input-style[data-v-99b9c871] {
+.basic-input-style[data-v-22036a05] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.wrapper[data-v-99b9c871] {
+.wrapper[data-v-22036a05] {
   border-radius: 0.5em;
   overflow: hidden;
   background: var(--bg1, #fff);
   text-align: left;
   display: flex;
 }
-.wrapper h5[data-v-99b9c871] {
+.wrapper h5[data-v-22036a05] {
   font-size: 1.2em;
   margin: 0;
 }
-.wrapper .padder[data-v-99b9c871] {
+.wrapper .padder[data-v-22036a05] {
   padding: 1em;
 }
-.wrapper .border-top[data-v-99b9c871] {
+.wrapper .border-top[data-v-22036a05] {
   border: 1px solid rgba(0, 0, 0, 0.1);
 }
-.basic-input-style[data-v-651362cd] {
+.basic-input-style[data-v-19a64345] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.wrapper[data-v-651362cd] {
+.wrapper[data-v-19a64345] {
   min-width: 80vw;
   min-height: 80vh;
   border-radius: 0.5em;
   overflow: hidden;
 }
-.header[data-v-651362cd] {
+.header[data-v-19a64345] {
   background: var(--bg1, #fff);
   padding: 1em;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
-.header h1[data-v-651362cd],
-.header h2[data-v-651362cd],
-.header h3[data-v-651362cd],
-.header h4[data-v-651362cd],
-.header h5[data-v-651362cd] {
+.header h1[data-v-19a64345],
+.header h2[data-v-19a64345],
+.header h3[data-v-19a64345],
+.header h4[data-v-19a64345],
+.header h5[data-v-19a64345] {
   margin: 0;
 }
-.rolodex[data-v-651362cd] {
+.rolodex[data-v-19a64345] {
   padding: 0.5em;
   white-space: nowrap;
   overflow-x: auto;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   text-align: center;
 }
-.rolodex .ux-btn[data-v-651362cd] {
+.rolodex .ux-btn[data-v-19a64345] {
   font-weight: 700;
 }
 .basic-input-style[data-v-0952db70] {

package/package.json

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