@qikdev/vue-ui 0.2.294 → 0.2.298

package/dist/style.css

@@ -1766,16 +1766,16 @@ input[data-v-4bea995b]:focus {
     background: none;
   }
 }
-.basic-input-style[data-v-38242855],
-input[data-v-38242855] {
+.basic-input-style[data-v-d4d8c9fc],
+input[data-v-d4d8c9fc] {
   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-38242855] {
+.ux-text-row[data-v-d4d8c9fc] {
   margin-bottom: 0.5em;
 }
-input[data-v-38242855] {
+input[data-v-d4d8c9fc] {
   border-radius: 0.1em;
   padding: 0.5em;
   box-sizing: border-box;
@@ -1784,46 +1784,46 @@ input[data-v-38242855] {
   line-height: 1;
   height: 2.5em;
 }
-input[data-v-38242855]:focus {
+input[data-v-d4d8c9fc]:focus {
   background: none;
   border: 1px solid var(--primary);
   outline: none;
 }
-.ux-text-row .ux-btn[data-v-38242855] {
+.ux-text-row .ux-btn[data-v-d4d8c9fc] {
   margin-left: 0.25em;
 }
-.ux-text-input-multiple[data-v-38242855] {
+.ux-text-input-multiple[data-v-d4d8c9fc] {
   width: 100%;
 }
-.ux-text-input-single[data-v-38242855] {
+.ux-text-input-single[data-v-d4d8c9fc] {
   width: calc(100% - 0.5em);
   margin: 0 0.5em 0 0;
 }
-.items[data-v-38242855] {
+.items[data-v-d4d8c9fc] {
   border-radius: 0.3em;
   overflow: hidden;
   margin-bottom: 0.5em;
 }
 @media (prefers-color-scheme: light) {
-  .items[data-v-38242855] {
+  .items[data-v-d4d8c9fc] {
     border: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .items[data-v-38242855] {
+  .items[data-v-d4d8c9fc] {
     border: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
-.items .content-item[data-v-38242855] {
+.items .content-item[data-v-d4d8c9fc] {
   border: none;
 }
 @media (prefers-color-scheme: light) {
-  .items .content-item[data-v-38242855] {
+  .items .content-item[data-v-d4d8c9fc] {
     border-bottom: 1px solid color-mix(in lab, currentColor 15%, transparent);
   }
 }
 @media (prefers-color-scheme: dark) {
-  .items .content-item[data-v-38242855] {
+  .items .content-item[data-v-d4d8c9fc] {
     border-bottom: 1px solid color-mix(in lab, currentColor 18%, transparent);
   }
 }
@@ -2154,18 +2154,18 @@ input[data-v-da2ca789]:focus {
 .ux-text-input-single[data-v-da2ca789] {
   width: 100%;
 }
-.basic-input-style[data-v-251e7614],
-.ux-textarea[data-v-251e7614],
-textarea[data-v-251e7614] {
+.basic-input-style[data-v-18c18ffb],
+.ux-textarea[data-v-18c18ffb],
+textarea[data-v-18c18ffb] {
   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-251e7614] {
+.ux-text-row[data-v-18c18ffb] {
   margin-bottom: 0.5em;
 }
-.ux-textarea[data-v-251e7614],
-textarea[data-v-251e7614] {
+.ux-textarea[data-v-18c18ffb],
+textarea[data-v-18c18ffb] {
   border-radius: 0.1em;
   padding: 0.5em;
   box-sizing: border-box;
@@ -2177,17 +2177,17 @@ textarea[data-v-251e7614] {
   resize: vertical;
   overflow: hidden;
 }
-.ux-textarea[data-v-251e7614]:focus,
-textarea[data-v-251e7614]:focus {
+.ux-textarea[data-v-18c18ffb]:focus,
+textarea[data-v-18c18ffb]:focus {
   background: none;
   border: 1px solid var(--primary);
   outline: none;
 }
-.ux-text-row .ux-btn[data-v-251e7614] {
+.ux-text-row .ux-btn[data-v-18c18ffb] {
   margin-left: 0.25em;
 }
-.ux-text-area-multiple[data-v-251e7614],
-.ux-text-area-single[data-v-251e7614] {
+.ux-text-area-multiple[data-v-18c18ffb],
+.ux-text-area-single[data-v-18c18ffb] {
   width: 100%;
 }
 .basic-input-style[data-v-caf11f6c],
@@ -3162,6 +3162,40 @@ td[data-v-f5a130e8] {
 td[data-v-f5a130e8]:first-child {
   text-align: left;
 }
+.basic-input-style[data-v-1476a328] {
+  color: inherit;
+  background: color-mix(in lab, currentColor 4%, transparent);
+  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
+}
+.signature-container[data-v-1476a328] {
+  position: relative;
+  display: block;
+  width: 100%;
+  max-width: 500px;
+}
+.signature-canvas[data-v-1476a328] {
+  width: 100%;
+  height: auto;
+  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
+  border-radius: 0.5em;
+  background-color: var(--bg1, color-mix(in lab, currentColor 5%, transparent));
+  color: inherit;
+  cursor: crosshair;
+  box-shadow: 0 0.1em 0.3em #0000001a;
+}
+.buttons[data-v-1476a328] {
+  position: absolute;
+  bottom: 1em;
+  right: 0.5em;
+}
+.basic-input-style[data-v-d407e078] {
+  color: inherit;
+  background: color-mix(in lab, currentColor 4%, transparent);
+  border: 1px solid color-mix(in lab, currentColor 18%, transparent);
+}
+.ux-signature-row[data-v-d407e078] {
+  margin-bottom: 0.5em;
+}
 .basic-input-style[data-v-a9c5a05f] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
@@ -3313,18 +3347,18 @@ td[data-v-f5a130e8]:first-child {
   border-color: var(--primary);
   opacity: 0.5;
 }
-.basic-input-style[data-v-5facedd5] {
+.basic-input-style[data-v-bf1420b9] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-field[data-v-5facedd5] {
+.ux-field[data-v-bf1420b9] {
   margin-bottom: 1em;
 }
-.ux-field.ux-layout-only[data-v-5facedd5] {
+.ux-field.ux-layout-only[data-v-bf1420b9] {
   margin-bottom: 0;
 }
-.ux-field .ux-field-message[data-v-5facedd5] {
+.ux-field .ux-field-message[data-v-bf1420b9] {
   border: red;
   background: rgba(255, 0, 0, 0.1);
   color: red;
@@ -3334,23 +3368,23 @@ td[data-v-f5a130e8]:first-child {
   margin: 0.3em 0;
   display: inline-block;
 }
-[data-v-5facedd5] .ux-field-title {
+[data-v-bf1420b9] .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-5facedd5] {
+.ux-field.ux-field-hide[data-v-bf1420b9] {
   display: none !important;
   margin: 0 !important;
 }
-[data-v-5facedd5] .ux-field-description {
+[data-v-bf1420b9] .ux-field-description {
   font-size: clamp(12px, 0.8em, 16px);
   opacity: 0.5;
   margin-bottom: 0.5em;
 }
-.ux-field.ux-field-error[data-v-5facedd5] > .ux-field-title {
+.ux-field.ux-field-error[data-v-bf1420b9] > .ux-field-title {
   color: red;
 }
 .basic-input-style[data-v-f0b9d2cd] {
@@ -3501,28 +3535,28 @@ td[data-v-f5a130e8]:first-child {
 .ux-multi-group[data-v-cb997d0e] {
   margin-bottom: 1em;
 }
-.basic-input-style[data-v-932f5321] {
+.basic-input-style[data-v-dbcbddfd] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.ux-empty[data-v-932f5321] {
+.ux-empty[data-v-dbcbddfd] {
   display: none !important;
 }
-.ux-field-render[data-v-932f5321] {
+.ux-field-render[data-v-dbcbddfd] {
   margin-bottom: 1.5em;
 }
-.ux-field-render.ux-layout-only[data-v-932f5321] {
+.ux-field-render.ux-layout-only[data-v-dbcbddfd] {
   margin-bottom: 0;
 }
-.ux-field-render.ux-layout-only > .ux-field-title[data-v-932f5321],
-.ux-field-render.ux-layout-only > .ux-field-description[data-v-932f5321] {
+.ux-field-render.ux-layout-only > .ux-field-title[data-v-dbcbddfd],
+.ux-field-render.ux-layout-only > .ux-field-description[data-v-dbcbddfd] {
   display: none;
 }
-[data-v-932f5321] table {
+[data-v-dbcbddfd] table {
   width: 100%;
 }
-.ux-password-render input[data-v-932f5321] {
+.ux-password-render input[data-v-dbcbddfd] {
   font-family: monospace;
   width: 100%;
   border-radius: 0.1em;
@@ -3536,24 +3570,35 @@ td[data-v-f5a130e8]:first-child {
   height: 2.5em;
   color: inherit;
 }
-.ux-password-render input[data-v-932f5321]:focus {
+.ux-password-render input[data-v-dbcbddfd]:focus {
   background: none;
   border: 1px solid var(--primary);
   outline: none;
 }
-.currency[data-v-932f5321] {
+.signature-view[data-v-dbcbddfd] {
+  width: clamp(200px, 30svw, 350px);
+  border-radius: 0.5em;
+  border: 1px solid color-mix(in lab, currentColor 10%, transparent);
+  margin: 0 1em 1em 0;
+}
+.signature-view img[data-v-dbcbddfd] {
+  display: block;
+  width: 100%;
+  height: auto;
+}
+.currency[data-v-dbcbddfd] {
   text-transform: uppercase;
   opacity: 0.5;
   font-size: 0.7em;
 }
-[data-v-932f5321] .ux-field-title {
+[data-v-dbcbddfd] .ux-field-title {
   margin-top: 0.5em;
   display: block;
   margin-bottom: 0.2em;
   font-weight: 400;
   opacity: 0.5;
 }
-[data-v-932f5321] .ux-field-description {
+[data-v-dbcbddfd] .ux-field-description {
   font-size: 0.7em;
   opacity: 0.3;
   font-style: italic;
@@ -3581,18 +3626,18 @@ td[data-v-f5a130e8]:first-child {
   opacity: 0.5;
   font-size: 0.8em;
 }
-.basic-input-style[data-v-0054fc08] {
+.basic-input-style[data-v-9d9ab7a3] {
   color: inherit;
   background: color-mix(in lab, currentColor 4%, transparent);
   border: 1px solid color-mix(in lab, currentColor 18%, transparent);
 }
-.content-browser[data-v-0054fc08] {
+.content-browser[data-v-9d9ab7a3] {
   position: relative;
 }
-.loading[data-v-0054fc08] {
+.loading[data-v-9d9ab7a3] {
   opacity: 0.5;
 }
-.filter-column[data-v-0054fc08] {
+.filter-column[data-v-9d9ab7a3] {
   padding: 1em;
   background: color-mix(in lab, #000 1%, transparent);
   border-left: 1px solid color-mix(in lab, currentColor 18%, transparent);
@@ -3601,27 +3646,27 @@ td[data-v-f5a130e8]:first-child {
   flex: none;
   font-size: clamp(13px, 0.8em, 17px);
 }
-.large-icon[data-v-0054fc08] {
+.large-icon[data-v-9d9ab7a3] {
   font-size: 6em;
   margin-bottom: 1rem;
   opacity: 0.5;
 }
-.column-panel[data-v-0054fc08] {
+.column-panel[data-v-9d9ab7a3] {
   background: #fff;
   font-size: 0.9em;
 }
-.empty[data-v-0054fc08] {
+.empty[data-v-9d9ab7a3] {
   background: rgba(0, 0, 0, 0.05);
   text-align: center;
   white-space: pre-line;
   align-items: center;
   justify-content: center;
 }
-.empty .panel[data-v-0054fc08] {
+.empty .panel[data-v-9d9ab7a3] {
   max-width: 400px;
   background: var(--bg1, #fff);
 }
-.footer[data-v-0054fc08] {
+.footer[data-v-9d9ab7a3] {
   padding: 0.5em 1em;
   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.294",
+  "version": "0.2.298",
   "files": [
     "dist"
   ],