@qikdev/vue-ui 0.2.321 → 0.2.324

package/dist/vue-ui.css

@@ -609,31 +609,31 @@ td.failed .pill[data-v-bec5c4d1] {
     background: none;
   }
 }
-.basic-input-style[data-v-f928d09f] {
+.basic-input-style[data-v-7029d50e] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-td[data-v-f928d09f] {
+td[data-v-7029d50e] {
   line-height: 1.4em !important;
 }
-.title[data-v-f928d09f] {
+.title[data-v-7029d50e] {
   font-weight: 700;
   font-size: 1.1em;
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
 }
-.subtitle[data-v-f928d09f] {
+.subtitle[data-v-7029d50e] {
   font-size: 0.9em;
   opacity: 0.5;
 }
-.basic-input-style[data-v-e4870254] {
+.basic-input-style[data-v-60ac741e] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-circle[data-v-e4870254] {
+.ux-circle[data-v-60ac741e] {
   width: 0.8em;
   height: 0.8em;
   display: inline-block;
@@ -658,16 +658,16 @@ td[data-v-f7f4a65b] {
 .content-type-cell[data-v-3c0f4d89] {
   white-space: nowrap;
 }
-.basic-input-style[data-v-12d0b53b] {
+.basic-input-style[data-v-72fc4adc] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.value[data-v-12d0b53b] {
+.value[data-v-72fc4adc] {
   display: inline-block;
   margin: 0.05em;
 }
-.nowrap[data-v-12d0b53b] {
+.nowrap[data-v-72fc4adc] {
   white-space: nowrap;
 }
 .basic-input-style[data-v-323b93e8] {
@@ -689,27 +689,27 @@ tr.inactive[data-v-323b93e8]:after {
   display: block;
   pointer-events: none;
 }
-.basic-input-style[data-v-d2ab6b8a] {
+.basic-input-style[data-v-47af2afa] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.table-wrapper[data-v-d2ab6b8a] {
+.table-wrapper[data-v-47af2afa] {
   background: var(--bg1, #fff);
   display: flex;
   flex: 1;
   overflow: hidden;
 }
-.table-wrapper .table-scroll[data-v-d2ab6b8a] {
+.table-wrapper .table-scroll[data-v-47af2afa] {
   overflow: auto;
   position: relative;
   width: 100%;
 }
-.table-wrapper[data-v-d2ab6b8a] table {
+.table-wrapper[data-v-47af2afa] table {
   width: 100%;
   border-collapse: collapse;
 }
-.table-wrapper[data-v-d2ab6b8a] table thead th {
+.table-wrapper[data-v-47af2afa] table thead th {
   top: 0;
   position: sticky;
   text-transform: uppercase;
@@ -722,10 +722,10 @@ tr.inactive[data-v-323b93e8]:after {
   border-bottom: 1px solid color-mix(in lab, currentColor 3.5%, transparent);
   background: var(--bg1, #fff);
 }
-.table-wrapper[data-v-d2ab6b8a] table thead th .caret {
+.table-wrapper[data-v-47af2afa] table thead th .caret {
   opacity: 0.5;
 }
-.table-wrapper[data-v-d2ab6b8a] table thead th:before {
+.table-wrapper[data-v-47af2afa] table thead th:before {
   content: "";
   display: none;
   background: color-mix(in lab, currentColor 3.5%, transparent);
@@ -735,90 +735,90 @@ tr.inactive[data-v-323b93e8]:after {
   left: 0;
   top: 0;
 }
-.table-wrapper[data-v-d2ab6b8a] table thead th.table-select {
+.table-wrapper[data-v-47af2afa] table thead th.table-select {
   z-index: 3;
   font-size: 1em;
 }
-.table-wrapper[data-v-d2ab6b8a] table thead th.sortable {
+.table-wrapper[data-v-47af2afa] table thead th.sortable {
   cursor: pointer;
 }
-.table-wrapper[data-v-d2ab6b8a] table thead th.sortable:hover:before {
+.table-wrapper[data-v-47af2afa] table thead th.sortable:hover:before {
   display: block;
 }
-.table-wrapper[data-v-d2ab6b8a] table thead th.active:before {
+.table-wrapper[data-v-47af2afa] table thead th.active:before {
   display: block;
 }
-.table-wrapper[data-v-d2ab6b8a] table th.first,
-.table-wrapper[data-v-d2ab6b8a] table td.first {
+.table-wrapper[data-v-47af2afa] table th.first,
+.table-wrapper[data-v-47af2afa] table td.first {
   position: sticky;
   left: 0;
   text-align: center;
 }
-.table-wrapper[data-v-d2ab6b8a] table th.last,
-.table-wrapper[data-v-d2ab6b8a] table td.last {
+.table-wrapper[data-v-47af2afa] table th.last,
+.table-wrapper[data-v-47af2afa] table td.last {
   position: sticky;
   right: 0;
   text-align: center;
 }
-.table-wrapper[data-v-d2ab6b8a] table td,
-.table-wrapper[data-v-d2ab6b8a] table th {
+.table-wrapper[data-v-47af2afa] table td,
+.table-wrapper[data-v-47af2afa] table th {
   padding: 0.6em;
   line-height: 1;
 }
-.table-wrapper[data-v-d2ab6b8a] table td.shrink,
-.table-wrapper[data-v-d2ab6b8a] table th.shrink {
+.table-wrapper[data-v-47af2afa] table td.shrink,
+.table-wrapper[data-v-47af2afa] table th.shrink {
   width: 1px;
 }
-.table-wrapper[data-v-d2ab6b8a] table tr {
+.table-wrapper[data-v-47af2afa] table tr {
   border-bottom: 1px solid color-mix(in lab, currentColor 3.5%, transparent);
 }
-.table-wrapper[data-v-d2ab6b8a] table tr:last-of-type {
+.table-wrapper[data-v-47af2afa] table tr:last-of-type {
   border-bottom: none;
 }
-.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(2n) {
+.table-wrapper[data-v-47af2afa] table tr:nth-child(2n) {
   background: color-mix(in lab, currentColor 1%, var(--bg1));
 }
-.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(2n) th.first,
-.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(2n) td.first,
-.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(2n) th.last,
-.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(2n) td.last {
+.table-wrapper[data-v-47af2afa] table tr:nth-child(2n) th.first,
+.table-wrapper[data-v-47af2afa] table tr:nth-child(2n) td.first,
+.table-wrapper[data-v-47af2afa] table tr:nth-child(2n) th.last,
+.table-wrapper[data-v-47af2afa] table tr:nth-child(2n) td.last {
   background: color-mix(in lab, currentColor 1%, var(--bg1));
 }
-.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(odd) th.first,
-.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(odd) td.first,
-.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(odd) th.last,
-.table-wrapper[data-v-d2ab6b8a] table tr:nth-child(odd) td.last {
+.table-wrapper[data-v-47af2afa] table tr:nth-child(odd) th.first,
+.table-wrapper[data-v-47af2afa] table tr:nth-child(odd) td.first,
+.table-wrapper[data-v-47af2afa] table tr:nth-child(odd) th.last,
+.table-wrapper[data-v-47af2afa] table tr:nth-child(odd) td.last {
   background: var(--bg1, #fff);
 }
-.table-wrapper[data-v-d2ab6b8a] table tbody tr.selected,
-.table-wrapper[data-v-d2ab6b8a] table tbody tr.selected th.first,
-.table-wrapper[data-v-d2ab6b8a] table tbody tr.selected td.first,
-.table-wrapper[data-v-d2ab6b8a] table tbody tr.selected th.last,
-.table-wrapper[data-v-d2ab6b8a] table tbody tr.selected td.last {
+.table-wrapper[data-v-47af2afa] table tbody tr.selected,
+.table-wrapper[data-v-47af2afa] table tbody tr.selected th.first,
+.table-wrapper[data-v-47af2afa] table tbody tr.selected td.first,
+.table-wrapper[data-v-47af2afa] table tbody tr.selected th.last,
+.table-wrapper[data-v-47af2afa] table tbody tr.selected td.last {
   background: color-mix(in lab, var(--primary) 15%, var(--bg1));
   color: color-mix(in lab, var(--primary) 80%, currentColor);
 }
-.table-wrapper[data-v-d2ab6b8a] table tbody tr:hover,
-.table-wrapper[data-v-d2ab6b8a] table tbody tr:hover th.first,
-.table-wrapper[data-v-d2ab6b8a] table tbody tr:hover td.first,
-.table-wrapper[data-v-d2ab6b8a] table tbody tr:hover th.last,
-.table-wrapper[data-v-d2ab6b8a] table tbody tr:hover td.last {
+.table-wrapper[data-v-47af2afa] table tbody tr:hover,
+.table-wrapper[data-v-47af2afa] table tbody tr:hover th.first,
+.table-wrapper[data-v-47af2afa] table tbody tr:hover td.first,
+.table-wrapper[data-v-47af2afa] table tbody tr:hover th.last,
+.table-wrapper[data-v-47af2afa] table tbody tr:hover td.last {
   background: color-mix(in lab, var(--primary) 10%, var(--bg1));
   color: color-mix(in lab, var(--primary) 10%, currentColor);
 }
-.basic-input-style[data-v-4d64a70a] {
+.basic-input-style[data-v-9fabb548] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.native-select .select-input-wrapper[data-v-4d64a70a] {
+.native-select .select-input-wrapper[data-v-9fabb548] {
   cursor: pointer;
   position: relative;
 }
-.native-select .select-tags[data-v-4d64a70a] {
+.native-select .select-tags[data-v-9fabb548] {
   display: block;
 }
-.native-select .select-tags .select-tag[data-v-4d64a70a] {
+.native-select .select-tags .select-tag[data-v-9fabb548] {
   display: block;
   padding: 0.5em 0.5em 0.5em 1em;
   border-radius: 2em;
@@ -828,32 +828,32 @@ tr.inactive[data-v-323b93e8]:after {
   border: 1px solid rgba(0, 0, 0, 0.1);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.native-select .select-tags .select-tag a[data-v-4d64a70a] {
+.native-select .select-tags .select-tag a[data-v-9fabb548] {
   cursor: pointer;
   opacity: 0.3;
   display: inline-block;
 }
-.native-select .select-tags .select-tag a[data-v-4d64a70a]:hover {
+.native-select .select-tags .select-tag a[data-v-9fabb548]:hover {
   opacity: 1;
 }
-.native-select.multiple.pills .select-tag[data-v-4d64a70a] {
+.native-select.multiple.pills .select-tag[data-v-9fabb548] {
   display: inline-block;
   margin: 0 0.3em 0.3em 0;
   padding: 0.5em 0.5em 0.5em 1em;
 }
-.native-select.multiple.pills .select-tag a[data-v-4d64a70a] {
+.native-select.multiple.pills .select-tag a[data-v-9fabb548] {
   margin-left: 1em;
 }
-.native-select .ui-select-button[data-v-4d64a70a] {
+.native-select .ui-select-button[data-v-9fabb548] {
   position: relative;
   width: 100%;
 }
-.native-select .ui-select-button > .ux-btn[data-v-4d64a70a] {
+.native-select .ui-select-button > .ux-btn[data-v-9fabb548] {
   display: block;
   position: relative;
   text-align: left;
 }
-.native-select .ui-select-button > .ux-btn[data-v-4d64a70a]:after {
+.native-select .ui-select-button > .ux-btn[data-v-9fabb548]:after {
   content: "▼";
   position: absolute;
   right: 0;
@@ -867,7 +867,7 @@ tr.inactive[data-v-323b93e8]:after {
   text-align: center;
   opacity: 0.5;
 }
-.native-select select[data-v-4d64a70a] {
+.native-select select[data-v-9fabb548] {
   cursor: pointer;
   opacity: 0;
   -webkit-appearance: none;
@@ -882,12 +882,12 @@ tr.inactive[data-v-323b93e8]:after {
   right: 0;
   color: inherit;
 }
-.basic-input-style[data-v-ea61bb91] {
+.basic-input-style[data-v-93d339c8] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.text[data-v-ea61bb91] {
+.text[data-v-93d339c8] {
   opacity: 0.5;
   font-size: 0.8em;
 }
@@ -1457,13 +1457,13 @@ li.expanded > .ux-link .caret[data-v-cbfd31c1] {
   opacity: 1;
   transition: all 0.2s;
 }
-.basic-input-style[data-v-ef9643d5] {
+.basic-input-style[data-v-b6fb70d5] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-pill[data-v-ef9643d5] {
-  padding: 0.5em 1em;
+.ux-pill[data-v-b6fb70d5] {
+  padding: 0.5em;
   margin: 0.1em;
   background: color-mix(in lab, currentColor 8%, transparent);
   color: color-mix(in lab, currentColor 70%, transparent);
@@ -1478,7 +1478,13 @@ li.expanded > .ux-link .caret[data-v-cbfd31c1] {
   text-overflow: ellipsis;
   overflow: hidden;
 }
-.ux-pill.has-link[data-v-ef9643d5]:hover {
+.ux-pill .pill-avatar[data-v-b6fb70d5] {
+  width: 2em;
+  vertical-align: middle;
+  display: inline-block;
+  margin-right: 0.5em;
+}
+.ux-pill.has-link[data-v-b6fb70d5]:hover {
   border: 1px solid color-mix(in lab, currentColor 50%, transparent);
   color: color-mix(in lab, currentColor 60%, transparent);
 }
@@ -1952,35 +1958,35 @@ input[data-v-111b2532]:focus {
   border: 1px solid var(--primary);
   outline: none;
 }
-.basic-input-style[data-v-1f0deee2] {
+.basic-input-style[data-v-2ec1fbfc] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.invisible[data-v-1f0deee2] {
+.invisible[data-v-2ec1fbfc] {
   opacity: 0.5;
   pointer-events: none;
 }
-.search-component[data-v-1f0deee2] {
+.search-component[data-v-2ec1fbfc] {
   position: relative;
   width: 100%;
 }
-.face[data-v-1f0deee2] {
+.face[data-v-2ec1fbfc] {
   width: 20px;
 }
-.ux-content-search-selected-items[data-v-1f0deee2] {
+.ux-content-search-selected-items[data-v-2ec1fbfc] {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   margin-bottom: 8px;
 }
-.ux-content-search-selected-item[data-v-1f0deee2] {
+.ux-content-search-selected-item[data-v-2ec1fbfc] {
   background-color: #f0f0f0;
   padding: 4px 8px;
   border-radius: 4px;
   font-size: 14px;
 }
-.ux-content-search-options[data-v-1f0deee2] {
+.ux-content-search-options[data-v-2ec1fbfc] {
   position: absolute;
   max-height: 20vh;
   overflow-y: auto;
@@ -1991,7 +1997,7 @@ input[data-v-111b2532]:focus {
   margin-top: 4px;
   background-color: var(--bg1);
 }
-.ux-content-search-option.active[data-v-1f0deee2] {
+.ux-content-search-option.active[data-v-2ec1fbfc] {
   background-color: color-mix(in lab, var(--primary) 15%, var(--bg1));
 }
 .basic-input-style[data-v-ec70a3d8],
@@ -2614,19 +2620,19 @@ textarea[data-v-a44b8610]:focus {
 .ux-text-area-single[data-v-a44b8610] {
   width: 100%;
 }
-.basic-input-style[data-v-5b88df0c] {
+.basic-input-style[data-v-2d4fa4d5] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.filter-condition[data-v-5b88df0c] {
+.filter-condition[data-v-2d4fa4d5] {
   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-5b88df0c] {
+label[data-v-2d4fa4d5] {
   display: block;
   text-transform: uppercase;
   font-weight: 700;
@@ -3026,32 +3032,35 @@ input.ux-color-input[data-v-91624210] {
 .files .file-item[data-v-d29a9855]:last-child {
   border-bottom: none;
 }
-.basic-input-style[data-v-e6103f5e] {
+.basic-input-style[data-v-f3f7e2e1] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-multi-group[data-v-e6103f5e],
-.ux-single-group[data-v-e6103f5e] {
+.ux-multi-group[data-v-f3f7e2e1],
+.ux-single-group[data-v-f3f7e2e1] {
   margin: 2.5em 0;
 }
-.ux-multi-group[data-v-e6103f5e]:first-child,
-.ux-single-group[data-v-e6103f5e]:first-child {
+.ux-multi-group[data-v-f3f7e2e1]:first-child,
+.ux-single-group[data-v-f3f7e2e1]:first-child {
   margin-top: 0;
 }
-.ux-multi-group[data-v-e6103f5e]:last-child,
-.ux-single-group[data-v-e6103f5e]:last-child {
+.ux-multi-group[data-v-f3f7e2e1]:last-child,
+.ux-single-group[data-v-f3f7e2e1]:last-child {
   margin-bottom: 0;
 }
-.ux-group-title[data-v-e6103f5e] {
+.ux-group-title[data-v-f3f7e2e1] {
   font-size: 1.2em;
   margin-bottom: 1em;
   margin-top: 1em;
 }
-.arrows .ux-icon[data-v-e6103f5e] {
+.arrows[data-v-f3f7e2e1] {
+  cursor: pointer;
+}
+.arrows .ux-icon[data-v-f3f7e2e1] {
   opacity: 0.3;
 }
-[data-v-e6103f5e] .panel {
+[data-v-f3f7e2e1] .panel {
   margin-bottom: 0.5em;
 }
 .basic-input-style[data-v-491bd3a3] {
@@ -3121,15 +3130,15 @@ pre[data-v-46962828] {
 .field-row.active[data-v-46962828] {
   opacity: 1;
 }
-.basic-input-style[data-v-c8feb6c2] {
+.basic-input-style[data-v-a94917d9] {
   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-c8feb6c2] {
+.ux-text-row[data-v-a94917d9] {
   margin-bottom: 0.5em;
 }
-input[data-v-c8feb6c2] {
+input[data-v-a94917d9] {
   border-radius: 0.1em;
   padding: 0.5em;
   box-sizing: border-box;
@@ -3142,18 +3151,18 @@ input[data-v-c8feb6c2] {
   line-height: 1;
   height: 2.5em;
 }
-input[data-v-c8feb6c2]:focus {
+input[data-v-a94917d9]:focus {
   background: none;
   border: 1px solid var(--primary);
   outline: none;
 }
-.ux-text-wrap[data-v-c8feb6c2] {
+.ux-text-wrap[data-v-a94917d9] {
   position: relative;
 }
-.ux-text-wrap.prefixed input[data-v-c8feb6c2] {
+.ux-text-wrap.prefixed input[data-v-a94917d9] {
   padding-left: 1.8em;
 }
-.ux-text-wrap .ux-text-prefix[data-v-c8feb6c2] {
+.ux-text-wrap .ux-text-prefix[data-v-a94917d9] {
   position: absolute;
   left: 0;
   top: 0;
@@ -3167,7 +3176,7 @@ input[data-v-c8feb6c2]:focus {
   opacity: 0.5;
   font-size: 0.5em;
 }
-.ux-text-wrap .ux-text-suffix[data-v-c8feb6c2] {
+.ux-text-wrap .ux-text-suffix[data-v-a94917d9] {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -3178,11 +3187,11 @@ input[data-v-c8feb6c2]:focus {
   padding: 0.5em;
   opacity: 0.5;
 }
-.ux-text-row .ux-btn[data-v-c8feb6c2] {
+.ux-text-row .ux-btn[data-v-a94917d9] {
   margin-left: 0.25em;
 }
-.ux-text-input-multiple[data-v-c8feb6c2],
-.ux-text-input-single[data-v-c8feb6c2] {
+.ux-text-input-multiple[data-v-a94917d9],
+.ux-text-input-single[data-v-a94917d9] {
   width: 100%;
 }
 .basic-input-style[data-v-fb400049] {
@@ -3853,18 +3862,18 @@ td[data-v-f5a130e8]:first-child {
 .ux-render-flex .ux-field-render-flex[data-v-f2b5ec33] {
   flex: 1;
 }
-.basic-input-style[data-v-d788ce09] {
+.basic-input-style[data-v-9d23fb3f] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.content-browser[data-v-d788ce09] {
+.content-browser[data-v-9d23fb3f] {
   position: relative;
 }
-.loading[data-v-d788ce09] {
+.loading[data-v-9d23fb3f] {
   opacity: 0.5;
 }
-.filter-column[data-v-d788ce09] {
+.filter-column[data-v-9d23fb3f] {
   padding: 1em;
   background: color-mix(in lab, #000 1%, transparent);
   border-left: 1px solid color-mix(in lab, currentColor 18%, transparent);
@@ -3873,29 +3882,29 @@ td[data-v-f5a130e8]:first-child {
   flex: none;
   font-size: clamp(13px, 0.8em, 17px);
 }
-.large-icon[data-v-d788ce09] {
+.large-icon[data-v-9d23fb3f] {
   font-size: 6em;
   margin-bottom: 1rem;
   opacity: 0.5;
 }
-.column-panel[data-v-d788ce09] {
+.column-panel[data-v-9d23fb3f] {
   background: #fff;
   font-size: 0.9em;
 }
-.empty[data-v-d788ce09] {
+.empty[data-v-9d23fb3f] {
   background: #0000000d;
   text-align: center;
   white-space: pre-line;
   align-items: center;
   justify-content: center;
 }
-.empty .panel[data-v-d788ce09] {
+.empty .panel[data-v-9d23fb3f] {
   margin-top: 1em;
   max-width: 400px;
   background: var(--bg1, #fff);
 }
-.footer[data-v-d788ce09] {
-  padding: 0.5em 1em;
+.footer[data-v-9d23fb3f] {
+  padding: 0.5em;
   border-top: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
 .basic-input-style[data-v-90c28992] {
@@ -4052,58 +4061,58 @@ h5[data-v-fefac323] {
 .wrapper .border-top[data-v-22036a05] {
   border: 1px solid rgba(0, 0, 0, 0.1);
 }
-.basic-input-style[data-v-fd507d53] {
+.basic-input-style[data-v-329d2bc0] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.wrapper[data-v-fd507d53] {
+.wrapper[data-v-329d2bc0] {
   min-width: 80vw;
   min-height: 80vh;
   border-radius: 0.5em;
   overflow: hidden;
 }
-.header[data-v-fd507d53] {
+.header[data-v-329d2bc0] {
   background: var(--bg1, #fff);
   padding: 1em;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
-.header h1[data-v-fd507d53],
-.header h2[data-v-fd507d53],
-.header h3[data-v-fd507d53],
-.header h4[data-v-fd507d53],
-.header h5[data-v-fd507d53] {
+.header h1[data-v-329d2bc0],
+.header h2[data-v-329d2bc0],
+.header h3[data-v-329d2bc0],
+.header h4[data-v-329d2bc0],
+.header h5[data-v-329d2bc0] {
   margin: 0;
 }
-.date-range[data-v-fd507d53] {
+.date-range[data-v-329d2bc0] {
   padding: 1em;
   background: var(--bg1, #fff);
 }
-.date-range .date-shortcuts[data-v-fd507d53] {
+.date-range .date-shortcuts[data-v-329d2bc0] {
   padding: 0;
   margin: 0;
   list-style-type: none;
   width: 200px;
 }
-.date-range .date-shortcuts li[data-v-fd507d53] {
+.date-range .date-shortcuts li[data-v-329d2bc0] {
   display: block;
 }
-.date-range .date-shortcuts li a[data-v-fd507d53] {
+.date-range .date-shortcuts li a[data-v-329d2bc0] {
   cursor: pointer;
   display: block;
   padding: 0.5em 1em;
 }
-.date-range .date-shortcuts li a[data-v-fd507d53]:hover {
+.date-range .date-shortcuts li a[data-v-329d2bc0]:hover {
   color: var(--primary);
 }
-.rolodex[data-v-fd507d53] {
+.rolodex[data-v-329d2bc0] {
   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-fd507d53] {
+.rolodex .ux-btn[data-v-329d2bc0] {
   font-weight: 700;
 }
 .basic-input-style[data-v-0952db70] {

package/package.json

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