quasar-ui-sellmate-ui-kit 3.0.5 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/index.common.js +2 -2
  2. package/dist/index.css +2 -49
  3. package/dist/index.esm.js +2 -2
  4. package/dist/index.min.css +2 -2
  5. package/dist/index.rtl.css +2 -49
  6. package/dist/index.rtl.min.css +2 -2
  7. package/dist/index.umd.js +59 -64
  8. package/dist/index.umd.min.js +2 -2
  9. package/package.json +3 -3
  10. package/src/assets/icons.js +6 -2
  11. package/src/components/SCaution.vue +58 -75
  12. package/src/components/SDate.vue +1 -1
  13. package/src/components/SDateAutoRangePicker.vue +1 -1
  14. package/src/components/SDateRange.vue +1 -1
  15. package/src/components/SDateRangePicker.vue +5 -5
  16. package/src/components/STable.vue +15 -0
  17. package/src/components/STableTree.vue +0 -1
  18. package/src/components/STimePicker.vue +1 -1
  19. package/src/components/TimePickerCard.vue +2 -2
  20. package/src/css/app.scss +1 -0
  21. package/src/css/default.scss +0 -1
  22. package/src/css/fonts/Pretendard-Bold.subset.woff2 +0 -0
  23. package/src/css/fonts/Pretendard-Bold.ttf +0 -0
  24. package/src/css/fonts/Pretendard-ExtraBold.subset.woff2 +0 -0
  25. package/src/css/fonts/Pretendard-ExtraBold.ttf +0 -0
  26. package/src/css/fonts/Pretendard-Light.subset.woff2 +0 -0
  27. package/src/css/fonts/Pretendard-Light.ttf +0 -0
  28. package/src/css/fonts/Pretendard-Medium.subset.woff2 +0 -0
  29. package/src/css/fonts/Pretendard-Medium.ttf +0 -0
  30. package/src/css/fonts/Pretendard-Regular.ttf +0 -0
  31. package/src/css/fonts/Pretendard-SemiBold.subset.woff2 +0 -0
  32. package/src/css/fonts/Pretendard-SemiBold.ttf +0 -0
  33. package/src/css/fonts.css +68 -0
  34. package/src/css/quasar.variables.scss +0 -1
package/dist/index.umd.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * quasar-ui-sellmate-ui-kit v3.0.4
2
+ * quasar-ui-sellmate-ui-kit v3.0.6
3
3
  * (c) 2024 Sellmate Dev Team <dev@sellmate.co.kr>
4
4
  * Released under the MIT License.
5
5
  */
@@ -21,7 +21,7 @@
21
21
  },
22
22
  });
23
23
 
24
- function render$E(_ctx, _cache, $props, $setup, $data, $options) {
24
+ function render$D(_ctx, _cache, $props, $setup, $data, $options) {
25
25
  var _component_q_breadcrumbs_el = vue.resolveComponent("q-breadcrumbs-el");
26
26
  var _component_q_breadcrumbs = vue.resolveComponent("q-breadcrumbs");
27
27
 
@@ -82,7 +82,7 @@
82
82
  var css_248z$B = ".q-breadcrumbs.s-breadcrumbs {\n height: 22px;\n}\n.q-breadcrumbs.s-breadcrumbs > div {\n height: 100%;\n margin: 0 !important;\n}\n.q-breadcrumbs.s-breadcrumbs > div > div {\n margin: 0 !important;\n}\n.q-breadcrumbs.s-breadcrumbs > div .q-breadcrumbs__separator {\n margin: 0 8px !important;\n}\n.q-breadcrumbs.s-breadcrumbs > div .q-breadcrumbs--last {\n font-weight: bold;\n}";
83
83
  styleInject(css_248z$B);
84
84
 
85
- script$D.render = render$E;
85
+ script$D.render = render$D;
86
86
 
87
87
  var script$C = vue.defineComponent({
88
88
  name: 'SButton',
@@ -103,7 +103,7 @@
103
103
  },
104
104
  });
105
105
 
106
- function render$D(_ctx, _cache, $props, $setup, $data, $options) {
106
+ function render$C(_ctx, _cache, $props, $setup, $data, $options) {
107
107
  var _component_q_btn = vue.resolveComponent("q-btn");
108
108
 
109
109
  return (vue.openBlock(), vue.createBlock(_component_q_btn, {
@@ -133,7 +133,7 @@
133
133
  var css_248z$A = ".s-button.q-btn {\n min-height: 0;\n height: fit-content;\n justify-content: center;\n}\n.s-button.q-btn.icon-with > .q-btn__content {\n align-items: center;\n}\n.s-button.q-btn.icon-only {\n padding: 5px;\n}\n.s-button.q-btn > .q-btn__content {\n height: 100%;\n}\n.s-button.q-btn > .q-btn__content > span {\n height: 100%;\n}\n.s-button:hover.q-focusable:focus > .q-focus-helper, .s-button:hover.q-manual-focusable--focused > .q-focus-helper, .s-button:hover.q-hoverable:hover > .q-focus-helper {\n opacity: 0.3;\n transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.s-button:hover.q-focusable:focus > .q-focus-helper:before, .s-button:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-button:hover.q-hoverable:hover > .q-focus-helper:before {\n opacity: 1.4;\n transition: none;\n}\n.s-button:hover.q-focusable:focus > .q-focus-helper:after, .s-button:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-button:hover.q-hoverable:hover > .q-focus-helper:after {\n opacity: 0;\n transition: none;\n}\n.s-button.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:before, .s-button.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-button.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:before {\n opacity: 0;\n}\n.s-button.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:after, .s-button.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-button.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:after {\n opacity: 0.55;\n}\n.s-button-xs.q-btn {\n height: 24px;\n padding: 2px 8px !important;\n font-weight: 400;\n font-size: 12px;\n line-height: 20px;\n min-width: 60px;\n}\n.s-button-xs.q-btn.icon-with {\n padding: 2px 12px 2px 10px !important;\n}\n.s-button-xs.q-btn.icon-with .q-icon {\n font-size: 1em;\n}\n.s-button-xs.q-btn.icon-with .on-left {\n margin-right: 4px;\n}\n.s-button-xs.q-btn.icon-only {\n min-width: 24px;\n min-height: 24px;\n padding: 4px !important;\n}\n.s-button-xs.q-btn.icon-only .q-icon {\n font-size: 1.334em;\n}\n.s-button-xs.q-btn > .q-btn__content {\n height: 20px;\n}\n.s-button-sm.q-btn {\n height: 28px;\n padding: 4px 12px !important;\n font-weight: 400;\n font-size: 12px;\n line-height: 20px;\n min-width: 70px;\n}\n.s-button-sm.q-btn.icon-with {\n padding: 4px 12px 4px 10px !important;\n}\n.s-button-sm.q-btn.icon-with .q-icon {\n font-size: 1.334em;\n}\n.s-button-sm.q-btn.icon-with .on-left {\n margin-right: 4px;\n}\n.s-button-sm.q-btn.icon-only {\n min-width: 28px;\n min-height: 28px;\n padding: 6px !important;\n}\n.s-button-sm.q-btn.icon-only .q-icon {\n font-size: 1.334em;\n}\n.s-button-sm.q-btn > .q-btn__content {\n height: 20px;\n}\n.s-button-md {\n padding: 4px 20px !important;\n font-weight: 400;\n font-size: 16px;\n line-height: 1.625em;\n min-width: 100px;\n}\n.s-button-md.icon-with {\n padding: 4px 20px 4px 16px !important;\n}\n.s-button-md.icon-with .q-icon {\n font-size: 1.5em;\n}\n.s-button-md.icon-with .on-left {\n margin-right: 8px;\n}\n.s-button-md.icon-only {\n min-width: 34px;\n min-height: 34px;\n padding: 5px !important;\n}\n.s-button-md.icon-only .q-icon {\n font-size: 1.5em;\n}\n.s-button-md > .q-btn__content {\n max-height: 1.625em;\n}\n.s-button.q-btn--outline.disabled,\n.s-button.disabled {\n background: #e1e1e1 !important;\n opacity: 1 !important;\n color: #888888 !important;\n border: none !important;\n}\n.s-button.q-btn--outline.disabled:before,\n.s-button.disabled:before {\n border: 1px solid #cccccc;\n}";
134
134
  styleInject(css_248z$A);
135
135
 
136
- script$C.render = render$D;
136
+ script$C.render = render$C;
137
137
 
138
138
  var script$B = vue.defineComponent({
139
139
  name: 'SButtonGroup',
@@ -148,7 +148,7 @@
148
148
  },
149
149
  });
150
150
 
151
- function render$C(_ctx, _cache, $props, $setup, $data, $options) {
151
+ function render$B(_ctx, _cache, $props, $setup, $data, $options) {
152
152
  var _component_q_btn_group = vue.resolveComponent("q-btn-group");
153
153
 
154
154
  return (vue.openBlock(), vue.createBlock(_component_q_btn_group, {
@@ -166,7 +166,7 @@
166
166
  var css_248z$z = ".s-btn-group .disabled {\n border: none;\n}\n.s-btn-group .disabled::before {\n border: 1px solid #cccccc;\n}";
167
167
  styleInject(css_248z$z);
168
168
 
169
- script$B.render = render$C;
169
+ script$B.render = render$B;
170
170
 
171
171
  var script$A = vue.defineComponent({
172
172
  name: 'SButtonToggle',
@@ -195,7 +195,7 @@
195
195
  },
196
196
  });
197
197
 
198
- function render$B(_ctx, _cache, $props, $setup, $data, $options) {
198
+ function render$A(_ctx, _cache, $props, $setup, $data, $options) {
199
199
  var _component_q_btn_toggle = vue.resolveComponent("q-btn-toggle");
200
200
 
201
201
  return (vue.openBlock(), vue.createBlock(_component_q_btn_toggle, {
@@ -225,10 +225,10 @@
225
225
  var css_248z$y = ".s-btn-toggle .q-btn:first-of-type {\n border-radius: 4px 0 0 4px;\n}\n.s-btn-toggle .q-btn:last-of-type {\n border-radius: 0 4px 4px 0;\n}\n.s-btn-toggle .q-btn:before {\n border-left: 1px solid #cccccc !important;\n}\n.s-btn-toggle .q-btn:hover > .q-focus-helper {\n background-color: #0075ff !important;\n opacity: 1 !important;\n}\n.s-btn-toggle .q-btn:hover > .q-focus-helper:before, .s-btn-toggle .q-btn:hover > .q-focus-helper:after {\n background-color: #0075ff !important;\n opacity: 1;\n}\n.s-btn-toggle .q-btn:hover .q-btn__content > span {\n color: white !important;\n}\n.s-btn-toggle .q-btn:hover + .q-btn:not(.text-positive):before {\n border-left: none !important;\n}\n.s-btn-toggle .q-btn:not(:last-child):hover {\n box-shadow: 1px 0 0 #0075ff !important;\n transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);\n z-index: 1;\n}\n.s-btn-toggle .q-btn .q-btn--active {\n background: #0075ff !important;\n color: white !important;\n}\n.s-btn-toggle .q-btn .q-btn--active:before {\n border: 1px solid #0075ff !important;\n}\n.s-btn-toggle .q-btn .q-btn--active .q-btn__content > span {\n color: white !important;\n}\n.s-btn-toggle .text-positive:before {\n border: 1px solid #0075ff !important;\n}\n.s-btn-toggle .text-positive:not(:last-child):before {\n border-right: none !important;\n}\n.s-btn-toggle .text-positive:not(:last-child).q-btn {\n box-shadow: 1px 0 0 #0075ff !important;\n z-index: 2;\n}\n.s-btn-toggle .text-positive + .q-btn:before {\n border-left: none !important;\n}\n.s-btn-toggle .text-positive.q-btn--active:hover .q-btn__content > span {\n color: white !important;\n}\n.s-btn-toggle .text-positive:hover > .q-focus-helper {\n background-color: #0075ff !important;\n opacity: 1 !important;\n}\n.s-btn-toggle .text-positive:hover > .q-focus-helper:before, .s-btn-toggle .text-positive:hover > .q-focus-helper:after {\n background-color: #0075ff !important;\n opacity: 1;\n}\n.s-btn-toggle .text-positive:hover .q-btn__content > span {\n color: white !important;\n}\n.s-btn-toggle-sm .q-btn {\n padding: 4px 12px !important !important;\n}\n.s-btn-toggle-sm .q-btn .q-btn__content > span {\n line-height: 165%;\n font-size: 12px !important;\n font-weight: 400;\n}\n.s-btn-toggle-md .q-btn {\n padding: 4px 20px !important !important;\n}\n.s-btn-toggle-md .q-btn .q-btn__content > span {\n line-height: 1.625em !important;\n font-size: 16px !important;\n font-weight: 500 !important;\n}";
226
226
  styleInject(css_248z$y);
227
227
 
228
- script$A.render = render$B;
228
+ script$A.render = render$A;
229
229
 
230
230
  var helpOutlineIcon = 'M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z@@fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round&&M9 9.10227C9 8.19318 9.6 6.375 12 6.375C14.4 6.375 15 8.19318 15 9.10227C15 9.87055 14.5715 11.2881 12.9901 11.7088C12.4564 11.8508 12 12.2773 12 12.8295V13.875@@fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round&&M12 15.75C12.5523 15.75 13 16.1977 13 16.75C13 17.3023 12.5523 17.75 12 17.75C11.4477 17.75 11 17.3023 11 16.75C11 16.1977 11.4477 15.75 12 15.75Z@@fill:currentColor|0 0 24 24';
231
- var cautionOutlineIcon = 'M17.1279 4.48262C16.6285 3.57252 15.3711 3.57253 14.8718 4.48262L2.97352 26.1675C2.48526 27.0574 3.08576 28.2001 4.10156 28.2001H27.8981C28.9139 28.2001 29.5144 27.0574 29.0261 26.1675L17.1279 4.48262ZM15.9998 7.37402L26.0782 25.7422H5.92142L15.9998 7.37402Z@@fill-rule:evenodd;clip-rule:evenodd;fill:currentColor;stroke-width:2&&M14.7554 14.3565C14.7554 13.6174 15.3126 13.0183 16.0001 13.0183C16.6875 13.0183 17.2447 13.6174 17.2447 14.3565V18.371C17.2447 19.1101 16.6875 19.7092 16.0001 19.7092C15.3126 19.7092 14.7554 19.1101 14.7554 18.371V14.3565Z@@fill:currentColor;stroke-width:2&&M14.7554 22.3274C14.7554 21.6044 15.3126 21.0183 16.0001 21.0183C16.6875 21.0183 17.2447 21.6044 17.2447 22.3274C17.2447 23.0504 16.6875 23.6365 16.0001 23.6365C15.3126 23.6365 14.7554 23.0504 14.7554 22.3274Z@@fill:currentColor;stroke-width:2|0 0 32 32';
231
+ var cautionOutlineIcon = "M12 3.5L3 20H21L12 3.5Z@@fill: white; stroke: white; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round\n&&M12 15.5C12.5523 15.5 13 15.9477 13 16.5C13 17.0523 12.5523 17.5 12 17.5C11.4477 17.5 11 17.0523 11 16.5C11 15.9477 11.4477 15.5 12 15.5Z@@fill: currentColor\n&&M12 9.25C12.4142 9.25 12.75 9.58579 12.75 10L12.75 14C12.75 14.4142 12.4142 14.75 12 14.75C11.5858 14.75 11.25 14.4142 11.25 14L11.25 10C11.25 9.58579 11.5858 9.25 12 9.25Z fill-rule: evenodd; clip-rule: evenodd@@fill: currentColor\n|0 0 24 24\n";
232
232
  var infoOutlineIcon = 'M16 4C22.6274 4 28 9.37258 28 16C28 22.6274 22.6274 28 16 28C9.37258 28 4 22.6274 4 16C4 9.37258 9.37258 4 16 4Z@@fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round&&M16 17.5L16 9.5@@fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round&&M16 21C16.5523 21 17 21.4477 17 22C17 22.5523 16.5523 23 16 23C15.4477 23 15 22.5523 15 22C15 21.4477 15.4477 21 16 21Z@@fill:currentColor|0 0 32 32';
233
233
  var warningOutlineIcon = 'M11.1939 2.69383C11.5521 2.06503 12.4479 2.06503 12.8061 2.69383L22.8739 20.363C23.2322 20.9918 22.7843 21.7778 22.0678 21.7778H1.93224C1.21567 21.7778 0.767815 20.9918 1.1261 20.363L11.1939 2.69383ZM12 4.63261L3.18623 20.101H20.8138L12 4.63261Z&&M10.9468 10.6607C10.9468 10.0585 11.4184 9.57037 12 9.57037C12.5817 9.57037 13.0532 10.0585 13.0532 10.6607V13.9319C13.0532 14.534 12.5817 15.0222 12 15.0222C11.4184 15.0222 10.9468 14.534 10.9468 13.9319V10.6607Z&&M10.9468 17.1556C10.9468 16.5665 11.4184 16.0889 12 16.0889C12.5817 16.0889 13.0532 16.5665 13.0532 17.1556C13.0532 17.7447 12.5817 18.2222 12 18.2222C11.4184 18.2222 10.9468 17.7447 10.9468 17.1556Z|0 0 24 24';
234
234
  var attachFileIcon = 'M25.3345 15.7574L16.3189 24.773C13.6829 27.409 9.40901 27.409 6.77297 24.773V24.773C4.13693 22.1369 4.13693 17.8631 6.77297 15.227L17.0039 4.99608C18.8711 3.12888 21.8984 3.12888 23.7656 4.99608V4.99608C25.6328 6.86327 25.6328 9.89059 23.7656 11.7578L14.5806 20.9428C13.4823 22.0412 11.7015 22.0412 10.6031 20.9428V20.9428C9.50478 19.8445 9.50478 18.0637 10.6031 16.9653L19.3388 8.22962@@fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round|0 0 32 32';
@@ -239,7 +239,7 @@
239
239
  var selectDownArrowIcon = 'M1.5 0.75L6 5.25L10.5 0.75@@fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round|0 0 12 6';
240
240
 
241
241
  var arrowUpIcon = 'M28 22L16 10L4 22@@fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round|0 0 32 32';
242
- var arrowDownIcon = 'M4 10L16 22L28 10@@fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round|0 0 32 32';
242
+ var arrowDownIcon = 'M4 10L16 22L28 10@@fill:none;strok e:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round|0 0 32 32';
243
243
 
244
244
  var paginationLeftIcon = 'M8.25 1.5L3.75 6L8.25 10.5@@fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round|1 0.3 12 12';
245
245
  var paginationRightIcon = 'M4 10.5L8.5 6L4 1.5@@fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round|-0.1 0 12 12';
@@ -252,65 +252,60 @@
252
252
  var searchIcon = 'M9.16634 3.33325C12.388 3.33325 14.9997 5.94492 14.9997 9.16658C14.9997 12.3882 12.388 14.9999 9.16634 14.9999C5.94468 14.9999 3.33301 12.3882 3.33301 9.16658C3.33301 5.94492 5.94468 3.33325 9.16634 3.33325Z@@fill:none;stroke:#737373;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;&&M13.5523 13.5526L16.8857 16.8859@@fill:none;stroke:#737373;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round|0 0 20 20';
253
253
  var clockIcon = 'M12 7V12H17@@fill:none;stroke:currentColor;stroke-width:1.5;&&M12 21C16.9707 21 21 16.9707 21 12C21 7.0293 16.9707 3 12 3C7.0293 3 3 7.0293 3 12C3 16.9707 7.0293 21 12 21Z@@fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round|0 0 24 24';
254
254
 
255
- var script$z = vue.defineComponent({
256
- name: 'SCaution',
257
- components: {
258
- QBanner: quasar.QBanner,
259
- QIcon: quasar.QIcon,
260
- },
261
- props: {
262
- title: { type: String, default: '' },
263
- useModal: { type: Boolean, default: false },
264
- },
265
- setup: function setup() {
266
- return {
267
- cautionOutlineIcon: cautionOutlineIcon,
268
- };
269
- },
270
- });
271
-
272
- var _hoisted_1$m = {
255
+ var _hoisted_1$m = { class: "s-caution__icon--title text-white block font-16-700" };
256
+ var _hoisted_2$g = {
273
257
  key: 0,
274
- class: "s-caution-title"
258
+ class: "s-caution__content--title font-18-700 q-mb-md text-negative"
275
259
  };
276
260
 
277
- function render$A(_ctx, _cache, $props, $setup, $data, $options) {
261
+
262
+ var script$z = {
263
+ __name: 'SCaution',
264
+ props: {
265
+ title: { type: String, default: '' },
266
+ label: { type: String, default: '주의사항' },
267
+ },
268
+ setup: function setup(__props) {
269
+
270
+
271
+
272
+ return function (_ctx, _cache) {
278
273
  var _component_q_icon = vue.resolveComponent("q-icon");
279
- var _component_q_banner = vue.resolveComponent("q-banner");
280
274
 
281
- return (vue.openBlock(), vue.createBlock(_component_q_banner, {
275
+ return (vue.openBlock(), vue.createBlock(vue.unref(quasar.QBanner), {
282
276
  dense: "",
283
277
  rounded: "",
284
- class: vue.normalizeClass(["text-Grey_Darken-4 col relative-position s-caution", {
285
- 's-caution__title': _ctx.title,
286
- 's-caution__page bg-Caution_Bg': !_ctx.useModal,
287
- 'bg-Red_Lighten-5': _ctx.useModal,
288
- }])
278
+ class: "text-Grey_Darken-4 s-caution flex s-border-Red_Lighten-3 s-border-radius-sm bg-Red_Lighten-6"
289
279
  }, {
290
- default: vue.withCtx(function () { return [
291
- (_ctx.title)
292
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, vue.toDisplayString(_ctx.title), 1))
293
- : vue.createCommentVNode("", true),
294
- vue.createElementVNode("ul", null, [
295
- vue.renderSlot(_ctx.$slots, "default")
296
- ]),
280
+ avatar: vue.withCtx(function () { return [
297
281
  (!_ctx.useModal)
298
282
  ? (vue.openBlock(), vue.createBlock(_component_q_icon, {
299
- key: 1,
283
+ key: 0,
300
284
  class: "s-caution-icon",
301
- size: "240px",
302
- name: _ctx.cautionOutlineIcon
285
+ size: "24px",
286
+ color: "Red_Lighten-1",
287
+ name: vue.unref(cautionOutlineIcon)
303
288
  }, null, 8, ["name"]))
304
- : vue.createCommentVNode("", true)
289
+ : vue.createCommentVNode("", true),
290
+ vue.createElementVNode("strong", _hoisted_1$m, vue.toDisplayString(__props.label), 1)
291
+ ]; }),
292
+ default: vue.withCtx(function () { return [
293
+ (__props.title)
294
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g, vue.toDisplayString(__props.title), 1))
295
+ : vue.createCommentVNode("", true),
296
+ vue.createElementVNode("ul", null, [
297
+ vue.renderSlot(_ctx.$slots, "default")
298
+ ])
305
299
  ]; }),
306
300
  _: 3
307
- }, 8, ["class"]))
301
+ }))
302
+ }
308
303
  }
309
304
 
310
- var css_248z$x = ".s-caution {\n padding: 20px 0;\n border-radius: 4px;\n overflow: hidden;\n max-height: 100%;\n max-width: 100%;\n}\n.s-caution ul {\n margin: 0;\n padding: 0;\n margin-left: 44px;\n}\n.s-caution ul li {\n list-style: none;\n font-size: 12px;\n line-height: 180%;\n}\n.s-caution ul li:before {\n content: \"-\";\n font-size: 14px;\n line-height: 20px;\n margin-right: 12px;\n}\n.s-caution .s-caution-icon {\n position: absolute;\n right: -41px;\n bottom: -34px;\n color: #fd9595;\n opacity: 0.24;\n}\n.s-caution__page {\n border: 1px solid #ffb5b5;\n}\n.s-caution__title {\n border-left: 8px solid #fb4444;\n}\n.s-caution__title .s-caution-title {\n width: 100%;\n height: 30px;\n line-height: 30px;\n color: #e30000;\n font-size: 18px;\n font-weight: 700;\n margin-left: 44px;\n margin-bottom: 16px;\n}";
311
- styleInject(css_248z$x);
305
+ };
312
306
 
313
- script$z.render = render$A;
307
+ var css_248z$x = ".s-caution {\n padding: 0;\n overflow: hidden;\n max-height: 100%;\n max-width: 100%;\n}\n.s-caution .q-banner__avatar {\n flex-direction: column;\n min-width: 104px !important;\n max-width: 104px !important;\n margin: 0 !important;\n background-color: #fb4444;\n padding: 0 24px;\n line-height: 26px;\n align-self: stretch;\n justify-content: center;\n}\n.s-caution .q-banner__content {\n padding: 0 !important;\n margin: 20px 32px;\n}\n.s-caution .q-banner__content ul {\n padding: 0;\n margin: 0;\n}\n.s-caution .q-banner__content ul li {\n list-style: none;\n font-size: 12px;\n line-height: 22px;\n}\n.s-caution .q-banner__content ul li:before {\n content: \"-\";\n font-size: 12px;\n line-height: 22px;\n margin-right: 12px;\n}";
308
+ styleInject(css_248z$x);
314
309
 
315
310
  var script$y = vue.defineComponent({
316
311
  name: 'SCheckbox',
@@ -968,7 +963,7 @@
968
963
  class: "text-center text-Grey_Darken-4 date-str"
969
964
  };
970
965
  var _hoisted_4$8 = /*#__PURE__*/vue.createElementVNode("span", {
971
- class: "q-mx-xs",
966
+ class: "q-mx-sm",
972
967
  style: {"min-width":"0"}
973
968
  }, "~", -1);
974
969
  var _hoisted_5$6 = {
@@ -1117,7 +1112,7 @@
1117
1112
  ]), 1032, ["class", "modelValue", "disable"]))
1118
1113
  }
1119
1114
 
1120
- var css_248z$t = ".s-date-range-picker {\n width: fit-content;\n height: 28px;\n}\n.s-date-range-picker.q-field--dense .q-field__before {\n padding: 0;\n height: 100%;\n}\n.s-date-range-picker .q-field__inner {\n font-size: 12px;\n}\n.s-date-range-picker .q-field__inner .q-field__control {\n padding: 4px 0 4px 8px !important;\n align-items: center;\n height: 100%;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend .q-icon {\n width: 20px;\n height: 20px;\n color: #737373;\n}\n.s-date-range-picker .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date-range-picker .q-field__inner .q-field__control:hover, .s-date-range-picker .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n padding: 0;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend > div {\n min-height: 0;\n height: 100%;\n display: flex !important;\n align-items: center;\n justify-content: center;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn {\n width: 1.667em;\n height: 1.667em;\n min-height: 1.667em;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn .q-icon {\n font-size: 1.667em;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container {\n display: flex;\n justify-content: center;\n height: 20px;\n margin-left: 8px;\n margin-right: 16px;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container .q-field__native {\n height: 100%;\n line-height: 165%;\n text-align: center;\n padding: 0 !important;\n display: none;\n font-size: 12px;\n font-weight: 400;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container .q-field__native input::placeholder {\n color: #333333;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__append {\n padding: 0 6px 0 0;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control {\n width: fix-content;\n padding: 0px !important;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control::before, .s-date-range-picker .inner-input > .q-field__inner > .q-field__control::after {\n border: none;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control > .q-field__control-container {\n margin: 0px;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control > .q-field__control-container input {\n display: block !important;\n}\n.s-date-range-picker .date-str {\n width: fix-content;\n line-height: 20px;\n justify-content: center;\n}\n.s-date-range-picker--inside .q-field__before {\n height: 100%;\n padding: 4px 12px !important;\n border: 1px solid #aaaaaa;\n border-right: none;\n border-radius: 2px 0 0 2px;\n background: #f6f6f6;\n}\n.s-date-range-picker--inside .q-field__before .date-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n width: 220px;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control .q-field__prepend .q-icon {\n width: 20px;\n height: 20px;\n color: #737373;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control-container > div {\n margin-left: 6.5px;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control-container > div > span {\n display: inline-flex;\n min-width: fix-content;\n font-size: 12px !important;\n}\n.s-date-range-picker--inside.q-field--disabled .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-date-range-picker--inside.q-field--disabled .q-field__before .date-picker-label {\n color: #888888;\n}\n.date-picker-range-wrapper.q-menu {\n width: 609px;\n height: 330px;\n max-height: 330px;\n overflow: hidden;\n border-radius: 8px;\n position: relative;\n min-width: 0 !important;\n min-height: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-separator {\n position: absolute;\n height: 244px;\n left: 304px;\n top: 62px;\n}\n.date-picker-range-wrapper.q-menu .q-date {\n position: absolute;\n min-height: 330px;\n top: 0;\n box-shadow: none;\n width: 304px;\n}\n.date-picker-range-wrapper.q-menu .q-date:first-of-type {\n left: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date:last-of-type {\n right: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions {\n padding: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions > .reset-to-today-btn {\n padding: 0;\n width: 28px;\n height: 22px;\n min-height: 22px;\n position: absolute;\n background: transparent;\n top: 20px;\n right: 24px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions > .reset-to-today-btn > span {\n color: #333333;\n text-decoration: underline;\n color: #333333;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions:hover .q-btn__content {\n text-decoration: underline;\n color: #0075ff;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content {\n margin-top: 42px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view {\n min-height: 0 !important;\n padding-bottom: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div {\n height: 28px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div .q-btn .q-icon {\n font-size: 12px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense {\n padding: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container {\n min-height: 172px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn {\n padding: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper {\n background: #0075ff;\n opacity: 1;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:before, .date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:after {\n display: none;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-btn__content > span {\n color: white;\n}";
1115
+ var css_248z$t = ".s-date-range-picker {\n width: fit-content;\n height: 28px;\n}\n.s-date-range-picker.q-field--dense .q-field__before {\n padding: 0;\n height: 100%;\n}\n.s-date-range-picker .q-field__inner {\n font-size: 12px;\n}\n.s-date-range-picker .q-field__inner .q-field__control {\n padding: 4px 0 4px 8px !important;\n align-items: center;\n height: 100%;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend .q-icon {\n width: 20px;\n height: 20px;\n color: #737373;\n}\n.s-date-range-picker .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date-range-picker .q-field__inner .q-field__control:hover, .s-date-range-picker .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n padding: 0;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend > div {\n min-height: 0;\n height: 100%;\n display: flex !important;\n align-items: center;\n justify-content: center;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn {\n width: 1.667em;\n height: 1.667em;\n min-height: 1.667em;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn .q-icon {\n font-size: 1.667em;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container {\n display: flex;\n justify-content: center;\n height: 20px;\n margin-left: 12px;\n margin-right: 16px;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container .q-field__native {\n height: 100%;\n line-height: 165%;\n text-align: center;\n padding: 0 !important;\n display: none;\n font-size: 12px;\n font-weight: 400;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container .q-field__native input::placeholder {\n color: #333333;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__append {\n padding: 0 6px 0 0;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control {\n width: 70px;\n padding: 0px !important;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control::before, .s-date-range-picker .inner-input > .q-field__inner > .q-field__control::after {\n border: none;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control > .q-field__control-container {\n margin: 0px;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control > .q-field__control-container input {\n display: block !important;\n}\n.s-date-range-picker .date-str {\n width: 70px;\n line-height: 20px;\n justify-content: center;\n}\n.s-date-range-picker--inside .q-field__before {\n height: 100%;\n padding: 4px 12px !important;\n border: 1px solid #aaaaaa;\n border-right: none;\n border-radius: 2px 0 0 2px;\n background: #f6f6f6;\n}\n.s-date-range-picker--inside .q-field__before .date-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n width: 220px;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control .q-field__prepend .q-icon {\n width: 20px;\n height: 20px;\n color: #737373;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control-container > div {\n margin-left: 6.5px;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control-container > div > span {\n display: inline-flex;\n min-width: 70px;\n font-size: 12px !important;\n}\n.s-date-range-picker--inside.q-field--disabled .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-date-range-picker--inside.q-field--disabled .q-field__before .date-picker-label {\n color: #888888;\n}\n.date-picker-range-wrapper.q-menu {\n width: 609px;\n height: 330px;\n max-height: 330px;\n overflow: hidden;\n border-radius: 8px;\n position: relative;\n min-width: 0 !important;\n min-height: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-separator {\n position: absolute;\n height: 244px;\n left: 304px;\n top: 62px;\n}\n.date-picker-range-wrapper.q-menu .q-date {\n position: absolute;\n min-height: 330px;\n top: 0;\n box-shadow: none;\n width: 304px;\n}\n.date-picker-range-wrapper.q-menu .q-date:first-of-type {\n left: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date:last-of-type {\n right: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions {\n padding: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions > .reset-to-today-btn {\n padding: 0;\n width: 28px;\n height: 22px;\n min-height: 22px;\n position: absolute;\n background: transparent;\n top: 20px;\n right: 24px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions > .reset-to-today-btn > span {\n color: #333333;\n text-decoration: underline;\n color: #333333;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions:hover .q-btn__content {\n text-decoration: underline;\n color: #0075ff;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content {\n margin-top: 42px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view {\n min-height: 0 !important;\n padding-bottom: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div {\n height: 28px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div .q-btn .q-icon {\n font-size: 12px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense {\n padding: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container {\n min-height: 172px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn {\n padding: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper {\n background: #0075ff;\n opacity: 1;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:before, .date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:after {\n display: none;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-btn__content > span {\n color: white;\n}";
1121
1116
  styleInject(css_248z$t);
1122
1117
 
1123
1118
  script$v.render = render$w;
@@ -4966,7 +4961,7 @@
4966
4961
  ], 64))
4967
4962
  }
4968
4963
 
4969
- var css_248z$8 = ".s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner {\n min-width: 0;\n width: 16px;\n height: 16px;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner .q-checkbox__bg, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner .q-checkbox__bg {\n border: 1px solid #888888;\n width: 16px;\n height: 16px;\n padding: 0 2.5px;\n background: white;\n top: 0;\n left: 0;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner .q-checkbox__bg .q-checkbox__svg, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner .q-checkbox__bg .q-checkbox__svg {\n width: 11.43px !important;\n margin: auto;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner--indet, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner--indet, .s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner--truthy, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner--truthy {\n color: #0075ff !important;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: none;\n background: #0075ff;\n}\n.s-table {\n border-radius: 8px !important;\n border: 1px solid #e1e1e1;\n}\n.s-table .q-table__middle .q-table {\n overflow: auto;\n}\n.s-table .q-table__middle .q-table thead {\n background: #f5faff;\n min-height: 0;\n}\n.s-table .q-table__middle .q-table thead tr {\n height: 36px;\n}\n.s-table .q-table__middle .q-table thead tr th {\n padding: 0 16px;\n font-size: 12px;\n font-weight: 500;\n word-break: keep-all;\n white-space: nowrap;\n}\n.s-table .q-table__middle .q-table tbody tr {\n min-height: 0px;\n}\n.s-table .q-table__middle .q-table tbody tr td {\n padding: 0 16px;\n font-size: 12px;\n word-break: keep-all;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.s-table .q-table__middle .q-table tbody tr td:before {\n background: none;\n}\n.s-table .q-table__middle .q-table tbody tr td .s-table-edited-td {\n display: inline-flex;\n align-items: center;\n}\n.s-table .q-table__middle .q-table tbody tr .focused {\n border: 1px solid #0075ff !important;\n}\n.s-table .q-table__middle .q-table tbody tr:hover {\n background-color: #f9f9f9;\n}\n.s-table .q-table__middle .q-table tbody tr:last-child > td {\n border-bottom-width: 1px;\n}\n.s-table .q-table__bottom {\n min-height: 0;\n padding: 0;\n border: none;\n}\n.s-table .q-table__bottom--nodata {\n height: 240px;\n color: #888888;\n font-size: 12px;\n line-height: 165%;\n display: block;\n padding-top: 80px;\n}\n.s-select-table .q-table__middle .q-table thead tr th:first-of-type {\n padding: 0 8px 0 24px;\n line-height: 100%;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type {\n padding: 0 8px 0 24px;\n line-height: 100%;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:after {\n background: none;\n}\n.resizable-table .q-table__middle .q-table thead tr th:last-of-type .resiable-right {\n display: none;\n}\n.s-select-table.resizable-table .q-table__middle .q-table thead tr th:first-of-type > .resiable-right {\n display: none;\n}\n.sticky-resizable-table .q-table__middle .q-table thead th:first-of-type > .resiable-left {\n display: none;\n}\n.sticky-header .q-table__middle .q-table thead tr th {\n background: #f5faff;\n position: sticky;\n top: 0;\n z-index: 100;\n}\n.before-search .q-table__middle .q-table thead {\n opacity: 0.4;\n}";
4964
+ var css_248z$8 = ".s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner {\n min-width: 0;\n width: 16px;\n height: 16px;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner .q-checkbox__bg, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner .q-checkbox__bg {\n border: 1px solid #888888;\n width: 16px;\n height: 16px;\n padding: 0 2.5px;\n background: white;\n top: 0;\n left: 0;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner .q-checkbox__bg .q-checkbox__svg, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner .q-checkbox__bg .q-checkbox__svg {\n width: 11.43px !important;\n margin: auto;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner--indet, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner--indet, .s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner--truthy, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner--truthy {\n color: #0075ff !important;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: none;\n background: #0075ff;\n}\n.s-table {\n border-radius: 8px !important;\n border: 1px solid #e1e1e1;\n}\n.s-table .q-table__middle .q-table {\n overflow: auto;\n}\n.s-table .q-table__middle .q-table thead {\n background: #f5faff;\n min-height: 0;\n}\n.s-table .q-table__middle .q-table thead tr {\n height: 36px;\n color: #222222;\n}\n.s-table .q-table__middle .q-table thead tr th {\n padding: 0 16px;\n font-size: 12px;\n font-weight: 500;\n word-break: keep-all;\n white-space: nowrap;\n}\n.s-table .q-table__middle .q-table thead tr th.sortable > .q-table__sort-icon {\n display: none;\n color: #006ac1;\n font-size: 16px;\n}\n.s-table .q-table__middle .q-table thead tr th.sortable:hover > .q-table__sort-icon {\n display: inline-block;\n opacity: 1;\n}\n.s-table .q-table__middle .q-table tbody tr {\n min-height: 0px;\n color: #222222;\n}\n.s-table .q-table__middle .q-table tbody tr td {\n padding: 0 16px;\n font-size: 12px;\n word-break: keep-all;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.s-table .q-table__middle .q-table tbody tr td:before {\n background: none;\n}\n.s-table .q-table__middle .q-table tbody tr td .s-table-edited-td {\n display: inline-flex;\n align-items: center;\n}\n.s-table .q-table__middle .q-table tbody tr .focused {\n border: 1px solid #0075ff !important;\n}\n.s-table .q-table__middle .q-table tbody tr:hover {\n background-color: #f9f9f9;\n}\n.s-table .q-table__middle .q-table tbody tr:last-child > td {\n border-bottom-width: 1px;\n}\n.s-table .q-table__bottom {\n min-height: 0;\n padding: 0;\n border: none;\n}\n.s-table .q-table__bottom--nodata {\n height: 240px;\n color: #888888;\n font-size: 12px;\n line-height: 165%;\n display: block;\n padding-top: 80px;\n}\n.s-select-table .q-table__middle .q-table thead tr th:first-of-type {\n padding: 0 8px 0 24px;\n line-height: 100%;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type {\n padding: 0 8px 0 24px;\n line-height: 100%;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:after {\n background: none;\n}\n.resizable-table .q-table__middle .q-table thead tr th:last-of-type .resiable-right {\n display: none;\n}\n.s-select-table.resizable-table .q-table__middle .q-table thead tr th:first-of-type > .resiable-right {\n display: none;\n}\n.sticky-resizable-table .q-table__middle .q-table thead th:first-of-type > .resiable-left {\n display: none;\n}\n.sticky-header .q-table__middle .q-table thead tr th {\n background: #f5faff;\n position: sticky;\n top: 0;\n z-index: 100;\n}\n.before-search .q-table__middle .q-table thead {\n opacity: 0.4;\n}";
4970
4965
  styleInject(css_248z$8);
4971
4966
 
4972
4967
  script$8.render = render$9;
@@ -5189,11 +5184,11 @@
5189
5184
  };
5190
5185
 
5191
5186
  var _hoisted_1$6 = { class: "flex column flex-center" };
5192
- var _hoisted_2$5 = /*#__PURE__*/vue.createElementVNode("div", { class: "q-mx-xs" }, ":", -1);
5187
+ var _hoisted_2$5 = /*#__PURE__*/vue.createElementVNode("div", { class: "q-mx-sm" }, ":", -1);
5193
5188
  var _hoisted_3$3 = { class: "flex column flex-center" };
5194
5189
  var _hoisted_4$3 = {
5195
5190
  key: 0,
5196
- class: "q-mx-xs"
5191
+ class: "q-mx-sm"
5197
5192
  };
5198
5193
  var _hoisted_5$3 = {
5199
5194
  key: 1,
@@ -5421,7 +5416,7 @@
5421
5416
  class: "content"
5422
5417
  };
5423
5418
  var _hoisted_3$2 = { class: "cursor-pointer" };
5424
- var _hoisted_4$2 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-xs" }, "~", -1);
5419
+ var _hoisted_4$2 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-sm" }, "~", -1);
5425
5420
  var _hoisted_5$2 = { class: "cursor-pointer" };
5426
5421
  var _hoisted_6$1 = {
5427
5422
  key: 1,
@@ -6185,7 +6180,7 @@
6185
6180
  style: {"flex-grow":"1","justify-content":"center"}
6186
6181
  };
6187
6182
  var _hoisted_3$1 = { class: "reset-btn-area flex justify-end" };
6188
- var _hoisted_4$1 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-xs" }, "~", -1);
6183
+ var _hoisted_4$1 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-sm" }, "~", -1);
6189
6184
  var _hoisted_5$1 = { class: "reset-btn-area flex justify-end" };
6190
6185
 
6191
6186
  function render$2(_ctx, _cache, $props, $setup, $data, $options) {
@@ -6710,7 +6705,7 @@
6710
6705
  style: {"flex-grow":"1","justify-content":"center"}
6711
6706
  };
6712
6707
  var _hoisted_3 = { class: "reset-btn-area flex justify-end" };
6713
- var _hoisted_4 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-xs text-Grey_Darken-4" }, "~", -1);
6708
+ var _hoisted_4 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-sm text-Grey_Darken-4" }, "~", -1);
6714
6709
  var _hoisted_5 = { class: "reset-btn-area flex justify-end" };
6715
6710
  var _hoisted_6 = { class: "reset-btn-area flex justify-end" };
6716
6711
 
@@ -7127,7 +7122,7 @@
7127
7122
  });
7128
7123
  var __injectCSSVars__ = function () {
7129
7124
  vue.useCssVars(function (_ctx) { return ({
7130
- "43ac0787": (_ctx.dateWidth)
7125
+ "5bf74f88": (_ctx.dateWidth)
7131
7126
  }); });};
7132
7127
  var __setup__ = __default__.setup;
7133
7128
  __default__.setup = __setup__
@@ -7261,7 +7256,7 @@
7261
7256
  ]), 1032, ["class", "disable", "modelValue"]))
7262
7257
  }
7263
7258
 
7264
- var css_248z = ".s-date-auto-range-picker {\n width: var(--43ac0787);\n}\n.s-date-auto-range-picker .q-field__control {\n max-height: 28px;\n height: 28px;\n padding: 0;\n}\n.s-date-auto-range-picker .q-field__control:before {\n border: 1px solid #aaaaaa !important;\n}\n.s-date-auto-range-picker .q-field__control:after {\n border-color: transparent !important;\n box-shadow: none !important;\n}\n.s-date-auto-range-picker .q-field__control:hover, .s-date-auto-range-picker .q-field__control:active {\n box-sizing: none;\n background-color: #f6f6f6;\n}\n.s-date-auto-range-picker .q-field__control .q-field__prepend {\n padding: 0;\n margin: 0 4px 0 8px;\n height: 28px;\n width: 20px;\n}\n.s-date-auto-range-picker .q-field__control-container {\n align-items: center;\n padding: 0;\n margin: 0 16px 0 8px;\n}\n.s-date-auto-range-picker .q-field__control-container .q-field__native {\n display: none;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str {\n min-width: fit-content;\n line-height: 28px;\n font-size: 12px;\n display: block;\n color: #333333;\n height: 100%;\n user-select: none;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str:first-of-type {\n margin-right: 4px;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str:last-of-type {\n margin-left: 4px;\n}\n.s-date-auto-range-picker .q-field__control .q-field__append {\n height: 28px;\n padding: 0;\n margin: 0 8px 0 0;\n}\n.s-date-auto-range-picker.q-field--disabled .q-field__control:before {\n border: 1px solid #cccccc !important;\n}\n.s-date-auto-range-picker.q-field--disabled .q-field__control-container .date-str {\n color: #888888;\n}\n.s-date-auto-range-picker--inside .q-field__before {\n height: 28px;\n line-height: 20px;\n padding: 0;\n}\n.s-date-auto-range-picker--inside .q-field__before .date-picker-label {\n border-right: none !important;\n border-radius: 2px 0 0 2px;\n height: 28px;\n font-size: 12px;\n}\n.s-date-auto-range-picker--inside .q-field__control {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.s-date-auto-range-picker--use-icon .q-field__control-container {\n margin: 0 8px 0 4px;\n}";
7259
+ var css_248z = ".s-date-auto-range-picker {\n width: var(--5bf74f88);\n}\n.s-date-auto-range-picker .q-field__control {\n max-height: 28px;\n height: 28px;\n padding: 0;\n}\n.s-date-auto-range-picker .q-field__control:before {\n border: 1px solid #aaaaaa !important;\n}\n.s-date-auto-range-picker .q-field__control:after {\n border-color: transparent !important;\n box-shadow: none !important;\n}\n.s-date-auto-range-picker .q-field__control:hover, .s-date-auto-range-picker .q-field__control:active {\n box-sizing: none;\n background-color: #f6f6f6;\n}\n.s-date-auto-range-picker .q-field__control .q-field__prepend {\n padding: 0;\n margin: 0 4px 0 8px;\n height: 28px;\n width: 20px;\n}\n.s-date-auto-range-picker .q-field__control-container {\n align-items: center;\n padding: 0;\n margin: 0 16px 0 8px;\n}\n.s-date-auto-range-picker .q-field__control-container .q-field__native {\n display: none;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str {\n min-width: 66px;\n line-height: 28px;\n font-size: 12px;\n display: block;\n color: #333333;\n height: 100%;\n user-select: none;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str:first-of-type {\n margin-right: 4px;\n}\n.s-date-auto-range-picker .q-field__control-container .date-str:last-of-type {\n margin-left: 4px;\n}\n.s-date-auto-range-picker .q-field__control .q-field__append {\n height: 28px;\n padding: 0;\n margin: 0 8px 0 0;\n}\n.s-date-auto-range-picker.q-field--disabled .q-field__control:before {\n border: 1px solid #cccccc !important;\n}\n.s-date-auto-range-picker.q-field--disabled .q-field__control-container .date-str {\n color: #888888;\n}\n.s-date-auto-range-picker--inside .q-field__before {\n height: 28px;\n line-height: 20px;\n padding: 0;\n}\n.s-date-auto-range-picker--inside .q-field__before .date-picker-label {\n border-right: none !important;\n border-radius: 2px 0 0 2px;\n height: 28px;\n font-size: 12px;\n}\n.s-date-auto-range-picker--inside .q-field__control {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.s-date-auto-range-picker--use-icon .q-field__control-container {\n margin: 0 8px 0 4px;\n}";
7265
7260
  styleInject(css_248z);
7266
7261
 
7267
7262
  __default__.render = render;
@@ -7276,7 +7271,7 @@
7276
7271
 
7277
7272
  /* eslint-disable no-multiple-empty-lines */
7278
7273
 
7279
- var version = '3.0.4';
7274
+ var version = '3.0.6';
7280
7275
 
7281
7276
  function install(app) {
7282
7277
  app.component('s-breadcrumbs', script$D);