quasar-ui-sellmate-ui-kit 3.9.6 → 3.9.7

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 (15) hide show
  1. package/dist/index.common.js +2 -2
  2. package/dist/index.css +1 -1
  3. package/dist/index.esm.js +2 -2
  4. package/dist/index.min.css +1 -1
  5. package/dist/index.rtl.css +1 -1
  6. package/dist/index.rtl.min.css +1 -1
  7. package/dist/index.umd.js +910 -398
  8. package/dist/index.umd.min.js +2 -2
  9. package/package.json +1 -1
  10. package/src/assets/icons.js +3 -7
  11. package/src/components/STableTree.vue +468 -0
  12. package/src/components/TableTreeNode.vue +182 -0
  13. package/src/composables/table/use-resizable-tree.js +96 -0
  14. package/src/vue-plugin.js +2 -0
  15. package/src/assets/pathIcon.png +0 -0
package/dist/index.umd.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * quasar-ui-sellmate-ui-kit v3.9.5
2
+ * quasar-ui-sellmate-ui-kit v3.9.6
3
3
  * (c) 2024 Sellmate Dev Team <dev@sellmate.co.kr>
4
4
  * Released under the MIT License.
5
5
  */
@@ -10,7 +10,7 @@
10
10
  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.sellmateUI = factory(global.Vue, global.Quasar));
11
11
  })(this, (function (vue, quasar) { 'use strict';
12
12
 
13
- var script$E = vue.defineComponent({
13
+ var script$G = vue.defineComponent({
14
14
  name: 'SBreadcrumbs',
15
15
  components: {
16
16
  QBreadcrumbs: quasar.QBreadcrumbs,
@@ -21,7 +21,7 @@
21
21
  },
22
22
  });
23
23
 
24
- function render$F(_ctx, _cache, $props, $setup, $data, $options) {
24
+ function render$H(_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
 
@@ -79,12 +79,12 @@
79
79
  }
80
80
  }
81
81
 
82
- var css_248z$D = ".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
- styleInject(css_248z$D);
82
+ var css_248z$F = ".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
+ styleInject(css_248z$F);
84
84
 
85
- script$E.render = render$F;
85
+ script$G.render = render$H;
86
86
 
87
- var script$D = vue.defineComponent({
87
+ var script$F = vue.defineComponent({
88
88
  name: 'SButton',
89
89
  components: { QBtn: quasar.QBtn },
90
90
  props: {
@@ -103,7 +103,7 @@
103
103
  },
104
104
  });
105
105
 
106
- function render$E(_ctx, _cache, $props, $setup, $data, $options) {
106
+ function render$G(_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, {
@@ -130,12 +130,12 @@
130
130
  }, 8, ["color", "class"]))
131
131
  }
132
132
 
133
- var css_248z$C = ".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
- styleInject(css_248z$C);
133
+ var css_248z$E = ".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
+ styleInject(css_248z$E);
135
135
 
136
- script$D.render = render$E;
136
+ script$F.render = render$G;
137
137
 
138
- var script$C = vue.defineComponent({
138
+ var script$E = vue.defineComponent({
139
139
  name: 'SButtonGroup',
140
140
  components: {
141
141
  QBtnGroup: quasar.QBtnGroup,
@@ -148,7 +148,7 @@
148
148
  },
149
149
  });
150
150
 
151
- function render$D(_ctx, _cache, $props, $setup, $data, $options) {
151
+ function render$F(_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, {
@@ -163,12 +163,12 @@
163
163
  }, 8, ["class"]))
164
164
  }
165
165
 
166
- var css_248z$B = ".s-btn-group .disabled {\n border: none;\n}\n.s-btn-group .disabled::before {\n border: 1px solid #cccccc;\n}";
167
- styleInject(css_248z$B);
166
+ var css_248z$D = ".s-btn-group .disabled {\n border: none;\n}\n.s-btn-group .disabled::before {\n border: 1px solid #cccccc;\n}";
167
+ styleInject(css_248z$D);
168
168
 
169
- script$C.render = render$D;
169
+ script$E.render = render$F;
170
170
 
171
- var script$B = vue.defineComponent({
171
+ var script$D = vue.defineComponent({
172
172
  name: 'SButtonToggle',
173
173
  components: {
174
174
  QBtnToggle: quasar.QBtnToggle,
@@ -195,7 +195,7 @@
195
195
  },
196
196
  });
197
197
 
198
- function render$C(_ctx, _cache, $props, $setup, $data, $options) {
198
+ function render$E(_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, {
@@ -222,10 +222,10 @@
222
222
  }, null, 8, ["modelValue", "class"]))
223
223
  }
224
224
 
225
- var css_248z$A = ".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
- styleInject(css_248z$A);
225
+ var css_248z$C = ".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
+ styleInject(css_248z$C);
227
227
 
228
- script$B.render = render$C;
228
+ script$D.render = render$E;
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
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: currentColor\n|0 0 24 24\n";
@@ -252,7 +252,11 @@
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$A = vue.defineComponent({
255
+
256
+ var addIcon10 = 'M1.16669 5H8.83335@@stroke:currentColor;stroke-width:0.8;stroke-linecap:round&&M5 1.16669L5 8.83335@@stroke:currentColor;stroke-width:0.8;stroke-linecap:round; | 0 0 10 10';
257
+ var minusIcon10 = 'M1.16669 5H8.83335@@stroke:currentColor;stroke-width:0.8;stroke-linecap:round; | 0 0 10 10';
258
+
259
+ var script$C = vue.defineComponent({
256
260
  components: {
257
261
  QBanner: quasar.QBanner,
258
262
  QIcon: quasar.QIcon,
@@ -292,9 +296,9 @@
292
296
  },
293
297
  });
294
298
 
295
- var _hoisted_1$n = { class: "s-caution__icon--title q-mt-xs text-white block font-16-700" };
299
+ var _hoisted_1$p = { class: "s-caution__icon--title q-mt-xs text-white block font-16-700" };
296
300
 
297
- function render$B(_ctx, _cache, $props, $setup, $data, $options) {
301
+ function render$D(_ctx, _cache, $props, $setup, $data, $options) {
298
302
  var _component_q_icon = vue.resolveComponent("q-icon");
299
303
  var _component_q_banner = vue.resolveComponent("q-banner");
300
304
 
@@ -328,7 +332,7 @@
328
332
  color: "Red_Lighten-1",
329
333
  name: _ctx.cautionOutlineIcon
330
334
  }, null, 8, ["name"]),
331
- vue.createElementVNode("strong", _hoisted_1$n, vue.toDisplayString(_ctx.label), 1)
335
+ vue.createElementVNode("strong", _hoisted_1$p, vue.toDisplayString(_ctx.label), 1)
332
336
  ]; }),
333
337
  key: "0"
334
338
  }
@@ -336,13 +340,13 @@
336
340
  ]), 1032, ["class"]))
337
341
  }
338
342
 
339
- var css_248z$z = ".s-caution[data-v-7e5e41f8] {\n padding: 0;\n overflow: hidden;\n max-height: 100%;\n max-width: 100%;\n}\n.s-caution[data-v-7e5e41f8] .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[data-v-7e5e41f8] .q-banner__content {\n padding: 0 !important;\n margin: 20px 32px 20px 48px;\n}\n.s-caution[data-v-7e5e41f8] .q-banner__content > ul {\n padding: 0;\n margin: 0;\n}\n.s-caution[data-v-7e5e41f8] .q-banner__content > ul > li {\n list-style: none;\n font-size: 12px;\n line-height: 22px;\n text-indent: -18px !important;\n}\n.s-caution[data-v-7e5e41f8] .q-banner__content > ul > li:before {\n content: \"-\";\n font-size: 12px;\n line-height: 22px;\n margin-right: 12px;\n}\n.s-caution--no-icon[data-v-7e5e41f8] .q-banner__avatar {\n display: none;\n}\n.s-caution--modal[data-v-7e5e41f8] .q-banner__content {\n margin: 12px 24px 12px 40px;\n}\n.s-caution--modal[data-v-7e5e41f8] .q-banner__content ul li {\n text-indent: -14px !important;\n}\n.s-caution--modal[data-v-7e5e41f8] .q-banner__content ul li:before {\n margin-right: 8px;\n}";
340
- styleInject(css_248z$z);
343
+ var css_248z$B = ".s-caution[data-v-7e5e41f8] {\n padding: 0;\n overflow: hidden;\n max-height: 100%;\n max-width: 100%;\n}\n.s-caution[data-v-7e5e41f8] .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[data-v-7e5e41f8] .q-banner__content {\n padding: 0 !important;\n margin: 20px 32px 20px 48px;\n}\n.s-caution[data-v-7e5e41f8] .q-banner__content > ul {\n padding: 0;\n margin: 0;\n}\n.s-caution[data-v-7e5e41f8] .q-banner__content > ul > li {\n list-style: none;\n font-size: 12px;\n line-height: 22px;\n text-indent: -18px !important;\n}\n.s-caution[data-v-7e5e41f8] .q-banner__content > ul > li:before {\n content: \"-\";\n font-size: 12px;\n line-height: 22px;\n margin-right: 12px;\n}\n.s-caution--no-icon[data-v-7e5e41f8] .q-banner__avatar {\n display: none;\n}\n.s-caution--modal[data-v-7e5e41f8] .q-banner__content {\n margin: 12px 24px 12px 40px;\n}\n.s-caution--modal[data-v-7e5e41f8] .q-banner__content ul li {\n text-indent: -14px !important;\n}\n.s-caution--modal[data-v-7e5e41f8] .q-banner__content ul li:before {\n margin-right: 8px;\n}";
344
+ styleInject(css_248z$B);
341
345
 
342
- script$A.render = render$B;
343
- script$A.__scopeId = "data-v-7e5e41f8";
346
+ script$C.render = render$D;
347
+ script$C.__scopeId = "data-v-7e5e41f8";
344
348
 
345
- var script$z = vue.defineComponent({
349
+ var script$B = vue.defineComponent({
346
350
  name: 'SCheckbox',
347
351
  components: {
348
352
  QCheckbox: quasar.QCheckbox,
@@ -355,7 +359,7 @@
355
359
  },
356
360
  });
357
361
 
358
- function render$A(_ctx, _cache, $props, $setup, $data, $options) {
362
+ function render$C(_ctx, _cache, $props, $setup, $data, $options) {
359
363
  var _component_q_checkbox = vue.resolveComponent("q-checkbox");
360
364
 
361
365
  return (vue.openBlock(), vue.createBlock(_component_q_checkbox, {
@@ -365,12 +369,12 @@
365
369
  }, null, 8, ["class"]))
366
370
  }
367
371
 
368
- var css_248z$y = ".s-checkbox {\n margin: 0;\n justify-content: center;\n align-items: center;\n font-size: 12px;\n height: 1.667em;\n}\n.s-checkbox:hover .q-checkbox__inner .q-checkbox__bg {\n border: 1px solid #0075ff;\n background-color: #d5ebfe;\n}\n.s-checkbox > .q-checkbox__inner {\n min-width: 0;\n width: 0.4em;\n height: 0.4em;\n}\n.s-checkbox > .q-checkbox__inner:before {\n background: none !important;\n}\n.s-checkbox > .q-checkbox__inner .q-checkbox__bg {\n border: 1px solid #888888;\n width: 0.4em;\n height: 0.4em;\n background: white;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.s-checkbox > .q-checkbox__inner .q-checkbox__bg .q-checkbox__svg {\n width: 0.286em !important;\n margin: 0 auto;\n}\n.s-checkbox > .q-checkbox__inner--indet, .s-checkbox > .q-checkbox__inner--truthy {\n color: #0075ff !important;\n}\n.s-checkbox > .q-checkbox__inner--indet .q-checkbox__bg, .s-checkbox > .q-checkbox__inner--truthy .q-checkbox__bg {\n border: none !important;\n background-color: #0075ff !important;\n}\n.s-checkbox > .q-checkbox__inner--indet path, .s-checkbox > .q-checkbox__inner--truthy path {\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n.s-checkbox > .q-checkbox__inner--indet path:first-of-type, .s-checkbox > .q-checkbox__inner--truthy path:first-of-type {\n transform: scale(0.98);\n}\n.s-checkbox > .q-checkbox__label {\n padding-left: 8px;\n color: #333333;\n line-height: 20px;\n}\n.s-checkbox[aria-checked=true].disabled .q-checkbox__inner .q-checkbox__bg {\n background: #eeeeee !important;\n border: 1px solid #cccccc !important;\n}\n.disabled.s-checkbox {\n border: none !important;\n background: none !important;\n}\n.disabled.s-checkbox > .q-checkbox__inner .q-checkbox__bg {\n border: 1px solid #cccccc;\n background: #eeeeee;\n}\n.disabled.s-checkbox > .q-checkbox__inner .q-checkbox__bg .q-checkbox__svg {\n color: #888888;\n}\n.ck-margin-sm {\n margin-right: 20px;\n}\n.ck-margin-sm:last-of-type {\n margin-right: 0;\n}\n.ck-margin-lg {\n margin-right: 40px;\n}\n.ck-margin-lg:last-of-type {\n margin-right: 0;\n}";
369
- styleInject(css_248z$y);
372
+ var css_248z$A = ".s-checkbox {\n margin: 0;\n justify-content: center;\n align-items: center;\n font-size: 12px;\n height: 1.667em;\n}\n.s-checkbox:hover .q-checkbox__inner .q-checkbox__bg {\n border: 1px solid #0075ff;\n background-color: #d5ebfe;\n}\n.s-checkbox > .q-checkbox__inner {\n min-width: 0;\n width: 0.4em;\n height: 0.4em;\n}\n.s-checkbox > .q-checkbox__inner:before {\n background: none !important;\n}\n.s-checkbox > .q-checkbox__inner .q-checkbox__bg {\n border: 1px solid #888888;\n width: 0.4em;\n height: 0.4em;\n background: white;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.s-checkbox > .q-checkbox__inner .q-checkbox__bg .q-checkbox__svg {\n width: 0.286em !important;\n margin: 0 auto;\n}\n.s-checkbox > .q-checkbox__inner--indet, .s-checkbox > .q-checkbox__inner--truthy {\n color: #0075ff !important;\n}\n.s-checkbox > .q-checkbox__inner--indet .q-checkbox__bg, .s-checkbox > .q-checkbox__inner--truthy .q-checkbox__bg {\n border: none !important;\n background-color: #0075ff !important;\n}\n.s-checkbox > .q-checkbox__inner--indet path, .s-checkbox > .q-checkbox__inner--truthy path {\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n.s-checkbox > .q-checkbox__inner--indet path:first-of-type, .s-checkbox > .q-checkbox__inner--truthy path:first-of-type {\n transform: scale(0.98);\n}\n.s-checkbox > .q-checkbox__label {\n padding-left: 8px;\n color: #333333;\n line-height: 20px;\n}\n.s-checkbox[aria-checked=true].disabled .q-checkbox__inner .q-checkbox__bg {\n background: #eeeeee !important;\n border: 1px solid #cccccc !important;\n}\n.disabled.s-checkbox {\n border: none !important;\n background: none !important;\n}\n.disabled.s-checkbox > .q-checkbox__inner .q-checkbox__bg {\n border: 1px solid #cccccc;\n background: #eeeeee;\n}\n.disabled.s-checkbox > .q-checkbox__inner .q-checkbox__bg .q-checkbox__svg {\n color: #888888;\n}\n.ck-margin-sm {\n margin-right: 20px;\n}\n.ck-margin-sm:last-of-type {\n margin-right: 0;\n}\n.ck-margin-lg {\n margin-right: 40px;\n}\n.ck-margin-lg:last-of-type {\n margin-right: 0;\n}";
373
+ styleInject(css_248z$A);
370
374
 
371
- script$z.render = render$A;
375
+ script$B.render = render$C;
372
376
 
373
- var script$y = vue.defineComponent({
377
+ var script$A = vue.defineComponent({
374
378
  name: 'SChip',
375
379
  components: { QChip: quasar.QChip },
376
380
  props: {
@@ -402,9 +406,9 @@
402
406
  },
403
407
  });
404
408
 
405
- var _hoisted_1$m = ["contenteditable"];
409
+ var _hoisted_1$o = ["contenteditable"];
406
410
 
407
- function render$z(_ctx, _cache, $props, $setup, $data, $options) {
411
+ function render$B(_ctx, _cache, $props, $setup, $data, $options) {
408
412
  var _component_q_chip = vue.resolveComponent("q-chip");
409
413
 
410
414
  return (vue.openBlock(), vue.createBlock(_component_q_chip, {
@@ -432,7 +436,7 @@
432
436
 
433
437
  return (_ctx.handleInput && _ctx.handleInput.apply(_ctx, args));
434
438
  })
435
- }, vue.toDisplayString(_ctx.inputValue), 41, _hoisted_1$m))
439
+ }, vue.toDisplayString(_ctx.inputValue), 41, _hoisted_1$o))
436
440
  : vue.createCommentVNode("", true),
437
441
  vue.renderSlot(_ctx.$slots, "default")
438
442
  ]; }),
@@ -440,12 +444,12 @@
440
444
  }, 8, ["clickable", "icon-remove"]))
441
445
  }
442
446
 
443
- var css_248z$x = ".s-chip {\n padding: 4px 8px 4px 12px !important;\n border-radius: 4px;\n background-color: white;\n min-height: 28px;\n}\n.s-chip:hover {\n border-color: #333333;\n}\n.s-chip:hover .q-focus-helper {\n background: inherit;\n}\n.s-chip .q-chip__content {\n color: #333333;\n font-size: 12px;\n font-weight: 400;\n height: 20px;\n min-height: 20px;\n}\n.s-chip .q-chip__icon--remove {\n color: #333333;\n font-size: 1em;\n margin: 0;\n margin-left: 8px;\n}\n.s-chip-input {\n height: 28px;\n padding: 4px 0 !important;\n}\n.s-chip-input:focus-visible {\n outline: none;\n}";
444
- styleInject(css_248z$x);
447
+ var css_248z$z = ".s-chip {\n padding: 4px 8px 4px 12px !important;\n border-radius: 4px;\n background-color: white;\n min-height: 28px;\n}\n.s-chip:hover {\n border-color: #333333;\n}\n.s-chip:hover .q-focus-helper {\n background: inherit;\n}\n.s-chip .q-chip__content {\n color: #333333;\n font-size: 12px;\n font-weight: 400;\n height: 20px;\n min-height: 20px;\n}\n.s-chip .q-chip__icon--remove {\n color: #333333;\n font-size: 1em;\n margin: 0;\n margin-left: 8px;\n}\n.s-chip-input {\n height: 28px;\n padding: 4px 0 !important;\n}\n.s-chip-input:focus-visible {\n outline: none;\n}";
448
+ styleInject(css_248z$z);
445
449
 
446
- script$y.render = render$z;
450
+ script$A.render = render$B;
447
451
 
448
- var script$x = vue.defineComponent({
452
+ var script$z = vue.defineComponent({
449
453
  name: 'SDatePicker',
450
454
  components: {
451
455
  QInput: quasar.QInput,
@@ -612,11 +616,11 @@
612
616
  },
613
617
  });
614
618
 
615
- var _hoisted_1$l = { class: "date-picker-label" };
616
- var _hoisted_2$e = { key: 0 };
617
- var _hoisted_3$8 = { key: 1 };
619
+ var _hoisted_1$n = { class: "date-picker-label" };
620
+ var _hoisted_2$g = { key: 0 };
621
+ var _hoisted_3$a = { key: 1 };
618
622
 
619
- function render$y(_ctx, _cache, $props, $setup, $data, $options) {
623
+ function render$A(_ctx, _cache, $props, $setup, $data, $options) {
620
624
  var _component_q_date = vue.resolveComponent("q-date");
621
625
  var _component_q_menu = vue.resolveComponent("q-menu");
622
626
  var _component_q_btn = vue.resolveComponent("q-btn");
@@ -642,7 +646,7 @@
642
646
  }, vue.createSlots({
643
647
  prepend: vue.withCtx(function () { return [
644
648
  (!_ctx.range)
645
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$e, [
649
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$g, [
646
650
  vue.createVNode(_component_q_btn, {
647
651
  icon: _ctx.dateRangeIcon,
648
652
  dense: "",
@@ -681,7 +685,7 @@
681
685
  _: 1
682
686
  }, 8, ["icon"])
683
687
  ]))
684
- : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$8, [
688
+ : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$a, [
685
689
  vue.createVNode(_component_q_btn, {
686
690
  icon: _ctx.dateRangeIcon,
687
691
  dense: "",
@@ -729,7 +733,7 @@
729
733
  ? {
730
734
  name: "before",
731
735
  fn: vue.withCtx(function () { return [
732
- vue.createElementVNode("div", _hoisted_1$l, vue.toDisplayString(_ctx.label), 1)
736
+ vue.createElementVNode("div", _hoisted_1$n, vue.toDisplayString(_ctx.label), 1)
733
737
  ]; }),
734
738
  key: "0"
735
739
  }
@@ -753,10 +757,10 @@
753
757
  ]), 1032, ["class", "placeholder", "modelValue", "disable", "name", "type"]))
754
758
  }
755
759
 
756
- var css_248z$w = ".s-date-picker {\n height: 28px;\n}\n.s-date-picker .q-field__before {\n padding: 0;\n}\n.s-date-picker .q-field__inner .q-field__control {\n padding: 4px 8px !important;\n align-items: center;\n height: 100%;\n align-items: center;\n}\n.s-date-picker .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date-picker .q-field__inner .q-field__control:hover, .s-date-picker .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-date-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-picker .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n padding: 0;\n}\n.s-date-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-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-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn .q-icon {\n font-size: 1.667em;\n}\n.s-date-picker .q-field__inner .q-field__control-container {\n height: 20px;\n}\n.s-date-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 font-size: 12px;\n font-weight: 400;\n}\n.s-date-picker .q-field__inner .q-field__control-container .q-field__native input::placeholder {\n color: #333333;\n}\n.q-field--disabled.s-date-picker {\n color: #888888 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner {\n color: #888888 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control {\n color: #888888 !important;\n opacity: 1 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control .q-field__prepend {\n opacity: 1 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control .q-field__prepend .q-icon {\n color: #888888;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control-container {\n opacity: 1 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control-container .q-field__native {\n color: #888888 !important;\n}\n.q-field--disabled.s-date-picker.q-field--float {\n color: #888888 !important;\n opacity: 0.9 !important;\n}\n.s-date-picker-inside {\n width: fit-content !important;\n height: 28px;\n}\n.s-date-picker-inside .q-field__before {\n height: 100%;\n line-height: 20px;\n padding: 4px 12px;\n border: 1px solid #aaaaaa;\n background-color: #f6f6f6;\n border-right: none;\n border-radius: 2px 0 0 2px;\n}\n.s-date-picker-inside .q-field__before .date-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-date-picker-inside .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n}\n.s-date-picker-inside.q-field--disabled .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-date-picker-inside.q-field--disabled .q-field__before .date-picker-label {\n color: #888888;\n}\n.s-date-picker-range {\n width: 226px;\n}\n.s-date-picker-range .q-field__inner .q-field__control .q-field__prepend {\n padding: 0;\n}\n.s-date-picker-range .q-field__inner .q-field__control-container .q-field__native {\n text-align: center;\n}\n.date-picker-wrapper.q-menu {\n width: 290px;\n height: 288px;\n min-width: 0 !important;\n min-height: 0 !important;\n}\n.date-picker-wrapper.q-menu .q-date {\n height: 288px;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view {\n min-height: 0 !important;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div {\n height: 28px;\n}\n.date-picker-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-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-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-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-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-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-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-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-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}";
757
- styleInject(css_248z$w);
760
+ var css_248z$y = ".s-date-picker {\n height: 28px;\n}\n.s-date-picker .q-field__before {\n padding: 0;\n}\n.s-date-picker .q-field__inner .q-field__control {\n padding: 4px 8px !important;\n align-items: center;\n height: 100%;\n align-items: center;\n}\n.s-date-picker .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date-picker .q-field__inner .q-field__control:hover, .s-date-picker .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-date-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-picker .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n padding: 0;\n}\n.s-date-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-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-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn .q-icon {\n font-size: 1.667em;\n}\n.s-date-picker .q-field__inner .q-field__control-container {\n height: 20px;\n}\n.s-date-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 font-size: 12px;\n font-weight: 400;\n}\n.s-date-picker .q-field__inner .q-field__control-container .q-field__native input::placeholder {\n color: #333333;\n}\n.q-field--disabled.s-date-picker {\n color: #888888 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner {\n color: #888888 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control {\n color: #888888 !important;\n opacity: 1 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control .q-field__prepend {\n opacity: 1 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control .q-field__prepend .q-icon {\n color: #888888;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control-container {\n opacity: 1 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control-container .q-field__native {\n color: #888888 !important;\n}\n.q-field--disabled.s-date-picker.q-field--float {\n color: #888888 !important;\n opacity: 0.9 !important;\n}\n.s-date-picker-inside {\n width: fit-content !important;\n height: 28px;\n}\n.s-date-picker-inside .q-field__before {\n height: 100%;\n line-height: 20px;\n padding: 4px 12px;\n border: 1px solid #aaaaaa;\n background-color: #f6f6f6;\n border-right: none;\n border-radius: 2px 0 0 2px;\n}\n.s-date-picker-inside .q-field__before .date-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-date-picker-inside .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n}\n.s-date-picker-inside.q-field--disabled .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-date-picker-inside.q-field--disabled .q-field__before .date-picker-label {\n color: #888888;\n}\n.s-date-picker-range {\n width: 226px;\n}\n.s-date-picker-range .q-field__inner .q-field__control .q-field__prepend {\n padding: 0;\n}\n.s-date-picker-range .q-field__inner .q-field__control-container .q-field__native {\n text-align: center;\n}\n.date-picker-wrapper.q-menu {\n width: 290px;\n height: 288px;\n min-width: 0 !important;\n min-height: 0 !important;\n}\n.date-picker-wrapper.q-menu .q-date {\n height: 288px;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view {\n min-height: 0 !important;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div {\n height: 28px;\n}\n.date-picker-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-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-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-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-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-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-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-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-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}";
761
+ styleInject(css_248z$y);
758
762
 
759
- script$x.render = render$y;
763
+ script$z.render = render$A;
760
764
 
761
765
  function useModelBinder(props) {
762
766
  var ref$1 = vue.getCurrentInstance();
@@ -868,7 +872,7 @@
868
872
  },
869
873
  };
870
874
 
871
- var script$w = vue.defineComponent({
875
+ var script$y = vue.defineComponent({
872
876
  name: 'SDateRangePicker',
873
877
  components: {
874
878
  QInput: quasar.QInput,
@@ -1020,22 +1024,22 @@
1020
1024
  },
1021
1025
  });
1022
1026
 
1023
- var _hoisted_1$k = { class: "date-picker-label" };
1024
- var _hoisted_2$d = { class: "flex no-wrap items-center" };
1025
- var _hoisted_3$7 = {
1027
+ var _hoisted_1$m = { class: "date-picker-label" };
1028
+ var _hoisted_2$f = { class: "flex no-wrap items-center" };
1029
+ var _hoisted_3$9 = {
1026
1030
  key: 1,
1027
1031
  class: "text-center text-Grey_Darken-4 date-str"
1028
1032
  };
1029
- var _hoisted_4$7 = /*#__PURE__*/vue.createElementVNode("span", {
1033
+ var _hoisted_4$8 = /*#__PURE__*/vue.createElementVNode("span", {
1030
1034
  class: "q-mx-xs",
1031
1035
  style: {"min-width":"0"}
1032
1036
  }, "~", -1);
1033
- var _hoisted_5$6 = {
1037
+ var _hoisted_5$7 = {
1034
1038
  key: 3,
1035
1039
  class: "text-center text-Grey_Darken-4 date-str"
1036
1040
  };
1037
1041
 
1038
- function render$x(_ctx, _cache, $props, $setup, $data, $options) {
1042
+ function render$z(_ctx, _cache, $props, $setup, $data, $options) {
1039
1043
  var _component_q_date = vue.resolveComponent("q-date");
1040
1044
  var _component_q_separator = vue.resolveComponent("q-separator");
1041
1045
  var _component_q_btn = vue.resolveComponent("q-btn");
@@ -1119,7 +1123,7 @@
1119
1123
  }, 8, ["icon"])
1120
1124
  ]; }),
1121
1125
  default: vue.withCtx(function () { return [
1122
- vue.createElementVNode("div", _hoisted_2$d, [
1126
+ vue.createElementVNode("div", _hoisted_2$f, [
1123
1127
  (_ctx.useInput)
1124
1128
  ? (vue.openBlock(), vue.createBlock(_component_q_input, {
1125
1129
  key: 0,
@@ -1131,8 +1135,8 @@
1131
1135
  mask: "####-##-##",
1132
1136
  class: "inner-input"
1133
1137
  }, null, 8, ["modelValue"]))
1134
- : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$7, vue.toDisplayString(_ctx.dateValue.from), 1)),
1135
- _hoisted_4$7,
1138
+ : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$9, vue.toDisplayString(_ctx.dateValue.from), 1)),
1139
+ _hoisted_4$8,
1136
1140
  (_ctx.useInput)
1137
1141
  ? (vue.openBlock(), vue.createBlock(_component_q_input, {
1138
1142
  key: 2,
@@ -1144,7 +1148,7 @@
1144
1148
  mask: "####-##-##",
1145
1149
  class: "inner-input"
1146
1150
  }, null, 8, ["modelValue"]))
1147
- : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$6, vue.toDisplayString(_ctx.dateValue.to), 1))
1151
+ : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$7, vue.toDisplayString(_ctx.dateValue.to), 1))
1148
1152
  ])
1149
1153
  ]; }),
1150
1154
  _: 2
@@ -1153,7 +1157,7 @@
1153
1157
  ? {
1154
1158
  name: "before",
1155
1159
  fn: vue.withCtx(function () { return [
1156
- vue.createElementVNode("div", _hoisted_1$k, vue.toDisplayString(_ctx.insideLabel), 1)
1160
+ vue.createElementVNode("div", _hoisted_1$m, vue.toDisplayString(_ctx.insideLabel), 1)
1157
1161
  ]; }),
1158
1162
  key: "0"
1159
1163
  }
@@ -1176,12 +1180,12 @@
1176
1180
  ]), 1032, ["class", "modelValue", "disable"]))
1177
1181
  }
1178
1182
 
1179
- var css_248z$v = ".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}";
1180
- styleInject(css_248z$v);
1183
+ var css_248z$x = ".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}";
1184
+ styleInject(css_248z$x);
1181
1185
 
1182
- script$w.render = render$x;
1186
+ script$y.render = render$z;
1183
1187
 
1184
- var script$v = vue.defineComponent({
1188
+ var script$x = vue.defineComponent({
1185
1189
  name: 'SConfirm',
1186
1190
  components: {
1187
1191
  QDialog: quasar.QDialog,
@@ -1251,12 +1255,12 @@
1251
1255
  },
1252
1256
  });
1253
1257
 
1254
- var _hoisted_1$j = {
1258
+ var _hoisted_1$l = {
1255
1259
  key: 0,
1256
1260
  class: "flex items-center justify-center modal-icon"
1257
1261
  };
1258
1262
 
1259
- function render$w(_ctx, _cache, $props, $setup, $data, $options) {
1263
+ function render$y(_ctx, _cache, $props, $setup, $data, $options) {
1260
1264
  var _component_q_btn = vue.resolveComponent("q-btn");
1261
1265
  var _component_q_card_actions = vue.resolveComponent("q-card-actions");
1262
1266
  var _component_q_icon = vue.resolveComponent("q-icon");
@@ -1288,7 +1292,7 @@
1288
1292
  vue.createVNode(_component_q_card_section, { class: "modal-title" }, {
1289
1293
  default: vue.withCtx(function () { return [
1290
1294
  (_ctx.withHeaderIcon)
1291
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [
1295
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [
1292
1296
  (_ctx.type === 'info')
1293
1297
  ? (vue.openBlock(), vue.createBlock(_component_q_icon, {
1294
1298
  key: 0,
@@ -1366,12 +1370,12 @@
1366
1370
  }))
1367
1371
  }
1368
1372
 
1369
- var css_248z$u = ".s-confirm {\n border-radius: 8px;\n padding: 40px 24px;\n width: 504px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n.s-confirm .modal-close-button {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 24px;\n height: 24px;\n padding: 0;\n}\n.s-confirm .modal-close-button .q-btn {\n color: #555555;\n padding: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n min-height: 0;\n min-width: 0;\n}\n.s-confirm .modal-close-button .q-btn .q-focusable:focus .q-focus-helper,\n.s-confirm .modal-close-button .q-btn .q-hoverable:hover .q-focus-helper {\n background: inherit !important;\n opacity: 0;\n}\n.s-confirm .modal-close-button .q-btn .q-icon {\n width: 100%;\n height: 100%;\n}\n.s-confirm .modal-title {\n padding: 0 0 16px;\n text-align: center;\n color: #222222;\n font-size: 20px;\n font-weight: 700;\n}\n.s-confirm .modal-title .modal-icon {\n text-align: center;\n width: 32px;\n height: 32px;\n margin: 0 auto 16px;\n}\n.s-confirm .modal-content {\n padding: 0 0 32px;\n text-align: center;\n font-size: 14px;\n font-weight: 400;\n}\n.s-confirm .modal-buttons {\n text-align: center;\n padding: 0;\n width: 100%;\n height: 42px;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n}\n.s-confirm .modal-buttons .q-btn {\n min-width: 76px;\n padding: 8px 24px;\n margin: 0 4px;\n height: 42px;\n font-weight: 500;\n font-size: 18px;\n}\n.s-confirm .modal-buttons .q-btn__content {\n height: 100%;\n}";
1370
- styleInject(css_248z$u);
1373
+ var css_248z$w = ".s-confirm {\n border-radius: 8px;\n padding: 40px 24px;\n width: 504px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n.s-confirm .modal-close-button {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 24px;\n height: 24px;\n padding: 0;\n}\n.s-confirm .modal-close-button .q-btn {\n color: #555555;\n padding: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n min-height: 0;\n min-width: 0;\n}\n.s-confirm .modal-close-button .q-btn .q-focusable:focus .q-focus-helper,\n.s-confirm .modal-close-button .q-btn .q-hoverable:hover .q-focus-helper {\n background: inherit !important;\n opacity: 0;\n}\n.s-confirm .modal-close-button .q-btn .q-icon {\n width: 100%;\n height: 100%;\n}\n.s-confirm .modal-title {\n padding: 0 0 16px;\n text-align: center;\n color: #222222;\n font-size: 20px;\n font-weight: 700;\n}\n.s-confirm .modal-title .modal-icon {\n text-align: center;\n width: 32px;\n height: 32px;\n margin: 0 auto 16px;\n}\n.s-confirm .modal-content {\n padding: 0 0 32px;\n text-align: center;\n font-size: 14px;\n font-weight: 400;\n}\n.s-confirm .modal-buttons {\n text-align: center;\n padding: 0;\n width: 100%;\n height: 42px;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n}\n.s-confirm .modal-buttons .q-btn {\n min-width: 76px;\n padding: 8px 24px;\n margin: 0 4px;\n height: 42px;\n font-weight: 500;\n font-size: 18px;\n}\n.s-confirm .modal-buttons .q-btn__content {\n height: 100%;\n}";
1374
+ styleInject(css_248z$w);
1371
1375
 
1372
- script$v.render = render$w;
1376
+ script$x.render = render$y;
1373
1377
 
1374
- var script$u = vue.defineComponent({
1378
+ var script$w = vue.defineComponent({
1375
1379
  name: 'SDropdown',
1376
1380
  components: {
1377
1381
  QBtn: quasar.QBtn,
@@ -1412,7 +1416,7 @@
1412
1416
  },
1413
1417
  });
1414
1418
 
1415
- function render$v(_ctx, _cache, $props, $setup, $data, $options) {
1419
+ function render$x(_ctx, _cache, $props, $setup, $data, $options) {
1416
1420
  var _component_q_item_label = vue.resolveComponent("q-item-label");
1417
1421
  var _component_q_item_section = vue.resolveComponent("q-item-section");
1418
1422
  var _component_q_item = vue.resolveComponent("q-item");
@@ -1483,10 +1487,10 @@
1483
1487
  }, 8, ["color", "icon-right", "class"]))
1484
1488
  }
1485
1489
 
1486
- var css_248z$t = ".s-dropdown {\n min-height: 0;\n padding: 0 !important;\n line-height: normal;\n}\n.s-dropdown .q-btn__content {\n min-height: 0;\n align-items: center;\n}\n.s-dropdown .q-btn__content .block {\n border-right: 1px solid color-mix(in srgb, white 25%, transparent);\n height: 100%;\n}\n.s-dropdown .q-btn__content .q-icon {\n padding: 0;\n border-right: none;\n color: white;\n}\n.s-dropdown.q-btn--outline .q-btn__content .block {\n color: currentColor;\n border-right: 1px solid currentColor;\n}\n.s-dropdown.q-btn--outline .q-btn__content .q-icon {\n color: currentColor;\n}\n.s-dropdown.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:before, .s-dropdown.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-dropdown.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:before {\n opacity: 0;\n}\n.s-dropdown.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:after, .s-dropdown.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-dropdown.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:after {\n opacity: 0.55;\n}\n.s-dropdown:hover.q-focusable:focus > .q-focus-helper, .s-dropdown:hover.q-manual-focusable--focused > .q-focus-helper, .s-dropdown: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-dropdown:hover.q-focusable:focus > .q-focus-helper:before, .s-dropdown:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-dropdown:hover.q-hoverable:hover > .q-focus-helper:before {\n opacity: 1.4;\n transition: none;\n}\n.s-dropdown:hover.q-focusable:focus > .q-focus-helper:after, .s-dropdown:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-dropdown:hover.q-hoverable:hover > .q-focus-helper:after {\n opacity: 0;\n transition: none;\n}\n.s-dropdown.s-dropdown-xs {\n min-width: 67px;\n}\n.s-dropdown.s-dropdown-xs .q-btn__content .block {\n padding: 2px 6px 2px 8px;\n line-height: 20px;\n font-size: 12px;\n font-weight: 400;\n}\n.s-dropdown.s-dropdown-xs .q-btn__content .q-icon {\n font-size: 12px;\n margin: 5px 5px 5px 4px;\n}\n.s-dropdown.s-dropdown-sm {\n min-width: 75px;\n}\n.s-dropdown.s-dropdown-sm .q-btn__content .block {\n padding: 4px 10px 4px 12px;\n line-height: 20px;\n font-size: 12px;\n font-weight: 400;\n}\n.s-dropdown.s-dropdown-sm .q-btn__content .q-icon {\n font-size: 12px;\n margin: 7px 8px;\n}\n.s-dropdown.s-dropdown-md {\n min-width: 107px;\n}\n.s-dropdown.s-dropdown-md .q-btn__content .block {\n padding: 6px 16px 6px 20px;\n line-height: 20px;\n font-size: 16px;\n font-weight: 500;\n}\n.s-dropdown.s-dropdown-md .q-btn__content .q-icon {\n font-size: 12px;\n margin: 11px 12px;\n}\n.s-dropdown.s-dropdown-lg {\n min-width: 107px;\n}\n.s-dropdown.s-dropdown-lg .q-btn__content .block {\n padding: 16px 24px 16px 28px;\n line-height: 30px;\n font-size: 18px;\n font-weight: 500;\n}\n.s-dropdown.s-dropdown-lg .q-btn__content .q-icon {\n font-size: 1.667em;\n margin: 19px 20px;\n}\n.s-dropdown.disabled {\n opacity: 1 !important;\n border: none;\n padding: 0;\n}\n.s-dropdown.disabled:before {\n border: 1px solid #cccccc;\n background: #e1e1e1 !important;\n}\n.s-dropdown.disabled .q-btn__content > .block,\n.s-dropdown.disabled .q-btn__content > .q-icon {\n color: #888888;\n}\n.s-dropdown.disabled .q-btn__content .block {\n border-right: 1px solid #cccccc !important;\n}\n.s-dropdown-menu {\n box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1254901961);\n}\n.s-dropdown-menu .q-item {\n padding: 4px 12px;\n min-height: 0;\n}\n.s-dropdown-menu .q-item__section {\n min-height: 0;\n height: 20px;\n}\n.s-dropdown-menu .q-item:not(.q-item--clickable) {\n cursor: default;\n color: #aaaaaa;\n}";
1487
- styleInject(css_248z$t);
1490
+ var css_248z$v = ".s-dropdown {\n min-height: 0;\n padding: 0 !important;\n line-height: normal;\n}\n.s-dropdown .q-btn__content {\n min-height: 0;\n align-items: center;\n}\n.s-dropdown .q-btn__content .block {\n border-right: 1px solid color-mix(in srgb, white 25%, transparent);\n height: 100%;\n}\n.s-dropdown .q-btn__content .q-icon {\n padding: 0;\n border-right: none;\n color: white;\n}\n.s-dropdown.q-btn--outline .q-btn__content .block {\n color: currentColor;\n border-right: 1px solid currentColor;\n}\n.s-dropdown.q-btn--outline .q-btn__content .q-icon {\n color: currentColor;\n}\n.s-dropdown.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:before, .s-dropdown.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-dropdown.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:before {\n opacity: 0;\n}\n.s-dropdown.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:after, .s-dropdown.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-dropdown.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:after {\n opacity: 0.55;\n}\n.s-dropdown:hover.q-focusable:focus > .q-focus-helper, .s-dropdown:hover.q-manual-focusable--focused > .q-focus-helper, .s-dropdown: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-dropdown:hover.q-focusable:focus > .q-focus-helper:before, .s-dropdown:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-dropdown:hover.q-hoverable:hover > .q-focus-helper:before {\n opacity: 1.4;\n transition: none;\n}\n.s-dropdown:hover.q-focusable:focus > .q-focus-helper:after, .s-dropdown:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-dropdown:hover.q-hoverable:hover > .q-focus-helper:after {\n opacity: 0;\n transition: none;\n}\n.s-dropdown.s-dropdown-xs {\n min-width: 67px;\n}\n.s-dropdown.s-dropdown-xs .q-btn__content .block {\n padding: 2px 6px 2px 8px;\n line-height: 20px;\n font-size: 12px;\n font-weight: 400;\n}\n.s-dropdown.s-dropdown-xs .q-btn__content .q-icon {\n font-size: 12px;\n margin: 5px 5px 5px 4px;\n}\n.s-dropdown.s-dropdown-sm {\n min-width: 75px;\n}\n.s-dropdown.s-dropdown-sm .q-btn__content .block {\n padding: 4px 10px 4px 12px;\n line-height: 20px;\n font-size: 12px;\n font-weight: 400;\n}\n.s-dropdown.s-dropdown-sm .q-btn__content .q-icon {\n font-size: 12px;\n margin: 7px 8px;\n}\n.s-dropdown.s-dropdown-md {\n min-width: 107px;\n}\n.s-dropdown.s-dropdown-md .q-btn__content .block {\n padding: 6px 16px 6px 20px;\n line-height: 20px;\n font-size: 16px;\n font-weight: 500;\n}\n.s-dropdown.s-dropdown-md .q-btn__content .q-icon {\n font-size: 12px;\n margin: 11px 12px;\n}\n.s-dropdown.s-dropdown-lg {\n min-width: 107px;\n}\n.s-dropdown.s-dropdown-lg .q-btn__content .block {\n padding: 16px 24px 16px 28px;\n line-height: 30px;\n font-size: 18px;\n font-weight: 500;\n}\n.s-dropdown.s-dropdown-lg .q-btn__content .q-icon {\n font-size: 1.667em;\n margin: 19px 20px;\n}\n.s-dropdown.disabled {\n opacity: 1 !important;\n border: none;\n padding: 0;\n}\n.s-dropdown.disabled:before {\n border: 1px solid #cccccc;\n background: #e1e1e1 !important;\n}\n.s-dropdown.disabled .q-btn__content > .block,\n.s-dropdown.disabled .q-btn__content > .q-icon {\n color: #888888;\n}\n.s-dropdown.disabled .q-btn__content .block {\n border-right: 1px solid #cccccc !important;\n}\n.s-dropdown-menu {\n box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1254901961);\n}\n.s-dropdown-menu .q-item {\n padding: 4px 12px;\n min-height: 0;\n}\n.s-dropdown-menu .q-item__section {\n min-height: 0;\n height: 20px;\n}\n.s-dropdown-menu .q-item:not(.q-item--clickable) {\n cursor: default;\n color: #aaaaaa;\n}";
1491
+ styleInject(css_248z$v);
1488
1492
 
1489
- script$u.render = render$v;
1493
+ script$w.render = render$x;
1490
1494
 
1491
1495
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
1492
1496
 
@@ -1553,7 +1557,7 @@
1553
1557
  });
1554
1558
  }
1555
1559
 
1556
- var script$t = vue.defineComponent({
1560
+ var script$v = vue.defineComponent({
1557
1561
  name: 'SEditor',
1558
1562
  components: {
1559
1563
  QEditor: quasar.QEditor,
@@ -2029,9 +2033,9 @@
2029
2033
  },
2030
2034
  });
2031
2035
 
2032
- var _hoisted_1$i = { class: "row reverse q-mt-sm" };
2036
+ var _hoisted_1$k = { class: "row reverse q-mt-sm" };
2033
2037
 
2034
- function render$u(_ctx, _cache, $props, $setup, $data, $options) {
2038
+ function render$w(_ctx, _cache, $props, $setup, $data, $options) {
2035
2039
  var _component_q_icon = vue.resolveComponent("q-icon");
2036
2040
  var _component_q_input = vue.resolveComponent("q-input");
2037
2041
  var _component_s_button = vue.resolveComponent("s-button");
@@ -2084,7 +2088,7 @@
2084
2088
  placeholder: _ctx.imgInputPlaceholder,
2085
2089
  autofocus: ""
2086
2090
  }, null, 8, ["modelValue", "placeholder"]),
2087
- vue.createElementVNode("div", _hoisted_1$i, [
2091
+ vue.createElementVNode("div", _hoisted_1$k, [
2088
2092
  vue.withDirectives(vue.createVNode(_component_s_button, {
2089
2093
  outline: "",
2090
2094
  label: _ctx.imgUploadBtnLabel,
@@ -2112,12 +2116,12 @@
2112
2116
  }, 16, ["content-style", "min-height", "max-height", "definitions", "toolbar", "modelValue"]))
2113
2117
  }
2114
2118
 
2115
- var css_248z$s = ".s-editor > .q-editor__toolbars-container > .q-editor__toolbar {\n height: 32px;\n overflow-y: hidden;\n}\n.s-editor .q-editor__toolbars-container > .q-editor__toolbar > .q-editor__toolbar-group:nth-child(2) > .q-btn-dropdown > .q-btn__content {\n width: 91px;\n}\n.s-editor .q-editor__content > p > img {\n display: inline-block;\n}\n.s-editor .q-editor__content .img-resize-handler {\n position: relative;\n background-color: transparent;\n display: inline-block;\n resize: both;\n overflow: hidden;\n}\n.s-editor .q-editor__content .img-resize-handler:after {\n content: \"\";\n position: absolute;\n border: 1px solid;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n.s-editor .q-editor__content .img-resize-handler > img {\n display: inline-block;\n object-fit: contain;\n width: 100%;\n height: 100%;\n}";
2116
- styleInject(css_248z$s);
2119
+ var css_248z$u = ".s-editor > .q-editor__toolbars-container > .q-editor__toolbar {\n height: 32px;\n overflow-y: hidden;\n}\n.s-editor .q-editor__toolbars-container > .q-editor__toolbar > .q-editor__toolbar-group:nth-child(2) > .q-btn-dropdown > .q-btn__content {\n width: 91px;\n}\n.s-editor .q-editor__content > p > img {\n display: inline-block;\n}\n.s-editor .q-editor__content .img-resize-handler {\n position: relative;\n background-color: transparent;\n display: inline-block;\n resize: both;\n overflow: hidden;\n}\n.s-editor .q-editor__content .img-resize-handler:after {\n content: \"\";\n position: absolute;\n border: 1px solid;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n.s-editor .q-editor__content .img-resize-handler > img {\n display: inline-block;\n object-fit: contain;\n width: 100%;\n height: 100%;\n}";
2120
+ styleInject(css_248z$u);
2117
2121
 
2118
- script$t.render = render$u;
2122
+ script$v.render = render$w;
2119
2123
 
2120
- var script$s = vue.defineComponent({
2124
+ var script$u = vue.defineComponent({
2121
2125
  name: 'SFilePicker',
2122
2126
  components: {
2123
2127
  QFile: quasar.QFile,
@@ -2168,7 +2172,7 @@
2168
2172
  },
2169
2173
  });
2170
2174
 
2171
- function render$t(_ctx, _cache, $props, $setup, $data, $options) {
2175
+ function render$v(_ctx, _cache, $props, $setup, $data, $options) {
2172
2176
  var _component_q_icon = vue.resolveComponent("q-icon");
2173
2177
  var _component_q_file = vue.resolveComponent("q-file");
2174
2178
 
@@ -2227,12 +2231,12 @@
2227
2231
  ]), 1032, ["model-value", "disable", "class"]))
2228
2232
  }
2229
2233
 
2230
- var css_248z$r = ".s-file {\n width: fit-content;\n max-height: 28px;\n}\n.s-file .q-field__inner .q-field__control {\n align-items: center;\n padding: 4px 8px;\n min-height: 28px;\n height: 28px;\n align-items: center;\n}\n.s-file .q-field__inner .q-field__control:hover, .s-file .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-file .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-file .q-field__inner .q-field__control .q-field__prepend {\n width: fit-content;\n height: 20px;\n padding: 0;\n flex-grow: 1;\n cursor: pointer;\n}\n.s-file .q-field__inner .q-field__control .q-field__prepend > .q-icon {\n margin-right: 8px;\n}\n.s-file .q-field__inner .q-field__control .q-field__prepend .file-placeholder {\n line-height: 165%;\n font-size: 12px;\n font-weight: 400;\n height: 100%;\n display: block;\n width: fit-content;\n}\n.s-file .q-field__inner .q-field__control-container .q-field__native {\n min-height: 0;\n}\n.s-file .q-field__inner .q-field__control-container .q-field__native > div {\n font-size: 12px;\n overflow: hidden;\n color: #222222;\n word-break: keep-all;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin-right: 8px;\n line-height: 16px;\n}\n.s-file .q-field__inner .q-field__control .q-field__append {\n height: 1.667em;\n font-size: 12px;\n width: 20px;\n padding: 0;\n justify-content: center;\n align-items: center;\n margin-left: 8px;\n}\n.s-file .q-field__inner .q-field__control .q-field__append > .q-icon {\n font-size: 20px;\n}\n.s-file--nodata .q-field__inner .q-field__control .q-field__control-container {\n display: none;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #e1e1e1;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control .q-field__prepend {\n opacity: 1 !important;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control .q-field__prepend .file-placeholder {\n color: #888888 !important;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control .q-field__prepend .q-icon {\n color: #888888 !important;\n}";
2231
- styleInject(css_248z$r);
2234
+ var css_248z$t = ".s-file {\n width: fit-content;\n max-height: 28px;\n}\n.s-file .q-field__inner .q-field__control {\n align-items: center;\n padding: 4px 8px;\n min-height: 28px;\n height: 28px;\n align-items: center;\n}\n.s-file .q-field__inner .q-field__control:hover, .s-file .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-file .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-file .q-field__inner .q-field__control .q-field__prepend {\n width: fit-content;\n height: 20px;\n padding: 0;\n flex-grow: 1;\n cursor: pointer;\n}\n.s-file .q-field__inner .q-field__control .q-field__prepend > .q-icon {\n margin-right: 8px;\n}\n.s-file .q-field__inner .q-field__control .q-field__prepend .file-placeholder {\n line-height: 165%;\n font-size: 12px;\n font-weight: 400;\n height: 100%;\n display: block;\n width: fit-content;\n}\n.s-file .q-field__inner .q-field__control-container .q-field__native {\n min-height: 0;\n}\n.s-file .q-field__inner .q-field__control-container .q-field__native > div {\n font-size: 12px;\n overflow: hidden;\n color: #222222;\n word-break: keep-all;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin-right: 8px;\n line-height: 16px;\n}\n.s-file .q-field__inner .q-field__control .q-field__append {\n height: 1.667em;\n font-size: 12px;\n width: 20px;\n padding: 0;\n justify-content: center;\n align-items: center;\n margin-left: 8px;\n}\n.s-file .q-field__inner .q-field__control .q-field__append > .q-icon {\n font-size: 20px;\n}\n.s-file--nodata .q-field__inner .q-field__control .q-field__control-container {\n display: none;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #e1e1e1;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control .q-field__prepend {\n opacity: 1 !important;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control .q-field__prepend .file-placeholder {\n color: #888888 !important;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control .q-field__prepend .q-icon {\n color: #888888 !important;\n}";
2235
+ styleInject(css_248z$t);
2232
2236
 
2233
- script$s.render = render$t;
2237
+ script$u.render = render$v;
2234
2238
 
2235
- var script$r = vue.defineComponent({
2239
+ var script$t = vue.defineComponent({
2236
2240
  name: 'SHelp',
2237
2241
  components: {
2238
2242
  QBtn: quasar.QBtn,
@@ -2255,10 +2259,10 @@
2255
2259
  },
2256
2260
  });
2257
2261
 
2258
- var _hoisted_1$h = { class: "flex items-center" };
2259
- var _hoisted_2$c = ["innerHTML"];
2262
+ var _hoisted_1$j = { class: "flex items-center" };
2263
+ var _hoisted_2$e = ["innerHTML"];
2260
2264
 
2261
- function render$s(_ctx, _cache, $props, $setup, $data, $options) {
2265
+ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
2262
2266
  var _component_q_btn = vue.resolveComponent("q-btn");
2263
2267
  var _component_q_icon = vue.resolveComponent("q-icon");
2264
2268
  var _component_q_popup_proxy = vue.resolveComponent("q-popup-proxy");
@@ -2291,7 +2295,7 @@
2291
2295
  class: "close-btn q-pa-none",
2292
2296
  size: "20px"
2293
2297
  }, null, 8, ["icon"]),
2294
- vue.createElementVNode("div", _hoisted_1$h, [
2298
+ vue.createElementVNode("div", _hoisted_1$j, [
2295
2299
  vue.createVNode(_component_q_icon, {
2296
2300
  name: _ctx.helpOutlineIcon,
2297
2301
  size: "23px",
@@ -2303,7 +2307,7 @@
2303
2307
  vue.createElementVNode("ul", null, [
2304
2308
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.message, function (m, i) {
2305
2309
  return (vue.openBlock(), vue.createElementBlock("li", { key: i }, [
2306
- vue.createElementVNode("span", { innerHTML: m }, null, 8, _hoisted_2$c)
2310
+ vue.createElementVNode("span", { innerHTML: m }, null, 8, _hoisted_2$e)
2307
2311
  ]))
2308
2312
  }), 128))
2309
2313
  ])
@@ -2316,12 +2320,12 @@
2316
2320
  }, 8, ["outline", "color", "icon", "label", "class"]))
2317
2321
  }
2318
2322
 
2319
- var css_248z$q = "@charset \"UTF-8\";\n.s-help-btn {\n padding: 4px 16px 4px 10px;\n min-height: 28px;\n height: 28px;\n}\n.s-help-btn:before {\n border-color: #cccccc;\n}\n.s-help-btn .q-btn__content .q-icon {\n margin-right: 8px;\n font-size: 1.429em;\n}\n.s-help-btn .q-btn__content > .block {\n font-size: 12px;\n color: #333333;\n line-height: 20px;\n height: 20px;\n}\n.s-help-popup-open .q-btn__content > span {\n color: white !important;\n}\n.s-help-menu {\n width: fit-content;\n margin-top: 8px !important;\n border-radius: 8px;\n padding: 20px 32px;\n position: relative;\n}\n.s-help-menu .close-btn {\n position: absolute;\n top: 12px;\n right: 12px;\n min-height: 1em;\n height: 1em;\n width: 1em;\n}\n.s-help-menu .close-btn .q-btn__content .q-icon {\n height: 20px;\n width: 20px;\n}\n.s-help-menu > div {\n margin-bottom: 8px;\n}\n.s-help-menu > div .q-icon {\n margin-right: 8px;\n}\n.s-help-menu > div span {\n font-size: 16px;\n font-weight: 700;\n color: #333333;\n}\n.s-help-menu ul {\n margin: 0;\n padding: 0;\n}\n.s-help-menu ul li {\n list-style: none;\n font-size: 12px;\n line-height: 180%;\n}\n.s-help-menu ul li:before {\n content: \"•\";\n font-size: 14px;\n line-height: 20px;\n margin: 0 12px 0 8px;\n}";
2320
- styleInject(css_248z$q);
2323
+ var css_248z$s = "@charset \"UTF-8\";\n.s-help-btn {\n padding: 4px 16px 4px 10px;\n min-height: 28px;\n height: 28px;\n}\n.s-help-btn:before {\n border-color: #cccccc;\n}\n.s-help-btn .q-btn__content .q-icon {\n margin-right: 8px;\n font-size: 1.429em;\n}\n.s-help-btn .q-btn__content > .block {\n font-size: 12px;\n color: #333333;\n line-height: 20px;\n height: 20px;\n}\n.s-help-popup-open .q-btn__content > span {\n color: white !important;\n}\n.s-help-menu {\n width: fit-content;\n margin-top: 8px !important;\n border-radius: 8px;\n padding: 20px 32px;\n position: relative;\n}\n.s-help-menu .close-btn {\n position: absolute;\n top: 12px;\n right: 12px;\n min-height: 1em;\n height: 1em;\n width: 1em;\n}\n.s-help-menu .close-btn .q-btn__content .q-icon {\n height: 20px;\n width: 20px;\n}\n.s-help-menu > div {\n margin-bottom: 8px;\n}\n.s-help-menu > div .q-icon {\n margin-right: 8px;\n}\n.s-help-menu > div span {\n font-size: 16px;\n font-weight: 700;\n color: #333333;\n}\n.s-help-menu ul {\n margin: 0;\n padding: 0;\n}\n.s-help-menu ul li {\n list-style: none;\n font-size: 12px;\n line-height: 180%;\n}\n.s-help-menu ul li:before {\n content: \"•\";\n font-size: 14px;\n line-height: 20px;\n margin: 0 12px 0 8px;\n}";
2324
+ styleInject(css_248z$s);
2321
2325
 
2322
- script$r.render = render$s;
2326
+ script$t.render = render$u;
2323
2327
 
2324
- var script$q = vue.defineComponent({
2328
+ var script$s = vue.defineComponent({
2325
2329
  name: 'SInput',
2326
2330
  components: {
2327
2331
  QInput: quasar.QInput,
@@ -2412,24 +2416,24 @@
2412
2416
  },
2413
2417
  });
2414
2418
 
2415
- var _hoisted_1$g = {
2419
+ var _hoisted_1$i = {
2416
2420
  key: 0,
2417
2421
  class: "input-label"
2418
2422
  };
2419
- var _hoisted_2$b = {
2423
+ var _hoisted_2$d = {
2420
2424
  key: 1,
2421
2425
  class: "input-addon bg-Grey_Lighten-5"
2422
2426
  };
2423
- var _hoisted_3$6 = {
2427
+ var _hoisted_3$8 = {
2424
2428
  key: 0,
2425
2429
  class: "self-center"
2426
2430
  };
2427
- var _hoisted_4$6 = {
2431
+ var _hoisted_4$7 = {
2428
2432
  key: 1,
2429
2433
  class: "self-center"
2430
2434
  };
2431
2435
 
2432
- function render$r(_ctx, _cache, $props, $setup, $data, $options) {
2436
+ function render$t(_ctx, _cache, $props, $setup, $data, $options) {
2433
2437
  var _component_q_icon = vue.resolveComponent("q-icon");
2434
2438
  var _component_q_input = vue.resolveComponent("q-input");
2435
2439
 
@@ -2476,9 +2480,9 @@
2476
2480
  name: "before",
2477
2481
  fn: vue.withCtx(function () { return [
2478
2482
  (!_ctx.insideLabel)
2479
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, vue.toDisplayString(_ctx.label), 1))
2483
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, vue.toDisplayString(_ctx.label), 1))
2480
2484
  : (_ctx.insideLabel)
2481
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, vue.toDisplayString(_ctx.insideLabel), 1))
2485
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$d, vue.toDisplayString(_ctx.insideLabel), 1))
2482
2486
  : vue.createCommentVNode("", true)
2483
2487
  ]; }),
2484
2488
  key: "0"
@@ -2490,8 +2494,8 @@
2490
2494
  fn: vue.withCtx(function () { return [
2491
2495
  vue.renderSlot(_ctx.$slots, "beforeCounter"),
2492
2496
  (_ctx.maxByte)
2493
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, vue.toDisplayString(_ctx.model ? _ctx.getByte(_ctx.model) : 0) + " / " + vue.toDisplayString(_ctx.maxByte) + " byte ", 1))
2494
- : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$6, vue.toDisplayString(_ctx.model ? _ctx.getByte(_ctx.model) : 0) + " byte", 1))
2497
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$8, vue.toDisplayString(_ctx.model ? _ctx.getByte(_ctx.model) : 0) + " / " + vue.toDisplayString(_ctx.maxByte) + " byte ", 1))
2498
+ : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$7, vue.toDisplayString(_ctx.model ? _ctx.getByte(_ctx.model) : 0) + " byte", 1))
2495
2499
  ]; }),
2496
2500
  key: "1"
2497
2501
  }
@@ -2512,12 +2516,12 @@
2512
2516
  ]), 1032, ["type", "class", "modelValue"]))
2513
2517
  }
2514
2518
 
2515
- var css_248z$p = ".s-input {\n height: auto;\n width: fit-content;\n}\n.s-input .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n height: 28px;\n}\n.s-input .q-field__inner .q-field__control:before {\n border: 1px solid #aaaaaa;\n}\n.s-input .q-field__inner .q-field__control-container {\n padding: 4px 12px !important;\n}\n.s-input .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n padding: 0;\n}\n.s-input .q-field__inner .q-field__control-container input::placeholder {\n color: #aaaaaa;\n}\n.s-input .q-field__inner .q-field__control-container .q-field__prefix {\n padding: 0 4px 0 0;\n line-height: 100%;\n}\n.s-input .q-field__inner .q-field__control-container .q-field__suffix {\n padding: 0 0 0 4px;\n line-height: 100%;\n}\n.s-input .q-field__inner .q-field__control .q-field__append {\n padding: 0 8px 0 0;\n height: 100%;\n}\n.s-input .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-input .q-field__inner .q-field__control .q-field__prepend {\n padding: 0 0 0 8px;\n height: 28px;\n}\n.s-input .q-field__inner .q-field__control .q-field__prepend .q-icon {\n color: #888888;\n}\n.s-input .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n color: #737373;\n font-size: 12px;\n}\n.s-input .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #fb4444;\n}\n.s-input .q-field__inner .q-field__bottom .q-field__messages .error-msg {\n color: #e30000;\n flex-wrap: nowrap;\n width: 250px;\n gap: 4px;\n}\n.s-input .q-field__inner .q-field__bottom .q-field__messages .error-msg > p {\n line-height: 14px;\n}\n.s-input .q-field__before {\n height: 28px;\n padding: 0;\n}\n.s-input .q-field__before .input-label {\n padding: 4px 12px 4px 0;\n color: #333333;\n font-size: 12px;\n font-weight: 400;\n}\n.s-input .q-field__before .input-addon {\n color: #333333;\n height: 100%;\n line-height: 150%;\n padding: 4px 12px !important;\n border: 1px solid #aaaaaa;\n border-right: none;\n border-radius: 2px 0 0 2px;\n font-size: 12px;\n font-weight: 400;\n}\n.s-input.q-field--disabled .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.s-input.q-field--disabled .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.s-input.q-field--disabled .q-field__inner .q-field__control-container .q-field__native {\n color: #888888;\n}\n.s-input.q-field--disabled .q-field__inner .q-field__control-container > input::placeholder {\n color: #888888;\n}\n.s-input__password.q-field--focused .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #0075ff;\n}\n.s-input__right-slot {\n position: relative;\n}\n.s-input__right-slot .q-field__inner .q-field__bottom {\n padding: 0;\n min-height: 0;\n}\n.s-input__right-slot .q-field__inner .q-field__bottom .q-field__counter {\n height: 28px;\n position: absolute;\n right: -69px;\n top: -28px;\n display: flex;\n align-items: center;\n color: #aaaaaa;\n padding: 0;\n}\n.s-input__right-slot .q-field__after {\n height: 28px;\n font-size: 12px;\n color: #aaaaaa;\n align-items: end;\n padding-left: 8px;\n}\n.s-input__text-area {\n height: auto;\n min-width: 320px;\n min-height: 211px;\n}\n.s-input__text-area .q-field__inner .q-field__control {\n min-height: 100%;\n height: 100%;\n}\n.s-input__text-area .q-field__inner .q-field__control-container {\n padding: 0 !important;\n min-height: 100%;\n height: 100%;\n}\n.s-input__text-area .q-field__inner .q-field__control-container textarea {\n min-height: 100%;\n height: 100%;\n padding: 4px 12px !important;\n line-height: 165%;\n}\n.s-input__text-area .q-field__inner .q-field__bottom {\n padding: 0;\n padding-top: 4px;\n}\n.s-input__text-area .q-field__inner .q-field__bottom .q-field__counter {\n padding: 0;\n color: #cccccc;\n font-size: 12px;\n}\n.s-input__inside-label .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n}";
2516
- styleInject(css_248z$p);
2519
+ var css_248z$r = ".s-input {\n height: auto;\n width: fit-content;\n}\n.s-input .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n height: 28px;\n}\n.s-input .q-field__inner .q-field__control:before {\n border: 1px solid #aaaaaa;\n}\n.s-input .q-field__inner .q-field__control-container {\n padding: 4px 12px !important;\n}\n.s-input .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n padding: 0;\n}\n.s-input .q-field__inner .q-field__control-container input::placeholder {\n color: #aaaaaa;\n}\n.s-input .q-field__inner .q-field__control-container .q-field__prefix {\n padding: 0 4px 0 0;\n line-height: 100%;\n}\n.s-input .q-field__inner .q-field__control-container .q-field__suffix {\n padding: 0 0 0 4px;\n line-height: 100%;\n}\n.s-input .q-field__inner .q-field__control .q-field__append {\n padding: 0 8px 0 0;\n height: 100%;\n}\n.s-input .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-input .q-field__inner .q-field__control .q-field__prepend {\n padding: 0 0 0 8px;\n height: 28px;\n}\n.s-input .q-field__inner .q-field__control .q-field__prepend .q-icon {\n color: #888888;\n}\n.s-input .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n color: #737373;\n font-size: 12px;\n}\n.s-input .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #fb4444;\n}\n.s-input .q-field__inner .q-field__bottom .q-field__messages .error-msg {\n color: #e30000;\n flex-wrap: nowrap;\n width: 250px;\n gap: 4px;\n}\n.s-input .q-field__inner .q-field__bottom .q-field__messages .error-msg > p {\n line-height: 14px;\n}\n.s-input .q-field__before {\n height: 28px;\n padding: 0;\n}\n.s-input .q-field__before .input-label {\n padding: 4px 12px 4px 0;\n color: #333333;\n font-size: 12px;\n font-weight: 400;\n}\n.s-input .q-field__before .input-addon {\n color: #333333;\n height: 100%;\n line-height: 150%;\n padding: 4px 12px !important;\n border: 1px solid #aaaaaa;\n border-right: none;\n border-radius: 2px 0 0 2px;\n font-size: 12px;\n font-weight: 400;\n}\n.s-input.q-field--disabled .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.s-input.q-field--disabled .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.s-input.q-field--disabled .q-field__inner .q-field__control-container .q-field__native {\n color: #888888;\n}\n.s-input.q-field--disabled .q-field__inner .q-field__control-container > input::placeholder {\n color: #888888;\n}\n.s-input__password.q-field--focused .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #0075ff;\n}\n.s-input__right-slot {\n position: relative;\n}\n.s-input__right-slot .q-field__inner .q-field__bottom {\n padding: 0;\n min-height: 0;\n}\n.s-input__right-slot .q-field__inner .q-field__bottom .q-field__counter {\n height: 28px;\n position: absolute;\n right: -69px;\n top: -28px;\n display: flex;\n align-items: center;\n color: #aaaaaa;\n padding: 0;\n}\n.s-input__right-slot .q-field__after {\n height: 28px;\n font-size: 12px;\n color: #aaaaaa;\n align-items: end;\n padding-left: 8px;\n}\n.s-input__text-area {\n height: auto;\n min-width: 320px;\n min-height: 211px;\n}\n.s-input__text-area .q-field__inner .q-field__control {\n min-height: 100%;\n height: 100%;\n}\n.s-input__text-area .q-field__inner .q-field__control-container {\n padding: 0 !important;\n min-height: 100%;\n height: 100%;\n}\n.s-input__text-area .q-field__inner .q-field__control-container textarea {\n min-height: 100%;\n height: 100%;\n padding: 4px 12px !important;\n line-height: 165%;\n}\n.s-input__text-area .q-field__inner .q-field__bottom {\n padding: 0;\n padding-top: 4px;\n}\n.s-input__text-area .q-field__inner .q-field__bottom .q-field__counter {\n padding: 0;\n color: #cccccc;\n font-size: 12px;\n}\n.s-input__inside-label .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n}";
2520
+ styleInject(css_248z$r);
2517
2521
 
2518
- script$q.render = render$r;
2522
+ script$s.render = render$t;
2519
2523
 
2520
- var script$p = vue.defineComponent({
2524
+ var script$r = vue.defineComponent({
2521
2525
  name: 'SInputNumber',
2522
2526
  components: {
2523
2527
  QInput: quasar.QInput,
@@ -2560,7 +2564,7 @@
2560
2564
  },
2561
2565
  });
2562
2566
 
2563
- function render$q(_ctx, _cache, $props, $setup, $data, $options) {
2567
+ function render$s(_ctx, _cache, $props, $setup, $data, $options) {
2564
2568
  var _component_q_btn = vue.resolveComponent("q-btn");
2565
2569
  var _component_q_input = vue.resolveComponent("q-input");
2566
2570
 
@@ -2612,12 +2616,12 @@
2612
2616
  ]), 1032, ["modelValue"]))
2613
2617
  }
2614
2618
 
2615
- var css_248z$o = ".s-input-number {\n height: auto;\n min-width: 108px;\n}\n.s-input-number .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n height: 28px;\n}\n.s-input-number .q-field__inner .q-field__control:before {\n border: 1px solid #aaaaaa;\n}\n.s-input-number .q-field__inner .q-field__control-container {\n padding: 4px 8px 4px 12px;\n height: 28px;\n}\n.s-input-number .q-field__inner .q-field__control-container .q-field__native {\n color: #333333;\n padding: 0;\n font-weight: 400;\n font-size: 12px;\n}\n.s-input-number .q-field__inner .q-field__control-container input::placeholder {\n color: #aaaaaa;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append {\n height: 28px;\n display: none;\n padding: 0;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append .q-btn {\n width: 20px;\n height: 20px;\n min-height: 0;\n min-width: 0;\n margin: 0 5px 0 4px;\n border-radius: 2px;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append .q-btn .q-btn__content {\n width: 100%;\n height: 100%;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append .q-btn .q-btn__content .q-icon {\n color: #888888;\n font-size: 12px;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append .q-btn:first-of-type {\n margin: 0;\n}\n.s-input-number .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n color: #737373;\n font-size: 12px;\n}\n.s-input-number .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #fb4444;\n}\n.q-field--focused.s-input-number .q-field__inner .q-field__control .q-field__append {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control {\n background-color: #eeeeee !important;\n color: #888888 !important;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control:before {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control-container {\n opacity: 1 !important;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control-container .q-field__native {\n color: #888888;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control .q-field__append {\n opacity: 1;\n}\n\n/* Chrome, Safari, Edge, Opera */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n/* Firefox */\ninput[type=number] {\n -moz-appearance: textfield;\n}";
2616
- styleInject(css_248z$o);
2619
+ var css_248z$q = ".s-input-number {\n height: auto;\n min-width: 108px;\n}\n.s-input-number .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n height: 28px;\n}\n.s-input-number .q-field__inner .q-field__control:before {\n border: 1px solid #aaaaaa;\n}\n.s-input-number .q-field__inner .q-field__control-container {\n padding: 4px 8px 4px 12px;\n height: 28px;\n}\n.s-input-number .q-field__inner .q-field__control-container .q-field__native {\n color: #333333;\n padding: 0;\n font-weight: 400;\n font-size: 12px;\n}\n.s-input-number .q-field__inner .q-field__control-container input::placeholder {\n color: #aaaaaa;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append {\n height: 28px;\n display: none;\n padding: 0;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append .q-btn {\n width: 20px;\n height: 20px;\n min-height: 0;\n min-width: 0;\n margin: 0 5px 0 4px;\n border-radius: 2px;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append .q-btn .q-btn__content {\n width: 100%;\n height: 100%;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append .q-btn .q-btn__content .q-icon {\n color: #888888;\n font-size: 12px;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append .q-btn:first-of-type {\n margin: 0;\n}\n.s-input-number .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n color: #737373;\n font-size: 12px;\n}\n.s-input-number .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #fb4444;\n}\n.q-field--focused.s-input-number .q-field__inner .q-field__control .q-field__append {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control {\n background-color: #eeeeee !important;\n color: #888888 !important;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control:before {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control-container {\n opacity: 1 !important;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control-container .q-field__native {\n color: #888888;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control .q-field__append {\n opacity: 1;\n}\n\n/* Chrome, Safari, Edge, Opera */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n/* Firefox */\ninput[type=number] {\n -moz-appearance: textfield;\n}";
2620
+ styleInject(css_248z$q);
2617
2621
 
2618
- script$p.render = render$q;
2622
+ script$r.render = render$s;
2619
2623
 
2620
- var script$o = vue.defineComponent({
2624
+ var script$q = vue.defineComponent({
2621
2625
  name: 'SInputCounter',
2622
2626
  components: {
2623
2627
  QInput: quasar.QInput,
@@ -2639,7 +2643,7 @@
2639
2643
  },
2640
2644
  });
2641
2645
 
2642
- function render$p(_ctx, _cache, $props, $setup, $data, $options) {
2646
+ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
2643
2647
  var _component_q_input = vue.resolveComponent("q-input");
2644
2648
 
2645
2649
  return (vue.openBlock(), vue.createBlock(_component_q_input, {
@@ -2661,12 +2665,12 @@
2661
2665
  }, 8, ["modelValue", "maxlength"]))
2662
2666
  }
2663
2667
 
2664
- var css_248z$n = "";
2665
- styleInject(css_248z$n);
2668
+ var css_248z$p = "";
2669
+ styleInject(css_248z$p);
2666
2670
 
2667
- script$o.render = render$p;
2671
+ script$q.render = render$r;
2668
2672
 
2669
- var script$n = vue.defineComponent({
2673
+ var script$p = vue.defineComponent({
2670
2674
  name: 'SList',
2671
2675
  components: {
2672
2676
  QList: quasar.QList,
@@ -2679,7 +2683,7 @@
2679
2683
  },
2680
2684
  });
2681
2685
 
2682
- function render$o(_ctx, _cache, $props, $setup, $data, $options) {
2686
+ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
2683
2687
  var _component_q_item_label = vue.resolveComponent("q-item-label");
2684
2688
  var _component_q_item_section = vue.resolveComponent("q-item-section");
2685
2689
  var _component_q_item = vue.resolveComponent("q-item");
@@ -2711,9 +2715,9 @@
2711
2715
  }))
2712
2716
  }
2713
2717
 
2714
- script$n.render = render$o;
2718
+ script$p.render = render$q;
2715
2719
 
2716
- var script$m = vue.defineComponent({
2720
+ var script$o = vue.defineComponent({
2717
2721
  name: 'SMarkupTable',
2718
2722
  components: {
2719
2723
  QMarkupTable: quasar.QMarkupTable, QInnerLoading: quasar.QInnerLoading,
@@ -2737,7 +2741,7 @@
2737
2741
  },
2738
2742
  });
2739
2743
 
2740
- function render$n(_ctx, _cache, $props, $setup, $data, $options) {
2744
+ function render$p(_ctx, _cache, $props, $setup, $data, $options) {
2741
2745
  var _component_q_inner_loading = vue.resolveComponent("q-inner-loading");
2742
2746
  var _component_q_markup_table = vue.resolveComponent("q-markup-table");
2743
2747
 
@@ -2765,12 +2769,12 @@
2765
2769
  }, 8, ["separator", "class"]))
2766
2770
  }
2767
2771
 
2768
- var css_248z$m = ".s-markup-table {\n border-radius: 8px !important;\n border: 1px solid #e1e1e1;\n}\n.s-markup-table .q-table thead {\n min-height: 0;\n}\n.s-markup-table .q-table thead tr {\n height: 40px;\n}\n.s-markup-table .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-markup-table .q-table tbody tr {\n min-height: 0px;\n height: 40px;\n}\n.s-markup-table .q-table tbody tr th {\n font-size: 12px;\n}\n.s-markup-table .q-table tbody tr td {\n height: 40px;\n padding: 0 12px;\n font-size: 12px;\n}\n.s-markup-table .q-table tbody tr td:before {\n background: none;\n}\n.s-markup-table .q-table tbody tr:hover {\n background-color: #f9f9f9;\n}\n.s-markup-table.header-top .q-table thead {\n background: #f5faff;\n}\n.s-markup-table.header-left .q-table tbody tr th {\n background: #f5faff;\n font-weight: 700;\n border-bottom: 1px solid #e1e1e1;\n padding: 0 16px;\n}\n.s-markup-table.header-left .q-table tbody tr th:not(:first-of-type) {\n border-left: 1px solid #e1e1e1;\n}\n.s-markup-table.header-left .q-table tbody tr th:not(:first-of-type) {\n border-left: 1px solid #e1e1e1;\n}\n.s-markup-table.header-left .q-table tbody tr:last-of-type th {\n border-bottom: none;\n}\n.s-markup-table.header-left .q-table tbody tr td {\n padding: 0 12px;\n}\n.s-markup-table.tr-no-hover tbody tr:hover {\n background-color: transparent;\n}\n.s-markup-table.tr-no-hover tbody tr:hover td:before {\n background-color: transparent;\n}";
2769
- styleInject(css_248z$m);
2772
+ var css_248z$o = ".s-markup-table {\n border-radius: 8px !important;\n border: 1px solid #e1e1e1;\n}\n.s-markup-table .q-table thead {\n min-height: 0;\n}\n.s-markup-table .q-table thead tr {\n height: 40px;\n}\n.s-markup-table .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-markup-table .q-table tbody tr {\n min-height: 0px;\n height: 40px;\n}\n.s-markup-table .q-table tbody tr th {\n font-size: 12px;\n}\n.s-markup-table .q-table tbody tr td {\n height: 40px;\n padding: 0 12px;\n font-size: 12px;\n}\n.s-markup-table .q-table tbody tr td:before {\n background: none;\n}\n.s-markup-table .q-table tbody tr:hover {\n background-color: #f9f9f9;\n}\n.s-markup-table.header-top .q-table thead {\n background: #f5faff;\n}\n.s-markup-table.header-left .q-table tbody tr th {\n background: #f5faff;\n font-weight: 700;\n border-bottom: 1px solid #e1e1e1;\n padding: 0 16px;\n}\n.s-markup-table.header-left .q-table tbody tr th:not(:first-of-type) {\n border-left: 1px solid #e1e1e1;\n}\n.s-markup-table.header-left .q-table tbody tr th:not(:first-of-type) {\n border-left: 1px solid #e1e1e1;\n}\n.s-markup-table.header-left .q-table tbody tr:last-of-type th {\n border-bottom: none;\n}\n.s-markup-table.header-left .q-table tbody tr td {\n padding: 0 12px;\n}\n.s-markup-table.tr-no-hover tbody tr:hover {\n background-color: transparent;\n}\n.s-markup-table.tr-no-hover tbody tr:hover td:before {\n background-color: transparent;\n}";
2773
+ styleInject(css_248z$o);
2770
2774
 
2771
- script$m.render = render$n;
2775
+ script$o.render = render$p;
2772
2776
 
2773
- var script$l = vue.defineComponent({
2777
+ var script$n = vue.defineComponent({
2774
2778
  name: 'SPagination',
2775
2779
  components: {
2776
2780
  QBtn: quasar.QBtn,
@@ -2886,30 +2890,30 @@
2886
2890
  },
2887
2891
  });
2888
2892
 
2889
- var _hoisted_1$f = {
2893
+ var _hoisted_1$h = {
2890
2894
  key: 0,
2891
2895
  class: "icons-container"
2892
2896
  };
2893
- var _hoisted_2$a = { class: "pagination-container" };
2894
- var _hoisted_3$5 = {
2897
+ var _hoisted_2$c = { class: "pagination-container" };
2898
+ var _hoisted_3$7 = {
2895
2899
  key: 0,
2896
2900
  class: "pagination-last_page",
2897
2901
  flat: ""
2898
2902
  };
2899
- var _hoisted_4$5 = /*#__PURE__*/vue.createElementVNode("span", null, "/", -1);
2900
- var _hoisted_5$5 = {
2903
+ var _hoisted_4$6 = /*#__PURE__*/vue.createElementVNode("span", null, "/", -1);
2904
+ var _hoisted_5$6 = {
2901
2905
  key: 1,
2902
2906
  class: "icons-container"
2903
2907
  };
2904
2908
 
2905
- function render$m(_ctx, _cache, $props, $setup, $data, $options) {
2909
+ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
2906
2910
  var _component_q_btn = vue.resolveComponent("q-btn");
2907
2911
 
2908
2912
  return (vue.openBlock(), vue.createElementBlock("div", {
2909
2913
  class: vue.normalizeClass(["s-pagination row", { 'single-pagination': _ctx.perPage === 1 }])
2910
2914
  }, [
2911
2915
  (_ctx.paginationInfo.startPage !== 1)
2912
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [
2916
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [
2913
2917
  vue.createVNode(_component_q_btn, {
2914
2918
  flat: "",
2915
2919
  dense: "",
@@ -2938,7 +2942,7 @@
2938
2942
  }, null, 8, ["icon"])
2939
2943
  ]))
2940
2944
  : vue.createCommentVNode("", true),
2941
- vue.createElementVNode("div", _hoisted_2$a, [
2945
+ vue.createElementVNode("div", _hoisted_2$c, [
2942
2946
  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.displayedPageNumber, function (pageNumber) {
2943
2947
  return (vue.openBlock(), vue.createBlock(_component_q_btn, {
2944
2948
  key: pageNumber,
@@ -2959,15 +2963,15 @@
2959
2963
  }, null, 8, ["label", "onClick", "class"]))
2960
2964
  }), 128)),
2961
2965
  (_ctx.perPage === 1)
2962
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$5, [
2963
- _hoisted_4$5,
2966
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, [
2967
+ _hoisted_4$6,
2964
2968
  vue.createTextVNode(),
2965
2969
  vue.createElementVNode("span", null, vue.toDisplayString(_ctx.paginationInfo.lastPage), 1)
2966
2970
  ]))
2967
2971
  : vue.createCommentVNode("", true)
2968
2972
  ]),
2969
2973
  (_ctx.paginationInfo.lastPage - _ctx.paginationInfo.startPage >= _ctx.perPage)
2970
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$5, [
2974
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [
2971
2975
  vue.createVNode(_component_q_btn, {
2972
2976
  flat: "",
2973
2977
  dense: "",
@@ -2999,12 +3003,12 @@
2999
3003
  ], 2))
3000
3004
  }
3001
3005
 
3002
- var css_248z$l = ".s-pagination {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 58px;\n}\n.s-pagination .q-btn {\n min-height: 26px;\n height: 26px;\n margin: 0 4px;\n justify-content: center;\n}\n.s-pagination .q-btn:hover:before {\n border: 1px solid #006ac1;\n}\n.s-pagination .q-btn:hover .q-focus-helper {\n opacity: 0 !important;\n}\n.s-pagination .q-btn:hover .q-focus-helper:before, .s-pagination .q-btn:hover .q-focus-helper:after {\n opacity: 0 !important;\n}\n.s-pagination .q-btn:hover .q-btn__content .q-icon {\n color: #006ac1;\n}\n.s-pagination .q-btn:hover .q-btn__content > span {\n color: #006ac1;\n}\n.s-pagination > .icons-container .q-btn {\n padding: 0 !important;\n min-width: 26px;\n width: 26px;\n}\n.s-pagination > .icons-container .q-btn__content .q-icon {\n font-size: 12px;\n width: 1em;\n height: 1em;\n}\n.s-pagination .pagination-container .q-btn {\n min-width: 26px;\n width: fit-content;\n padding: 0;\n}\n.s-pagination .pagination-container .q-btn__content {\n padding: 2px 10px;\n}\n.s-pagination .pagination-container .q-btn__content > span {\n height: 20px;\n line-height: 20px;\n font-size: 12px;\n font-weight: 400;\n}\n.s-pagination .pagination-container .pagination-active-btn:before {\n background: #006ac1 !important;\n}\n.s-pagination .pagination-container .pagination-active-btn .q-btn__content > span {\n color: white !important;\n}\n.s-pagination .q-btn.disabled:hover:before {\n border: none;\n}\n.s-pagination .q-btn.disabled:hover .q-btn__content .q-icon {\n color: #888888;\n}\n.s-pagination .q-btn.disabled:hover .q-btn__content > span {\n color: #888888;\n}\n.single-pagination .pagination-container {\n display: flex;\n}\n.single-pagination .pagination-container .q-btn {\n cursor: default;\n}\n.single-pagination .pagination-container .q-btn:hover:before {\n border: none;\n}\n.single-pagination .pagination-container .q-btn:hover .q-btn__content > span {\n color: #555555;\n}\n.single-pagination .pagination-container .pagination-last_page {\n display: flex;\n gap: 6px;\n align-items: center;\n}\n.single-pagination .pagination-container .pagination-last_page span {\n color: #555555;\n font-size: 12px;\n margin: 0 6px 0 0;\n}";
3003
- styleInject(css_248z$l);
3006
+ var css_248z$n = ".s-pagination {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 58px;\n}\n.s-pagination .q-btn {\n min-height: 26px;\n height: 26px;\n margin: 0 4px;\n justify-content: center;\n}\n.s-pagination .q-btn:hover:before {\n border: 1px solid #006ac1;\n}\n.s-pagination .q-btn:hover .q-focus-helper {\n opacity: 0 !important;\n}\n.s-pagination .q-btn:hover .q-focus-helper:before, .s-pagination .q-btn:hover .q-focus-helper:after {\n opacity: 0 !important;\n}\n.s-pagination .q-btn:hover .q-btn__content .q-icon {\n color: #006ac1;\n}\n.s-pagination .q-btn:hover .q-btn__content > span {\n color: #006ac1;\n}\n.s-pagination > .icons-container .q-btn {\n padding: 0 !important;\n min-width: 26px;\n width: 26px;\n}\n.s-pagination > .icons-container .q-btn__content .q-icon {\n font-size: 12px;\n width: 1em;\n height: 1em;\n}\n.s-pagination .pagination-container .q-btn {\n min-width: 26px;\n width: fit-content;\n padding: 0;\n}\n.s-pagination .pagination-container .q-btn__content {\n padding: 2px 10px;\n}\n.s-pagination .pagination-container .q-btn__content > span {\n height: 20px;\n line-height: 20px;\n font-size: 12px;\n font-weight: 400;\n}\n.s-pagination .pagination-container .pagination-active-btn:before {\n background: #006ac1 !important;\n}\n.s-pagination .pagination-container .pagination-active-btn .q-btn__content > span {\n color: white !important;\n}\n.s-pagination .q-btn.disabled:hover:before {\n border: none;\n}\n.s-pagination .q-btn.disabled:hover .q-btn__content .q-icon {\n color: #888888;\n}\n.s-pagination .q-btn.disabled:hover .q-btn__content > span {\n color: #888888;\n}\n.single-pagination .pagination-container {\n display: flex;\n}\n.single-pagination .pagination-container .q-btn {\n cursor: default;\n}\n.single-pagination .pagination-container .q-btn:hover:before {\n border: none;\n}\n.single-pagination .pagination-container .q-btn:hover .q-btn__content > span {\n color: #555555;\n}\n.single-pagination .pagination-container .pagination-last_page {\n display: flex;\n gap: 6px;\n align-items: center;\n}\n.single-pagination .pagination-container .pagination-last_page span {\n color: #555555;\n font-size: 12px;\n margin: 0 6px 0 0;\n}";
3007
+ styleInject(css_248z$n);
3004
3008
 
3005
- script$l.render = render$m;
3009
+ script$n.render = render$o;
3006
3010
 
3007
- var script$k = vue.defineComponent({
3011
+ var script$m = vue.defineComponent({
3008
3012
  name: 'SRadio',
3009
3013
  components: {
3010
3014
  QRadio: quasar.QRadio,
@@ -3014,7 +3018,7 @@
3014
3018
  },
3015
3019
  });
3016
3020
 
3017
- function render$l(_ctx, _cache, $props, $setup, $data, $options) {
3021
+ function render$n(_ctx, _cache, $props, $setup, $data, $options) {
3018
3022
  var _component_q_radio = vue.resolveComponent("q-radio");
3019
3023
 
3020
3024
  return (vue.openBlock(), vue.createBlock(_component_q_radio, {
@@ -3025,12 +3029,12 @@
3025
3029
  }, null, 8, ["class"]))
3026
3030
  }
3027
3031
 
3028
- var css_248z$k = ".s-radio > .q-radio__inner {\n min-width: 1.334em;\n width: 1.334em;\n height: 1.334em;\n color: #888888;\n}\n.s-radio > .q-radio__inner:before {\n opacity: 0 !important;\n}\n.s-radio > .q-radio__inner:hover {\n color: #0075ff;\n}\n.s-radio .q-radio__label {\n padding-left: 8px;\n color: #333333;\n line-height: 20px;\n}\n.s-radio[aria-checked=true] .q-radio__inner .q-radio__bg .q-radio__check {\n transform: scale3d(1.2, 1.2, 1);\n}\n.disabled.s-radio {\n opacity: 1 !important;\n border: none;\n background: none !important;\n}\n.disabled.s-radio .q-radio__inner {\n color: #cccccc !important;\n background: #eeeeee;\n}\n.radio-margin-sm {\n margin-right: 20px;\n}\n.radio-margin-sm:last-of-type {\n margin-right: 0;\n}\n.radio-margin-lg {\n margin-right: 40px;\n}\n.radio-margin-lg:last-of-type {\n margin-right: 0;\n}";
3029
- styleInject(css_248z$k);
3032
+ var css_248z$m = ".s-radio > .q-radio__inner {\n min-width: 1.334em;\n width: 1.334em;\n height: 1.334em;\n color: #888888;\n}\n.s-radio > .q-radio__inner:before {\n opacity: 0 !important;\n}\n.s-radio > .q-radio__inner:hover {\n color: #0075ff;\n}\n.s-radio .q-radio__label {\n padding-left: 8px;\n color: #333333;\n line-height: 20px;\n}\n.s-radio[aria-checked=true] .q-radio__inner .q-radio__bg .q-radio__check {\n transform: scale3d(1.2, 1.2, 1);\n}\n.disabled.s-radio {\n opacity: 1 !important;\n border: none;\n background: none !important;\n}\n.disabled.s-radio .q-radio__inner {\n color: #cccccc !important;\n background: #eeeeee;\n}\n.radio-margin-sm {\n margin-right: 20px;\n}\n.radio-margin-sm:last-of-type {\n margin-right: 0;\n}\n.radio-margin-lg {\n margin-right: 40px;\n}\n.radio-margin-lg:last-of-type {\n margin-right: 0;\n}";
3033
+ styleInject(css_248z$m);
3030
3034
 
3031
- script$k.render = render$l;
3035
+ script$m.render = render$n;
3032
3036
 
3033
- var script$j = vue.defineComponent({
3037
+ var script$l = vue.defineComponent({
3034
3038
  name: 'STab',
3035
3039
  components: {
3036
3040
  QRouteTab: quasar.QRouteTab,
@@ -3046,9 +3050,9 @@
3046
3050
  },
3047
3051
  });
3048
3052
 
3049
- var _hoisted_1$e = /*#__PURE__*/vue.createElementVNode("div", { class: "s-tab-space" }, null, -1);
3053
+ var _hoisted_1$g = /*#__PURE__*/vue.createElementVNode("div", { class: "s-tab-space" }, null, -1);
3050
3054
 
3051
- function render$k(_ctx, _cache, $props, $setup, $data, $options) {
3055
+ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
3052
3056
  var _component_q_route_tab = vue.resolveComponent("q-route-tab");
3053
3057
 
3054
3058
  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -3060,16 +3064,16 @@
3060
3064
  exact: "",
3061
3065
  class: "s-tab"
3062
3066
  }, null, 8, ["name", "label", "to"]),
3063
- _hoisted_1$e
3067
+ _hoisted_1$g
3064
3068
  ], 64))
3065
3069
  }
3066
3070
 
3067
- var css_248z$j = ".s-route-tab {\n padding: 12px 32px;\n border-radius: 4px 4px 0 0;\n border: 1px solid #cccccc;\n border-bottom: 1px solid #0075ff;\n background: #f6f6f6;\n color: #888888;\n min-height: 0;\n}\n.s-route-tab .q-tab__content {\n padding: 0;\n height: 20px;\n min-width: 0;\n}\n.s-route-tab .q-tab__content .q-tab__label {\n height: 20px;\n line-height: 165%;\n font-weight: 400;\n}\n.s-route-tab.q-tab--active {\n border: 1px solid #0075ff;\n background: white;\n}\n.s-route-tab.q-tab--active .q-tab__content .q-tab__label {\n font-weight: 700;\n}\n.s-tab-space {\n width: 4px;\n min-width: 4px;\n height: 100%;\n border-bottom: 1px solid #0075ff;\n}\n.s-tab-space:last-of-type {\n width: 100%;\n}";
3068
- styleInject(css_248z$j);
3071
+ var css_248z$l = ".s-route-tab {\n padding: 12px 32px;\n border-radius: 4px 4px 0 0;\n border: 1px solid #cccccc;\n border-bottom: 1px solid #0075ff;\n background: #f6f6f6;\n color: #888888;\n min-height: 0;\n}\n.s-route-tab .q-tab__content {\n padding: 0;\n height: 20px;\n min-width: 0;\n}\n.s-route-tab .q-tab__content .q-tab__label {\n height: 20px;\n line-height: 165%;\n font-weight: 400;\n}\n.s-route-tab.q-tab--active {\n border: 1px solid #0075ff;\n background: white;\n}\n.s-route-tab.q-tab--active .q-tab__content .q-tab__label {\n font-weight: 700;\n}\n.s-tab-space {\n width: 4px;\n min-width: 4px;\n height: 100%;\n border-bottom: 1px solid #0075ff;\n}\n.s-tab-space:last-of-type {\n width: 100%;\n}";
3072
+ styleInject(css_248z$l);
3069
3073
 
3070
- script$j.render = render$k;
3074
+ script$l.render = render$m;
3071
3075
 
3072
- var script$i = vue.defineComponent({
3076
+ var script$k = vue.defineComponent({
3073
3077
  name: 'SSelect',
3074
3078
  components: {
3075
3079
  QSelect: quasar.QSelect,
@@ -3210,10 +3214,10 @@
3210
3214
  },
3211
3215
  });
3212
3216
 
3213
- var _hoisted_1$d = { class: "include-label" };
3214
- var _hoisted_2$9 = { key: 0 };
3217
+ var _hoisted_1$f = { class: "include-label" };
3218
+ var _hoisted_2$b = { key: 0 };
3215
3219
 
3216
- function render$j(_ctx, _cache, $props, $setup, $data, $options) {
3220
+ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
3217
3221
  var _component_q_item_label = vue.resolveComponent("q-item-label");
3218
3222
  var _component_q_item_section = vue.resolveComponent("q-item-section");
3219
3223
  var _component_q_item = vue.resolveComponent("q-item");
@@ -3274,7 +3278,7 @@
3274
3278
  ? {
3275
3279
  name: "prepend",
3276
3280
  fn: vue.withCtx(function () { return [
3277
- vue.createElementVNode("div", _hoisted_1$d, vue.toDisplayString(_ctx.label), 1)
3281
+ vue.createElementVNode("div", _hoisted_1$f, vue.toDisplayString(_ctx.label), 1)
3278
3282
  ]; }),
3279
3283
  key: "0"
3280
3284
  }
@@ -3287,7 +3291,7 @@
3287
3291
  return (vue.openBlock(), vue.createElementBlock("span", { key: idx }, [
3288
3292
  vue.createTextVNode(vue.toDisplayString(items) + " ", 1),
3289
3293
  (_ctx.$attrs.modelValue.length > 1 && _ctx.$attrs.modelValue.length - 1 > idx)
3290
- ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$9, " ,  "))
3294
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$b, " ,  "))
3291
3295
  : vue.createCommentVNode("", true)
3292
3296
  ]))
3293
3297
  }), 128))
@@ -3341,12 +3345,12 @@
3341
3345
  ]), 1040, ["dropdown-icon", "options-selected-class", "popup-content-class", "use-input", "options", "option-label", "option-value", "onInputValue", "onFocus", "onBlur", "emit-value", "onPopupHide"]))
3342
3346
  }
3343
3347
 
3344
- var css_248z$i = ".s-select .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select .q-field__inner .q-field__control:hover, .s-select .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item, .s-select-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item__section .q-item__label > span, .s-select-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item--active, .s-select-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select.q-field--disabled .q-field__control > .q-field__prepend {\n opacity: 1 !important;\n border-right: 1px solid #cccccc;\n}\n.s-select .q-field__prepend {\n background-color: #f6f6f6;\n height: auto;\n border-right: 1px solid #aaaaaa;\n padding: 4px 12px !important;\n}\n.s-select .q-field__prepend .include-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select.q-select--multiple .q-field__inner .q-field__control-container .q-field__native {\n display: block;\n min-height: 0;\n height: 28px;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.s-select.q-select--multiple .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n text-overflow: ellipsis;\n overflow-x: hidden;\n}\n.s-select.q-select--multiple .q-field__inner .q-field__control-container .q-field__native > input {\n min-height: 100%;\n}\n.s-select-group-opts {\n padding: 0;\n}\n.s-select-group-opts .s-select-no-option {\n padding: 6px 12px;\n}\n.s-select-group-opts .group-title {\n opacity: 1 !important;\n background: #f6f6f6 !important;\n border: none;\n border-top: 1px solid #e1e1e1;\n}\n.s-select-group-opts .group-title .q-item__section .q-item__label {\n color: #333333 !important;\n}\n.s-select-group-opts .group-option {\n padding: 4px 12px 4px 20px !important;\n}\n.s-select-group-opts .group-option.disabled {\n background: white !important;\n border: none !important;\n}\n.s-select-group-opts .group-option.disabled .q-item__section {\n color: #aaaaaa !important;\n}";
3345
- styleInject(css_248z$i);
3348
+ var css_248z$k = ".s-select .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select .q-field__inner .q-field__control:hover, .s-select .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item, .s-select-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item__section .q-item__label > span, .s-select-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item--active, .s-select-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select.q-field--disabled .q-field__control > .q-field__prepend {\n opacity: 1 !important;\n border-right: 1px solid #cccccc;\n}\n.s-select .q-field__prepend {\n background-color: #f6f6f6;\n height: auto;\n border-right: 1px solid #aaaaaa;\n padding: 4px 12px !important;\n}\n.s-select .q-field__prepend .include-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select.q-select--multiple .q-field__inner .q-field__control-container .q-field__native {\n display: block;\n min-height: 0;\n height: 28px;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.s-select.q-select--multiple .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n text-overflow: ellipsis;\n overflow-x: hidden;\n}\n.s-select.q-select--multiple .q-field__inner .q-field__control-container .q-field__native > input {\n min-height: 100%;\n}\n.s-select-group-opts {\n padding: 0;\n}\n.s-select-group-opts .s-select-no-option {\n padding: 6px 12px;\n}\n.s-select-group-opts .group-title {\n opacity: 1 !important;\n background: #f6f6f6 !important;\n border: none;\n border-top: 1px solid #e1e1e1;\n}\n.s-select-group-opts .group-title .q-item__section .q-item__label {\n color: #333333 !important;\n}\n.s-select-group-opts .group-option {\n padding: 4px 12px 4px 20px !important;\n}\n.s-select-group-opts .group-option.disabled {\n background: white !important;\n border: none !important;\n}\n.s-select-group-opts .group-option.disabled .q-item__section {\n color: #aaaaaa !important;\n}";
3349
+ styleInject(css_248z$k);
3346
3350
 
3347
- script$i.render = render$j;
3351
+ script$k.render = render$l;
3348
3352
 
3349
- var script$h = vue.defineComponent({
3353
+ var script$j = vue.defineComponent({
3350
3354
  name: 'SSelectCheckbox',
3351
3355
  emits: ['update:modelValue'],
3352
3356
  components: {
@@ -3476,7 +3480,7 @@
3476
3480
  },
3477
3481
  });
3478
3482
 
3479
- function render$i(_ctx, _cache, $props, $setup, $data, $options) {
3483
+ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
3480
3484
  var _component_s_checkbox = vue.resolveComponent("s-checkbox");
3481
3485
  var _component_q_item_section = vue.resolveComponent("q-item-section");
3482
3486
  var _component_q_img = vue.resolveComponent("q-img");
@@ -3597,12 +3601,12 @@
3597
3601
  ]), 1032, ["dropdown-icon", "modelValue", "options", "popup-content-class", "option-label", "option-value", "option-group", "onAdd", "onRemove"]))
3598
3602
  }
3599
3603
 
3600
- var css_248z$h = ".s-select-checkbox .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-checkbox .q-field__inner .q-field__control:hover, .s-select-checkbox .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select-checkbox .q-field__native {\n display: block;\n min-height: 0;\n height: 28px;\n width: 100%;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.s-select-checkbox .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__native > .s-checkbox {\n margin-right: 8px;\n}\n.s-select-checkbox-opts > .q-virtual-scroll__content > .q-item.disabled {\n border: none;\n color: #333333 !important;\n opacity: 1 !important;\n background: #f6f6f6 !important;\n border-top: 1px solid #e1e1e1 !important;\n}\n.s-select-checkbox-opts > .q-virtual-scroll__content > .q-item.disabled:not(.q-manual-focusable):first-of-type {\n border-top: none !important;\n}\n.custom-select-options {\n height: 28px;\n}";
3601
- styleInject(css_248z$h);
3604
+ var css_248z$j = ".s-select-checkbox .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-checkbox .q-field__inner .q-field__control:hover, .s-select-checkbox .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select-checkbox .q-field__native {\n display: block;\n min-height: 0;\n height: 28px;\n width: 100%;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.s-select-checkbox .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__native > .s-checkbox {\n margin-right: 8px;\n}\n.s-select-checkbox-opts > .q-virtual-scroll__content > .q-item.disabled {\n border: none;\n color: #333333 !important;\n opacity: 1 !important;\n background: #f6f6f6 !important;\n border-top: 1px solid #e1e1e1 !important;\n}\n.s-select-checkbox-opts > .q-virtual-scroll__content > .q-item.disabled:not(.q-manual-focusable):first-of-type {\n border-top: none !important;\n}\n.custom-select-options {\n height: 28px;\n}";
3605
+ styleInject(css_248z$j);
3602
3606
 
3603
- script$h.render = render$i;
3607
+ script$j.render = render$k;
3604
3608
 
3605
- var script$g = vue.defineComponent({
3609
+ var script$i = vue.defineComponent({
3606
3610
  name: 'SSelectSearchCheckbox',
3607
3611
  emits: ['update:modelValue'],
3608
3612
  components: {
@@ -3774,16 +3778,16 @@
3774
3778
  },
3775
3779
  });
3776
3780
 
3777
- var _hoisted_1$c = { class: "search-input-form-container" };
3778
- var _hoisted_2$8 = { class: "select-search-input-form" };
3779
- var _hoisted_3$4 = ["placeholder"];
3780
- var _hoisted_4$4 = { key: 0 };
3781
- var _hoisted_5$4 = { key: 1 };
3782
- var _hoisted_6$2 = { class: "search-input-form-container" };
3783
- var _hoisted_7 = { class: "select-search-input-form" };
3784
- var _hoisted_8 = ["placeholder"];
3781
+ var _hoisted_1$e = { class: "search-input-form-container" };
3782
+ var _hoisted_2$a = { class: "select-search-input-form" };
3783
+ var _hoisted_3$6 = ["placeholder"];
3784
+ var _hoisted_4$5 = { key: 0 };
3785
+ var _hoisted_5$5 = { key: 1 };
3786
+ var _hoisted_6$3 = { class: "search-input-form-container" };
3787
+ var _hoisted_7$1 = { class: "select-search-input-form" };
3788
+ var _hoisted_8$1 = ["placeholder"];
3785
3789
 
3786
- function render$h(_ctx, _cache, $props, $setup, $data, $options) {
3790
+ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
3787
3791
  var _component_q_icon = vue.resolveComponent("q-icon");
3788
3792
  var _component_s_checkbox = vue.resolveComponent("s-checkbox");
3789
3793
  var _component_q_item_section = vue.resolveComponent("q-item-section");
@@ -3819,8 +3823,8 @@
3819
3823
  ref: "sSelectRef"
3820
3824
  }, vue.createSlots({
3821
3825
  "before-options": vue.withCtx(function () { return [
3822
- vue.createElementVNode("div", _hoisted_1$c, [
3823
- vue.createElementVNode("form", _hoisted_2$8, [
3826
+ vue.createElementVNode("div", _hoisted_1$e, [
3827
+ vue.createElementVNode("form", _hoisted_2$a, [
3824
3828
  vue.createVNode(_component_q_icon, {
3825
3829
  name: _ctx.searchIcon,
3826
3830
  size: "20px"
@@ -3835,7 +3839,7 @@
3835
3839
  _ctx.onSearch(data.target.value);
3836
3840
  }
3837
3841
  )
3838
- }, null, 40, _hoisted_3$4), [
3842
+ }, null, 40, _hoisted_3$6), [
3839
3843
  [vue.vModelText, _ctx.search]
3840
3844
  ])
3841
3845
  ])
@@ -3903,8 +3907,8 @@
3903
3907
  ];
3904
3908
  }),
3905
3909
  "no-option": vue.withCtx(function () { return [
3906
- vue.createElementVNode("div", _hoisted_6$2, [
3907
- vue.createElementVNode("form", _hoisted_7, [
3910
+ vue.createElementVNode("div", _hoisted_6$3, [
3911
+ vue.createElementVNode("form", _hoisted_7$1, [
3908
3912
  vue.createVNode(_component_q_icon, {
3909
3913
  name: _ctx.searchIcon,
3910
3914
  size: "20px"
@@ -3919,7 +3923,7 @@
3919
3923
  _ctx.onSearch(data.target.value);
3920
3924
  }
3921
3925
  )
3922
- }, null, 40, _hoisted_8), [
3926
+ }, null, 40, _hoisted_8$1), [
3923
3927
  [vue.vModelText, _ctx.search]
3924
3928
  ])
3925
3929
  ])
@@ -3946,9 +3950,9 @@
3946
3950
  name: "selected",
3947
3951
  fn: vue.withCtx(function () { return [
3948
3952
  (_ctx.noSelected && !_ctx.options.length)
3949
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, vue.toDisplayString(_ctx.noSelected), 1))
3953
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$5, vue.toDisplayString(_ctx.noSelected), 1))
3950
3954
  : (_ctx.options.length && _ctx.useAll && (_ctx.model[0] === '' || _ctx.model.includes('')))
3951
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$4, vue.toDisplayString(_ctx.placeholder), 1))
3955
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$5, vue.toDisplayString(_ctx.placeholder), 1))
3952
3956
  : vue.createCommentVNode("", true)
3953
3957
  ]; }),
3954
3958
  key: "0"
@@ -3957,12 +3961,12 @@
3957
3961
  ]), 1032, ["dropdown-icon", "modelValue", "options", "popup-content-class", "option-label", "option-value", "option-group", "onAdd", "onRemove"]))
3958
3962
  }
3959
3963
 
3960
- var css_248z$g = ".s-select-checkbox .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-checkbox .q-field__inner .q-field__control:hover, .s-select-checkbox .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select-checkbox .q-field__native {\n display: block;\n min-height: 0;\n height: 28px;\n width: 100%;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.s-select-checkbox .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__native > .s-checkbox {\n margin-right: 8px;\n}\n.custom-select-options {\n height: 28px;\n}\n.disabled.s-select-checkbox-option {\n border: none;\n background: none !important;\n color: #888888 !important;\n}\n.select-search-input-form {\n height: 28px;\n display: flex;\n align-items: center;\n padding-left: 8px;\n position: relative;\n border-radius: 2px;\n border: 1px solid #aaaaaa;\n background-color: white;\n position: sticky;\n top: 0;\n z-index: 1;\n margin: 4px;\n}\n.select-search-input-form::after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n border: 1px solid transparent;\n border-radius: inherit;\n}\n.select-search-input-form:hover::after, .select-search-input-form:focus-within::after {\n border-color: #0075ff;\n box-shadow: 0 0 4px #0075ff;\n transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.select-search-input-form .select-search-input {\n font-size: 12px;\n margin-left: 8px;\n flex-grow: 1;\n border: none;\n outline: none;\n}";
3961
- styleInject(css_248z$g);
3964
+ var css_248z$i = ".s-select-checkbox .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-checkbox .q-field__inner .q-field__control:hover, .s-select-checkbox .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select-checkbox .q-field__native {\n display: block;\n min-height: 0;\n height: 28px;\n width: 100%;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.s-select-checkbox .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__native > .s-checkbox {\n margin-right: 8px;\n}\n.custom-select-options {\n height: 28px;\n}\n.disabled.s-select-checkbox-option {\n border: none;\n background: none !important;\n color: #888888 !important;\n}\n.select-search-input-form {\n height: 28px;\n display: flex;\n align-items: center;\n padding-left: 8px;\n position: relative;\n border-radius: 2px;\n border: 1px solid #aaaaaa;\n background-color: white;\n position: sticky;\n top: 0;\n z-index: 1;\n margin: 4px;\n}\n.select-search-input-form::after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n border: 1px solid transparent;\n border-radius: inherit;\n}\n.select-search-input-form:hover::after, .select-search-input-form:focus-within::after {\n border-color: #0075ff;\n box-shadow: 0 0 4px #0075ff;\n transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.select-search-input-form .select-search-input {\n font-size: 12px;\n margin-left: 8px;\n flex-grow: 1;\n border: none;\n outline: none;\n}";
3965
+ styleInject(css_248z$i);
3962
3966
 
3963
- script$g.render = render$h;
3967
+ script$i.render = render$j;
3964
3968
 
3965
- var script$f = vue.defineComponent({
3969
+ var script$h = vue.defineComponent({
3966
3970
  name: 'SSelectGroupCheckbox',
3967
3971
  emits: ['update:modelValue'],
3968
3972
  components: {
@@ -4068,7 +4072,7 @@
4068
4072
  },
4069
4073
  });
4070
4074
 
4071
- function render$g(_ctx, _cache, $props, $setup, $data, $options) {
4075
+ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
4072
4076
  var _component_s_checkbox = vue.resolveComponent("s-checkbox");
4073
4077
  var _component_q_item_section = vue.resolveComponent("q-item-section");
4074
4078
  var _component_q_img = vue.resolveComponent("q-img");
@@ -4165,12 +4169,12 @@
4165
4169
  ]), 1032, ["dropdown-icon", "modelValue", "options", "popup-content-class", "option-label", "option-value", "option-group", "onAdd", "onRemove"]))
4166
4170
  }
4167
4171
 
4168
- var css_248z$f = ".s-select-checkbox .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-checkbox .q-field__inner .q-field__control:hover, .s-select-checkbox .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select-checkbox .q-field__native {\n display: block;\n min-height: 0;\n height: 28px;\n width: 100%;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.s-select-checkbox .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__native > .s-checkbox {\n margin-right: 8px;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt {\n border: none;\n color: #333333 !important;\n opacity: 1 !important;\n height: auto;\n padding: 0;\n background-color: white;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-title,\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt .group-content {\n flex-direction: row !important;\n justify-content: flex-start !important;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-title > .s-checkbox,\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt .group-content > .s-checkbox {\n margin-right: 10px;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-title {\n background-color: #f6f6f6;\n border-top: 1px solid #e1e1e1 !important;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-title:first-of-type {\n border-top: none !important;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-content {\n margin: 0;\n padding: 4px 12px 4px 16px;\n}";
4169
- styleInject(css_248z$f);
4172
+ var css_248z$h = ".s-select-checkbox .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-checkbox .q-field__inner .q-field__control:hover, .s-select-checkbox .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select-checkbox .q-field__native {\n display: block;\n min-height: 0;\n height: 28px;\n width: 100%;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.s-select-checkbox .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__native > .s-checkbox {\n margin-right: 8px;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt {\n border: none;\n color: #333333 !important;\n opacity: 1 !important;\n height: auto;\n padding: 0;\n background-color: white;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-title,\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt .group-content {\n flex-direction: row !important;\n justify-content: flex-start !important;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-title > .s-checkbox,\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt .group-content > .s-checkbox {\n margin-right: 10px;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-title {\n background-color: #f6f6f6;\n border-top: 1px solid #e1e1e1 !important;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-title:first-of-type {\n border-top: none !important;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-content {\n margin: 0;\n padding: 4px 12px 4px 16px;\n}";
4173
+ styleInject(css_248z$h);
4170
4174
 
4171
- script$f.render = render$g;
4175
+ script$h.render = render$i;
4172
4176
 
4173
- var script$e = vue.defineComponent({
4177
+ var script$g = vue.defineComponent({
4174
4178
  name: 'SSelectCustom',
4175
4179
  components: {
4176
4180
  QSelect: quasar.QSelect,
@@ -4259,7 +4263,7 @@
4259
4263
  },
4260
4264
  });
4261
4265
 
4262
- function render$f(_ctx, _cache, $props, $setup, $data, $options) {
4266
+ function render$h(_ctx, _cache, $props, $setup, $data, $options) {
4263
4267
  var _component_q_icon = vue.resolveComponent("q-icon");
4264
4268
  var _component_q_item_section = vue.resolveComponent("q-item-section");
4265
4269
  var _component_q_item = vue.resolveComponent("q-item");
@@ -4353,19 +4357,19 @@
4353
4357
  ]), 1032, ["dropdown-icon", "options", "use-input", "input-debounce", "onFilter", "optionLabel", "optionValue", "modelValue", "rules"]))
4354
4358
  }
4355
4359
 
4356
- var css_248z$e = ".s-select-custom .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-custom .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-custom .q-field__inner .q-field__control:hover, .s-select-custom .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-custom .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select-custom .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-custom .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-custom .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-custom .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select-custom .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-custom .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-custom .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-custom .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-custom .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-custom .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select-custom > .q-field__inner .q-field__prepend {\n padding: 0 0 0 8px;\n}\n.s-select-custom > .q-field__inner .q-field__prepend + .q-field__control-container .q-field__native {\n padding-left: 8px !important;\n}";
4357
- styleInject(css_248z$e);
4360
+ var css_248z$g = ".s-select-custom .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-custom .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-custom .q-field__inner .q-field__control:hover, .s-select-custom .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-custom .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select-custom .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-custom .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-custom .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-custom .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select-custom .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-custom .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-custom .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-custom .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-custom .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-custom .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select-custom > .q-field__inner .q-field__prepend {\n padding: 0 0 0 8px;\n}\n.s-select-custom > .q-field__inner .q-field__prepend + .q-field__control-container .q-field__native {\n padding-left: 8px !important;\n}";
4361
+ styleInject(css_248z$g);
4358
4362
 
4359
- script$e.render = render$f;
4363
+ script$g.render = render$h;
4360
4364
 
4361
- var script$d = vue.defineComponent({
4365
+ var script$f = vue.defineComponent({
4362
4366
  name: 'SSelectSearchAutoComplete',
4363
4367
  emits: ['selectOption', 'onSearch', 'clearModel'],
4364
4368
  components: {
4365
4369
  QIcon: quasar.QIcon,
4366
4370
  QSelect: quasar.QSelect,
4367
4371
  QItem: quasar.QItem,
4368
- SInput: script$q,
4372
+ SInput: script$s,
4369
4373
  QItemSection: quasar.QItemSection,
4370
4374
  QItemLabel: quasar.QItemLabel,
4371
4375
  },
@@ -4438,12 +4442,12 @@
4438
4442
  },
4439
4443
  });
4440
4444
 
4441
- var _hoisted_1$b = {
4445
+ var _hoisted_1$d = {
4442
4446
  key: 2,
4443
4447
  class: "select-custom-auto-complete-wrapper"
4444
4448
  };
4445
4449
 
4446
- function render$e(_ctx, _cache, $props, $setup, $data, $options) {
4450
+ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
4447
4451
  var _component_q_icon = vue.resolveComponent("q-icon");
4448
4452
  var _component_s_input = vue.resolveComponent("s-input");
4449
4453
  var _component_q_item_label = vue.resolveComponent("q-item-label");
@@ -4504,7 +4508,7 @@
4504
4508
  }))
4505
4509
  : vue.createCommentVNode("", true),
4506
4510
  (_ctx.isSelect)
4507
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
4511
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [
4508
4512
  vue.createVNode(_component_q_select, {
4509
4513
  modelValue: _ctx.filteredOptions,
4510
4514
  "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) { return ((_ctx.filteredOptions) = $event); }),
@@ -4537,12 +4541,12 @@
4537
4541
  ], 64))
4538
4542
  }
4539
4543
 
4540
- var css_248z$d = ".s-select-search-auto-complete-options-wrapper {\n position: absolute;\n background: white;\n cursor: pointer;\n z-index: 1;\n max-height: 154px;\n overflow: auto;\n overflow-x: hidden;\n}\n.s-select-search-auto-complete-options-wrapper .q-item {\n padding: 8px 12px;\n width: 264px;\n}\n.select-custom-auto-complete-wrapper .s-select-custom .q-field__inner .q-field__control > div:nth-child(3) {\n display: none;\n}\n.s-select-custom-auto-complete-opts {\n display: none;\n}";
4541
- styleInject(css_248z$d);
4544
+ var css_248z$f = ".s-select-search-auto-complete-options-wrapper {\n position: absolute;\n background: white;\n cursor: pointer;\n z-index: 1;\n max-height: 154px;\n overflow: auto;\n overflow-x: hidden;\n}\n.s-select-search-auto-complete-options-wrapper .q-item {\n padding: 8px 12px;\n width: 264px;\n}\n.select-custom-auto-complete-wrapper .s-select-custom .q-field__inner .q-field__control > div:nth-child(3) {\n display: none;\n}\n.s-select-custom-auto-complete-opts {\n display: none;\n}";
4545
+ styleInject(css_248z$f);
4542
4546
 
4543
- script$d.render = render$e;
4547
+ script$f.render = render$g;
4544
4548
 
4545
- var script$c = vue.defineComponent({
4549
+ var script$e = vue.defineComponent({
4546
4550
  name: 'STab',
4547
4551
  components: {
4548
4552
  QTab: quasar.QTab,
@@ -4554,13 +4558,13 @@
4554
4558
  },
4555
4559
  });
4556
4560
 
4557
- var _hoisted_1$a = {
4561
+ var _hoisted_1$c = {
4558
4562
  key: 0,
4559
4563
  class: "q-ml-xs badge"
4560
4564
  };
4561
- var _hoisted_2$7 = /*#__PURE__*/vue.createElementVNode("div", { class: "s-tab-space" }, null, -1);
4565
+ var _hoisted_2$9 = /*#__PURE__*/vue.createElementVNode("div", { class: "s-tab-space" }, null, -1);
4562
4566
 
4563
- function render$d(_ctx, _cache, $props, $setup, $data, $options) {
4567
+ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
4564
4568
  var _component_q_tab = vue.resolveComponent("q-tab");
4565
4569
 
4566
4570
  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -4572,21 +4576,21 @@
4572
4576
  default: vue.withCtx(function () { return [
4573
4577
  vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
4574
4578
  (_ctx.badge)
4575
- ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$a, vue.toDisplayString(_ctx.badge), 1))
4579
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$c, vue.toDisplayString(_ctx.badge), 1))
4576
4580
  : vue.createCommentVNode("", true)
4577
4581
  ]; }),
4578
4582
  _: 1
4579
4583
  }, 8, ["name", "class"]),
4580
- _hoisted_2$7
4584
+ _hoisted_2$9
4581
4585
  ], 64))
4582
4586
  }
4583
4587
 
4584
- var css_248z$c = ".s-tab {\n padding: 12px 32px;\n background: #f6f6f6;\n color: #888888;\n min-height: 0;\n border: 1px solid #cccccc;\n border-bottom: 1px solid #0075ff;\n border-radius: 4px 4px 0 0;\n}\n.s-tab .q-tab__content {\n padding: 0;\n height: 20px;\n min-width: 0;\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n flex-direction: row;\n height: 20px;\n line-height: 165%;\n font-weight: 400;\n font-size: 12px;\n}\n.s-tab.q-tab--active {\n border: 1px solid #0075ff;\n background: white;\n}\n.s-tab.q-tab--active .q-tab__content {\n font-weight: 700;\n}\n.s-tab-space {\n width: 4px;\n min-width: 4px;\n height: 100%;\n border-bottom: 1px solid #0075ff;\n}\n.s-tab-space:last-of-type {\n width: 100%;\n}";
4585
- styleInject(css_248z$c);
4588
+ var css_248z$e = ".s-tab {\n padding: 12px 32px;\n background: #f6f6f6;\n color: #888888;\n min-height: 0;\n border: 1px solid #cccccc;\n border-bottom: 1px solid #0075ff;\n border-radius: 4px 4px 0 0;\n}\n.s-tab .q-tab__content {\n padding: 0;\n height: 20px;\n min-width: 0;\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n flex-direction: row;\n height: 20px;\n line-height: 165%;\n font-weight: 400;\n font-size: 12px;\n}\n.s-tab.q-tab--active {\n border: 1px solid #0075ff;\n background: white;\n}\n.s-tab.q-tab--active .q-tab__content {\n font-weight: 700;\n}\n.s-tab-space {\n width: 4px;\n min-width: 4px;\n height: 100%;\n border-bottom: 1px solid #0075ff;\n}\n.s-tab-space:last-of-type {\n width: 100%;\n}";
4589
+ styleInject(css_248z$e);
4586
4590
 
4587
- script$c.render = render$d;
4591
+ script$e.render = render$f;
4588
4592
 
4589
- function createDiv(val) {
4593
+ function createDiv$1(val) {
4590
4594
  var div = document.createElement('div');
4591
4595
  div.classList.add(("resiable-" + val));
4592
4596
  div.style.top = '10px';
@@ -4604,7 +4608,7 @@
4604
4608
  div.style.height = '16px';
4605
4609
  return div;
4606
4610
  }
4607
- function setListeners(div, position) {
4611
+ function setListeners$1(div, position) {
4608
4612
  var curCol;
4609
4613
  var pageX;
4610
4614
  var curColWidth;
@@ -4634,16 +4638,16 @@
4634
4638
  curColWidth = undefined;
4635
4639
  }, { passive: true });
4636
4640
  }
4637
- function addResizable(tableEl) {
4641
+ function addResizable$1(tableEl) {
4638
4642
  var tableElement = tableEl
4639
4643
  .getElementsByTagName('table')[0];
4640
4644
  var firstRow = tableElement.getElementsByTagName('tr')[0];
4641
4645
  var cols = firstRow ? firstRow.children : [];
4642
4646
  for (var i = 0; i < cols.length; i += 1) {
4643
- var div = createDiv('right');
4647
+ var div = createDiv$1('right');
4644
4648
  cols[i].appendChild(div);
4645
4649
  cols[i].style.position = 'sticky';
4646
- setListeners(div, 'right');
4650
+ setListeners$1(div, 'right');
4647
4651
  }
4648
4652
  }
4649
4653
 
@@ -4653,16 +4657,16 @@
4653
4657
  var firstRow = tableElement.getElementsByTagName('tr')[0];
4654
4658
  var cols = firstRow ? firstRow.children : [];
4655
4659
  for (var i = cols.length - val; i < cols.length; i += 1) {
4656
- var div = createDiv('left');
4660
+ var div = createDiv$1('left');
4657
4661
  cols[i].appendChild(div);
4658
4662
  cols[i].style.position = 'sticky';
4659
- setListeners(div, 'left');
4663
+ setListeners$1(div, 'left');
4660
4664
  }
4661
4665
  }
4662
4666
 
4663
4667
  function useResizable() {
4664
4668
  return {
4665
- addResizable: addResizable,
4669
+ addResizable: addResizable$1,
4666
4670
  addStickyResizable: addStickyResizable,
4667
4671
  };
4668
4672
  }
@@ -4774,7 +4778,7 @@
4774
4778
  };
4775
4779
  }
4776
4780
 
4777
- var script$b = vue.defineComponent({
4781
+ var script$d = vue.defineComponent({
4778
4782
  name: 'STable',
4779
4783
  emits: ['update:page', 'update:focused', 'field-updated', 'request'],
4780
4784
  components: {
@@ -4912,13 +4916,13 @@
4912
4916
  },
4913
4917
  });
4914
4918
 
4915
- var _hoisted_1$9 = { class: "full-width text-center" };
4916
- var _hoisted_2$6 = {
4919
+ var _hoisted_1$b = { class: "full-width text-center" };
4920
+ var _hoisted_2$8 = {
4917
4921
  key: 1,
4918
4922
  class: "s-table-edited-td"
4919
4923
  };
4920
4924
 
4921
- function render$c(_ctx, _cache, $props, $setup, $data, $options) {
4925
+ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
4922
4926
  var _component_q_inner_loading = vue.resolveComponent("q-inner-loading");
4923
4927
  var _component_s_input = vue.resolveComponent("s-input");
4924
4928
  var _component_q_icon = vue.resolveComponent("q-icon");
@@ -4955,7 +4959,7 @@
4955
4959
  }), vue.createSlots({
4956
4960
  "no-data": vue.withCtx(function (props) { return [
4957
4961
  vue.renderSlot(_ctx.$slots, "noData", vue.normalizeProps(vue.guardReactiveProps(props)), function () { return [
4958
- vue.createElementVNode("div", _hoisted_1$9, vue.toDisplayString(_ctx.noDataLabel), 1)
4962
+ vue.createElementVNode("div", _hoisted_1$b, vue.toDisplayString(_ctx.noDataLabel), 1)
4959
4963
  ]; })
4960
4964
  ]; }),
4961
4965
  loading: vue.withCtx(function () { return [
@@ -5001,7 +5005,7 @@
5001
5005
  "onUpdate:modelValue": _cache[0] || (_cache[0] = function ($event) { return ((_ctx.inputData) = $event); }),
5002
5006
  onBlur: _ctx.closeInput
5003
5007
  }, _ctx.inputOptions), null, 16, ["modelValue", "onBlur"]))
5004
- : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$6, [
5008
+ : (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$8, [
5005
5009
  vue.createTextVNode(vue.toDisplayString(props.value) + " ", 1),
5006
5010
  (props.col.editable)
5007
5011
  ? (vue.openBlock(), vue.createBlock(_component_q_icon, {
@@ -5065,12 +5069,12 @@
5065
5069
  ], 64))
5066
5070
  }
5067
5071
 
5068
- var css_248z$b = ".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 .sort-icon {\n color: #aaaaaa;\n font-size: 16px;\n opacity: 1;\n transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.s-table .q-table__middle .q-table thead tr th .sort-icon.desc-sort {\n transform: rotate(180deg);\n}\n.s-table .q-table__middle .q-table thead tr th.sortable > .q-table__sort-icon {\n color: #aaaaaa;\n font-size: 16px;\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}";
5069
- styleInject(css_248z$b);
5072
+ var css_248z$d = ".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 .sort-icon {\n color: #aaaaaa;\n font-size: 16px;\n opacity: 1;\n transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.s-table .q-table__middle .q-table thead tr th .sort-icon.desc-sort {\n transform: rotate(180deg);\n}\n.s-table .q-table__middle .q-table thead tr th.sortable > .q-table__sort-icon {\n color: #aaaaaa;\n font-size: 16px;\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}";
5073
+ styleInject(css_248z$d);
5070
5074
 
5071
- script$b.render = render$c;
5075
+ script$d.render = render$e;
5072
5076
 
5073
- var script$a = vue.defineComponent({
5077
+ var script$c = vue.defineComponent({
5074
5078
  name: 'STabs',
5075
5079
  components: {
5076
5080
  QTabs: quasar.QTabs,
@@ -5084,7 +5088,7 @@
5084
5088
  },
5085
5089
  });
5086
5090
 
5087
- function render$b(_ctx, _cache, $props, $setup, $data, $options) {
5091
+ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
5088
5092
  var _component_q_tabs = vue.resolveComponent("q-tabs");
5089
5093
 
5090
5094
  return (vue.openBlock(), vue.createBlock(_component_q_tabs, {
@@ -5103,17 +5107,17 @@
5103
5107
  }, 8, ["model-value"]))
5104
5108
  }
5105
5109
 
5106
- script$a.render = render$b;
5110
+ script$c.render = render$d;
5107
5111
 
5108
- var script$9 = {
5112
+ var script$b = {
5109
5113
  name: 'TimePickerCard',
5110
5114
  emits: ['update:model-value'],
5111
5115
  components: {
5112
5116
  QCard: quasar.QCard,
5113
5117
  QCardSection: quasar.QCardSection,
5114
5118
  QSeparator: quasar.QSeparator,
5115
- SButton: script$D,
5116
- SInput: script$q,
5119
+ SButton: script$F,
5120
+ SInput: script$s,
5117
5121
  },
5118
5122
  props: {
5119
5123
  lang: {
@@ -5297,19 +5301,19 @@
5297
5301
  },
5298
5302
  };
5299
5303
 
5300
- var _hoisted_1$8 = { class: "flex column flex-center" };
5301
- var _hoisted_2$5 = /*#__PURE__*/vue.createElementVNode("div", { class: "q-mx-xs" }, ":", -1);
5302
- var _hoisted_3$3 = { class: "flex column flex-center" };
5303
- var _hoisted_4$3 = {
5304
+ var _hoisted_1$a = { class: "flex column flex-center" };
5305
+ var _hoisted_2$7 = /*#__PURE__*/vue.createElementVNode("div", { class: "q-mx-xs" }, ":", -1);
5306
+ var _hoisted_3$5 = { class: "flex column flex-center" };
5307
+ var _hoisted_4$4 = {
5304
5308
  key: 0,
5305
5309
  class: "q-mx-xs"
5306
5310
  };
5307
- var _hoisted_5$3 = {
5311
+ var _hoisted_5$4 = {
5308
5312
  key: 1,
5309
5313
  class: "flex column flex-center"
5310
5314
  };
5311
5315
 
5312
- function render$a(_ctx, _cache, $props, $setup, $data, $options) {
5316
+ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
5313
5317
  var _component_s_button = vue.resolveComponent("s-button");
5314
5318
  var _component_q_card_section = vue.resolveComponent("q-card-section");
5315
5319
  var _component_q_separator = vue.resolveComponent("q-separator");
@@ -5342,7 +5346,7 @@
5342
5346
  }),
5343
5347
  vue.createVNode(_component_q_card_section, { class: "time-section flex no-wrap flex-center" }, {
5344
5348
  default: vue.withCtx(function () { return [
5345
- vue.createElementVNode("div", _hoisted_1$8, [
5349
+ vue.createElementVNode("div", _hoisted_1$a, [
5346
5350
  vue.createVNode(_component_s_button, {
5347
5351
  flat: "",
5348
5352
  icon: $setup.arrowUpIcon,
@@ -5374,8 +5378,8 @@
5374
5378
  onClick: _cache[5] || (_cache[5] = function ($event) { return ($setup.onClickDown('hh')); })
5375
5379
  }, null, 8, ["icon"])
5376
5380
  ]),
5377
- _hoisted_2$5,
5378
- vue.createElementVNode("div", _hoisted_3$3, [
5381
+ _hoisted_2$7,
5382
+ vue.createElementVNode("div", _hoisted_3$5, [
5379
5383
  vue.createVNode(_component_s_button, {
5380
5384
  flat: "",
5381
5385
  icon: $setup.arrowUpIcon,
@@ -5408,10 +5412,10 @@
5408
5412
  }, null, 8, ["icon"])
5409
5413
  ]),
5410
5414
  ($props.useSecond)
5411
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, ":"))
5415
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, ":"))
5412
5416
  : vue.createCommentVNode("", true),
5413
5417
  ($props.useSecond)
5414
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$3, [
5418
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$4, [
5415
5419
  vue.createVNode(_component_s_button, {
5416
5420
  flat: "",
5417
5421
  icon: $setup.arrowUpIcon,
@@ -5452,17 +5456,17 @@
5452
5456
  }))
5453
5457
  }
5454
5458
 
5455
- var css_248z$a = ".time-picker-card {\n height: 124px;\n}\n.time-picker-card .ampm-section {\n padding: 30px 24px;\n}\n.time-picker-card .ampm-section .s-button {\n min-width: 0;\n width: 47px;\n height: 28px;\n}\n.time-picker-card .ampm-section .q-btn--outline .q-btn__content > span {\n color: #555555;\n}\n.time-picker-card .time-section {\n padding: 24px;\n}\n.time-picker-card .time-section > div .s-input {\n width: 38px;\n height: 28px;\n}\n.time-picker-card .time-section > div .s-input .q-field__inner .q-field__control {\n border-radius: 4px;\n}\n.time-picker-card .time-section > div .s-input .q-field__inner .q-field__control .q-field__control-container .q-field__native {\n text-align: center;\n color: #555555;\n}";
5456
- styleInject(css_248z$a);
5459
+ var css_248z$c = ".time-picker-card {\n height: 124px;\n}\n.time-picker-card .ampm-section {\n padding: 30px 24px;\n}\n.time-picker-card .ampm-section .s-button {\n min-width: 0;\n width: 47px;\n height: 28px;\n}\n.time-picker-card .ampm-section .q-btn--outline .q-btn__content > span {\n color: #555555;\n}\n.time-picker-card .time-section {\n padding: 24px;\n}\n.time-picker-card .time-section > div .s-input {\n width: 38px;\n height: 28px;\n}\n.time-picker-card .time-section > div .s-input .q-field__inner .q-field__control {\n border-radius: 4px;\n}\n.time-picker-card .time-section > div .s-input .q-field__inner .q-field__control .q-field__control-container .q-field__native {\n text-align: center;\n color: #555555;\n}";
5460
+ styleInject(css_248z$c);
5457
5461
 
5458
- script$9.render = render$a;
5462
+ script$b.render = render$c;
5459
5463
 
5460
- var script$8 = vue.defineComponent({
5464
+ var script$a = vue.defineComponent({
5461
5465
  name: 'STimePicker',
5462
5466
  components: {
5463
5467
  QIcon: quasar.QIcon,
5464
5468
  QMenu: quasar.QMenu,
5465
- TimePickerCard: script$9,
5469
+ TimePickerCard: script$b,
5466
5470
  },
5467
5471
  props: {
5468
5472
  modelValue: {
@@ -5529,23 +5533,23 @@
5529
5533
  },
5530
5534
  });
5531
5535
 
5532
- var _hoisted_1$7 = {
5536
+ var _hoisted_1$9 = {
5533
5537
  key: 0,
5534
5538
  class: "inside-label bg-Grey_Lighten-5 full-height flex flex-center"
5535
5539
  };
5536
- var _hoisted_2$4 = {
5540
+ var _hoisted_2$6 = {
5537
5541
  key: 0,
5538
5542
  class: "content"
5539
5543
  };
5540
- var _hoisted_3$2 = { class: "cursor-pointer" };
5541
- var _hoisted_4$2 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-xs" }, "~", -1);
5542
- var _hoisted_5$2 = { class: "cursor-pointer" };
5543
- var _hoisted_6$1 = {
5544
+ var _hoisted_3$4 = { class: "cursor-pointer" };
5545
+ var _hoisted_4$3 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-xs" }, "~", -1);
5546
+ var _hoisted_5$3 = { class: "cursor-pointer" };
5547
+ var _hoisted_6$2 = {
5544
5548
  key: 1,
5545
5549
  class: "cursor-pointer content"
5546
5550
  };
5547
5551
 
5548
- function render$9(_ctx, _cache, $props, $setup, $data, $options) {
5552
+ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
5549
5553
  var _component_q_icon = vue.resolveComponent("q-icon");
5550
5554
  var _component_time_picker_card = vue.resolveComponent("time-picker-card");
5551
5555
  var _component_q_menu = vue.resolveComponent("q-menu");
@@ -5554,7 +5558,7 @@
5554
5558
  class: vue.normalizeClass(["s-time-picker flex no-wrap items-center rounded-borders bg-white", _ctx.disabled && 's-time-picker-disabled'])
5555
5559
  }, [
5556
5560
  (_ctx.insideLabel)
5557
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, vue.toDisplayString(_ctx.insideLabel), 1))
5561
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, vue.toDisplayString(_ctx.insideLabel), 1))
5558
5562
  : vue.createCommentVNode("", true),
5559
5563
  vue.createElementVNode("div", {
5560
5564
  class: "time-picker full-width flex no-wrap items-center text-Grey_Darken-4 q-pl-sm",
@@ -5566,8 +5570,8 @@
5566
5570
  color: "Grey_Darken-1"
5567
5571
  }, null, 8, ["name"]),
5568
5572
  (_ctx.range)
5569
- ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$4, [
5570
- vue.createElementVNode("span", _hoisted_3$2, [
5573
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$6, [
5574
+ vue.createElementVNode("span", _hoisted_3$4, [
5571
5575
  vue.createTextVNode(vue.toDisplayString(_ctx.timeFormat(_ctx.model.from)) + " ", 1),
5572
5576
  (!_ctx.disabled)
5573
5577
  ? (vue.openBlock(), vue.createBlock(_component_q_menu, {
@@ -5591,8 +5595,8 @@
5591
5595
  }))
5592
5596
  : vue.createCommentVNode("", true)
5593
5597
  ]),
5594
- _hoisted_4$2,
5595
- vue.createElementVNode("span", _hoisted_5$2, [
5598
+ _hoisted_4$3,
5599
+ vue.createElementVNode("span", _hoisted_5$3, [
5596
5600
  vue.createTextVNode(vue.toDisplayString(_ctx.timeFormat(_ctx.model.to)) + " ", 1),
5597
5601
  (!_ctx.disabled)
5598
5602
  ? (vue.openBlock(), vue.createBlock(_component_q_menu, {
@@ -5617,7 +5621,7 @@
5617
5621
  : vue.createCommentVNode("", true)
5618
5622
  ])
5619
5623
  ]))
5620
- : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$1, [
5624
+ : (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, [
5621
5625
  vue.createTextVNode(vue.toDisplayString(_ctx.timeFormat(_ctx.model)) + " ", 1),
5622
5626
  (!_ctx.disabled)
5623
5627
  ? (vue.openBlock(), vue.createBlock(_component_q_menu, {
@@ -5645,19 +5649,19 @@
5645
5649
  ], 2))
5646
5650
  }
5647
5651
 
5648
- var css_248z$9 = ".s-time-picker {\n width: fit-content;\n height: 28px;\n border: 1px solid #aaaaaa;\n}\n.s-time-picker > .inside-label {\n border-right: 1px solid #aaaaaa;\n padding: 0 12px;\n}\n.s-time-picker > .time-picker > .content {\n width: 100%;\n text-align: center;\n margin-right: 4px;\n}\n.s-time-picker:hover {\n background: #f6f6f6;\n}\n.s-time-picker.s-time-picker-disabled {\n background: #eeeeee !important;\n border: 1px solid #cccccc;\n cursor: not-allowed !important;\n}\n.s-time-picker.s-time-picker-disabled > .time-picker {\n color: #888888 !important;\n}\n.time-picker-menu {\n border-radius: 8px !important;\n}";
5649
- styleInject(css_248z$9);
5652
+ var css_248z$b = ".s-time-picker {\n width: fit-content;\n height: 28px;\n border: 1px solid #aaaaaa;\n}\n.s-time-picker > .inside-label {\n border-right: 1px solid #aaaaaa;\n padding: 0 12px;\n}\n.s-time-picker > .time-picker > .content {\n width: 100%;\n text-align: center;\n margin-right: 4px;\n}\n.s-time-picker:hover {\n background: #f6f6f6;\n}\n.s-time-picker.s-time-picker-disabled {\n background: #eeeeee !important;\n border: 1px solid #cccccc;\n cursor: not-allowed !important;\n}\n.s-time-picker.s-time-picker-disabled > .time-picker {\n color: #888888 !important;\n}\n.time-picker-menu {\n border-radius: 8px !important;\n}";
5653
+ styleInject(css_248z$b);
5650
5654
 
5651
- script$8.render = render$9;
5655
+ script$a.render = render$b;
5652
5656
 
5653
- var script$7 = vue.defineComponent({
5657
+ var script$9 = vue.defineComponent({
5654
5658
  name: 'SToggle',
5655
5659
  components: {
5656
5660
  QToggle: quasar.QToggle,
5657
5661
  },
5658
5662
  });
5659
5663
 
5660
- function render$8(_ctx, _cache, $props, $setup, $data, $options) {
5664
+ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
5661
5665
  var _component_q_toggle = vue.resolveComponent("q-toggle");
5662
5666
 
5663
5667
  return (vue.openBlock(), vue.createBlock(_component_q_toggle, {
@@ -5667,12 +5671,12 @@
5667
5671
  }))
5668
5672
  }
5669
5673
 
5670
- var css_248z$8 = ".s-toggle {\n height: 20px;\n}\n.s-toggle .q-toggle__inner {\n padding: 0;\n width: 36px;\n height: 20px;\n}\n.s-toggle .q-toggle__inner .q-toggle__track {\n width: inherit;\n height: 20px;\n background: #cccccc;\n border-radius: 12px;\n margin-right: 0;\n opacity: 1;\n}\n.s-toggle .q-toggle__inner .q-toggle__thumb {\n font-size: 12px;\n width: 1.334em;\n height: 1.334em;\n top: 2px;\n left: 2px;\n}\n.s-toggle .q-toggle__inner--truthy .q-toggle__track {\n background: #0075ff;\n}\n.s-toggle .q-toggle__inner--truthy .q-toggle__thumb {\n left: 1.5em;\n color: white;\n}\n.disabled.s-toggle {\n border: none;\n background: none !important;\n opacity: 1 !important;\n}\n.disabled.s-toggle .q-toggle__inner .q-toggle__track {\n background: #eeeeee;\n}\n.disabled.s-toggle .q-toggle__inner--truthy .q-toggle__track {\n background: #bbdaff;\n}";
5671
- styleInject(css_248z$8);
5674
+ var css_248z$a = ".s-toggle {\n height: 20px;\n}\n.s-toggle .q-toggle__inner {\n padding: 0;\n width: 36px;\n height: 20px;\n}\n.s-toggle .q-toggle__inner .q-toggle__track {\n width: inherit;\n height: 20px;\n background: #cccccc;\n border-radius: 12px;\n margin-right: 0;\n opacity: 1;\n}\n.s-toggle .q-toggle__inner .q-toggle__thumb {\n font-size: 12px;\n width: 1.334em;\n height: 1.334em;\n top: 2px;\n left: 2px;\n}\n.s-toggle .q-toggle__inner--truthy .q-toggle__track {\n background: #0075ff;\n}\n.s-toggle .q-toggle__inner--truthy .q-toggle__thumb {\n left: 1.5em;\n color: white;\n}\n.disabled.s-toggle {\n border: none;\n background: none !important;\n opacity: 1 !important;\n}\n.disabled.s-toggle .q-toggle__inner .q-toggle__track {\n background: #eeeeee;\n}\n.disabled.s-toggle .q-toggle__inner--truthy .q-toggle__track {\n background: #bbdaff;\n}";
5675
+ styleInject(css_248z$a);
5672
5676
 
5673
- script$7.render = render$8;
5677
+ script$9.render = render$a;
5674
5678
 
5675
- var script$6 = vue.defineComponent({
5679
+ var script$8 = vue.defineComponent({
5676
5680
  name: 'STooptip',
5677
5681
  components: {
5678
5682
  QTooltip: quasar.QTooltip,
@@ -5740,10 +5744,10 @@
5740
5744
  },
5741
5745
  });
5742
5746
 
5743
- var _hoisted_1$6 = { class: "tooltip-close-icon cursor-pointer" };
5744
- var _hoisted_2$3 = { class: "q-py-sm q-px-md" };
5747
+ var _hoisted_1$8 = { class: "tooltip-close-icon cursor-pointer" };
5748
+ var _hoisted_2$5 = { class: "q-py-sm q-px-md" };
5745
5749
 
5746
- function render$7(_ctx, _cache, $props, $setup, $data, $options) {
5750
+ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
5747
5751
  var _component_q_icon = vue.resolveComponent("q-icon");
5748
5752
  var _component_q_menu = vue.resolveComponent("q-menu");
5749
5753
  var _component_q_tooltip = vue.resolveComponent("q-tooltip");
@@ -5773,14 +5777,14 @@
5773
5777
  class: "bg-Blue_B_Darken-2 text-white s-tooltip"
5774
5778
  }, {
5775
5779
  default: vue.withCtx(function () { return [
5776
- vue.createElementVNode("div", _hoisted_1$6, [
5780
+ vue.createElementVNode("div", _hoisted_1$8, [
5777
5781
  vue.createVNode(_component_q_icon, {
5778
5782
  name: _ctx.closeIcon,
5779
5783
  size: "16px",
5780
5784
  onClick: _cache[0] || (_cache[0] = function () { return _ctx.isToogled = false; })
5781
5785
  }, null, 8, ["name"])
5782
5786
  ]),
5783
- vue.createElementVNode("div", _hoisted_2$3, [
5787
+ vue.createElementVNode("div", _hoisted_2$5, [
5784
5788
  vue.renderSlot(_ctx.$slots, "default")
5785
5789
  ])
5786
5790
  ]; }),
@@ -5828,18 +5832,18 @@
5828
5832
  }, 8, ["class", "text-color"]))
5829
5833
  }
5830
5834
 
5831
- var css_248z$7 = ".s-tooltip {\n padding: 8px 20px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n}\n.s-toogle-tip {\n padding: 0;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n}\n.tooltip-triangle {\n box-shadow: none !important;\n background: none !important;\n padding: 0;\n width: 0;\n height: 0;\n}\n.tooltip-triangle.bottom {\n border-top: 0px solid transparent;\n border-bottom: 12px solid #07284a;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n.tooltip-triangle.top {\n border-top: 12px solid #07284a;\n border-bottom: 0px solid transparent;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n.tooltip-triangle.left {\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n border-left: 12px solid #07284a;\n border-right: 0px solid transparent;\n}\n.tooltip-triangle.right {\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n border-left: 0px solid transparent;\n border-right: 12px solid #07284a;\n}\n.q-menu > .tooltip-close-icon {\n position: absolute;\n top: 6px;\n right: 6px;\n}";
5832
- styleInject(css_248z$7);
5835
+ var css_248z$9 = ".s-tooltip {\n padding: 8px 20px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n}\n.s-toogle-tip {\n padding: 0;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 500;\n}\n.tooltip-triangle {\n box-shadow: none !important;\n background: none !important;\n padding: 0;\n width: 0;\n height: 0;\n}\n.tooltip-triangle.bottom {\n border-top: 0px solid transparent;\n border-bottom: 12px solid #07284a;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n.tooltip-triangle.top {\n border-top: 12px solid #07284a;\n border-bottom: 0px solid transparent;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n}\n.tooltip-triangle.left {\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n border-left: 12px solid #07284a;\n border-right: 0px solid transparent;\n}\n.tooltip-triangle.right {\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n border-left: 0px solid transparent;\n border-right: 12px solid #07284a;\n}\n.q-menu > .tooltip-close-icon {\n position: absolute;\n top: 6px;\n right: 6px;\n}";
5836
+ styleInject(css_248z$9);
5833
5837
 
5834
- script$6.render = render$7;
5838
+ script$8.render = render$9;
5835
5839
 
5836
- var script$5 = {
5840
+ var script$7 = {
5837
5841
  name: 'SDateTimePicker',
5838
5842
  components: {
5839
5843
  QInput: quasar.QInput,
5840
5844
  QDate: quasar.QDate,
5841
5845
  QIcon: quasar.QIcon,
5842
- TimePickerCard: script$9,
5846
+ TimePickerCard: script$b,
5843
5847
  QPopupProxy: quasar.QPopupProxy,
5844
5848
  QSeparator: quasar.QSeparator,
5845
5849
  },
@@ -5936,12 +5940,12 @@
5936
5940
  },
5937
5941
  };
5938
5942
 
5939
- var _hoisted_1$5 = {
5943
+ var _hoisted_1$7 = {
5940
5944
  class: "date-time-picker-wrapper flex column",
5941
5945
  style: {"overflow":"hidden"}
5942
5946
  };
5943
5947
 
5944
- function render$6(_ctx, _cache, $props, $setup, $data, $options) {
5948
+ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
5945
5949
  var _component_q_icon = vue.resolveComponent("q-icon");
5946
5950
  var _component_q_date = vue.resolveComponent("q-date");
5947
5951
  var _component_q_separator = vue.resolveComponent("q-separator");
@@ -5986,7 +5990,7 @@
5986
5990
  "no-parent-event": ""
5987
5991
  }, {
5988
5992
  default: vue.withCtx(function () { return [
5989
- vue.createElementVNode("div", _hoisted_1$5, [
5993
+ vue.createElementVNode("div", _hoisted_1$7, [
5990
5994
  vue.createVNode(_component_q_date, {
5991
5995
  modelValue: $setup.dateValue,
5992
5996
  "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) { return (($setup.dateValue) = $event); }),
@@ -6016,12 +6020,12 @@
6016
6020
  }, 8, ["class", "placeholder", "modelValue", "disable", "onUpdate:modelValue"]))
6017
6021
  }
6018
6022
 
6019
- var css_248z$6 = ".s-date-time-picker {\n width: fit-content;\n height: 28px;\n}\n.s-date-time-picker .q-field__before {\n padding: 0;\n}\n.s-date-time-picker .q-field__inner .q-field__control {\n padding: 4px 8px !important;\n align-items: center;\n height: 100%;\n}\n.s-date-time-picker .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date-time-picker .q-field__inner .q-field__control:hover, .s-date-time-picker .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-date-time-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-time-picker .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n padding: 0;\n}\n.s-date-time-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-time-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-time-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn .q-icon {\n font-size: 1.667em;\n}\n.s-date-time-picker .q-field__inner .q-field__control-container {\n height: 20px;\n}\n.s-date-time-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 font-size: 12px;\n font-weight: 400;\n}\n.s-date-time-picker .q-field__inner .q-field__control-container .q-field__native input::placeholder {\n color: #333333;\n}\n.date-time-picker-wrapper .time-picker-card {\n box-shadow: none;\n}";
6020
- styleInject(css_248z$6);
6023
+ var css_248z$8 = ".s-date-time-picker {\n width: fit-content;\n height: 28px;\n}\n.s-date-time-picker .q-field__before {\n padding: 0;\n}\n.s-date-time-picker .q-field__inner .q-field__control {\n padding: 4px 8px !important;\n align-items: center;\n height: 100%;\n}\n.s-date-time-picker .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date-time-picker .q-field__inner .q-field__control:hover, .s-date-time-picker .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-date-time-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-time-picker .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n padding: 0;\n}\n.s-date-time-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-time-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-time-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn .q-icon {\n font-size: 1.667em;\n}\n.s-date-time-picker .q-field__inner .q-field__control-container {\n height: 20px;\n}\n.s-date-time-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 font-size: 12px;\n font-weight: 400;\n}\n.s-date-time-picker .q-field__inner .q-field__control-container .q-field__native input::placeholder {\n color: #333333;\n}\n.date-time-picker-wrapper .time-picker-card {\n box-shadow: none;\n}";
6024
+ styleInject(css_248z$8);
6021
6025
 
6022
- script$5.render = render$6;
6026
+ script$7.render = render$8;
6023
6027
 
6024
- var script$4 = {
6028
+ var script$6 = {
6025
6029
  name: 'SDateRange',
6026
6030
  components: {
6027
6031
  QDate: quasar.QDate,
@@ -6147,16 +6151,16 @@
6147
6151
  },
6148
6152
  };
6149
6153
 
6150
- var _hoisted_1$4 = { class: "date-picker-label" };
6151
- var _hoisted_2$2 = {
6154
+ var _hoisted_1$6 = { class: "date-picker-label" };
6155
+ var _hoisted_2$4 = {
6152
6156
  class: "flex no-wrap items-center",
6153
6157
  style: {"flex-grow":"1","justify-content":"center"}
6154
6158
  };
6155
- var _hoisted_3$1 = { class: "reset-btn-area flex justify-end" };
6156
- var _hoisted_4$1 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-xs" }, "~", -1);
6157
- var _hoisted_5$1 = { class: "reset-btn-area flex justify-end" };
6159
+ var _hoisted_3$3 = { class: "reset-btn-area flex justify-end" };
6160
+ var _hoisted_4$2 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-xs" }, "~", -1);
6161
+ var _hoisted_5$2 = { class: "reset-btn-area flex justify-end" };
6158
6162
 
6159
- function render$5(_ctx, _cache, $props, $setup, $data, $options) {
6163
+ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
6160
6164
  var _component_q_icon = vue.resolveComponent("q-icon");
6161
6165
  var _component_q_btn = vue.resolveComponent("q-btn");
6162
6166
  var _component_q_date = vue.resolveComponent("q-date");
@@ -6171,7 +6175,7 @@
6171
6175
  disable: $props.isDisable
6172
6176
  }, vue.createSlots({
6173
6177
  default: vue.withCtx(function () { return [
6174
- vue.createElementVNode("div", _hoisted_2$2, [
6178
+ vue.createElementVNode("div", _hoisted_2$4, [
6175
6179
  vue.createVNode(_component_q_input, {
6176
6180
  class: "inner-input",
6177
6181
  modelValue: $setup.dateModel.from,
@@ -6198,7 +6202,7 @@
6198
6202
  offset: [0, 6]
6199
6203
  }, {
6200
6204
  default: vue.withCtx(function () { return [
6201
- vue.createElementVNode("div", _hoisted_3$1, [
6205
+ vue.createElementVNode("div", _hoisted_3$3, [
6202
6206
  vue.createVNode(_component_q_btn, {
6203
6207
  class: "reset-btn no-hover",
6204
6208
  flat: "",
@@ -6230,7 +6234,7 @@
6230
6234
  ]; }),
6231
6235
  _: 1
6232
6236
  }, 8, ["modelValue"]),
6233
- _hoisted_4$1,
6237
+ _hoisted_4$2,
6234
6238
  vue.createVNode(_component_q_input, {
6235
6239
  modelValue: $setup.dateModel.to,
6236
6240
  "onUpdate:modelValue": _cache[7] || (_cache[7] = function ($event) { return (($setup.dateModel.to) = $event); }),
@@ -6257,7 +6261,7 @@
6257
6261
  offset: [0, 6]
6258
6262
  }, {
6259
6263
  default: vue.withCtx(function () { return [
6260
- vue.createElementVNode("div", _hoisted_5$1, [
6264
+ vue.createElementVNode("div", _hoisted_5$2, [
6261
6265
  vue.createVNode(_component_q_btn, {
6262
6266
  class: "reset-btn no-hover",
6263
6267
  flat: "",
@@ -6297,7 +6301,7 @@
6297
6301
  ? {
6298
6302
  name: "before",
6299
6303
  fn: vue.withCtx(function () { return [
6300
- vue.createElementVNode("div", _hoisted_1$4, vue.toDisplayString($props.insideLabel), 1)
6304
+ vue.createElementVNode("div", _hoisted_1$6, vue.toDisplayString($props.insideLabel), 1)
6301
6305
  ]; }),
6302
6306
  key: "0"
6303
6307
  }
@@ -6319,12 +6323,12 @@
6319
6323
  ]), 1032, ["class", "disable"]))
6320
6324
  }
6321
6325
 
6322
- var css_248z$5 = ".s-date-range {\n width: fit-content;\n height: 28px;\n border-radius: 4px;\n}\n.s-date-range.has-label .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n}\n.s-date-range.has-label .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.has-label .q-field__before .date-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-date-range.q-field--disabled .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-date-range.q-field--disabled .q-field__before .date-picker-label {\n color: #888888;\n}\n.s-date-range.q-field--disabled .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.s-date-range .q-field__inner {\n font-size: 12px;\n text-align: center;\n}\n.s-date-range .q-field__inner .q-field__control {\n padding: 4px 16px 4px 8px !important;\n height: 100%;\n}\n.s-date-range .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date-range .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n}\n.s-date-range .q-field__inner .q-field__control .q-field__append {\n height: 20px;\n}\n.s-date-range .q-field__inner .q-field__control .q-field__append .q-icon {\n margin-right: -8px;\n}\n.s-date-range .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date-range .q-field__inner .q-field__control-container .inner-input {\n width: auto !important;\n}\n.s-date-range .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control {\n width: 100%;\n min-width: 72px;\n height: 20px;\n padding: 0px !important;\n}\n.s-date-range .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control::before, .s-date-range .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control::after {\n border: none;\n}\n.s-date-range .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control .q-field__control-container {\n justify-content: center;\n}\n.s-date-range .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control .q-field__control-container input {\n width: 72px;\n display: block;\n text-align: center;\n}\n.s-date-menu .reset-btn-area {\n padding: 20px 24px 0px;\n}\n.s-date-menu .reset-btn-area .reset-btn {\n width: 26px;\n height: 22px;\n min-height: 22px;\n padding: 0;\n text-decoration: underline;\n font-weight: 400;\n}\n.s-date-menu .reset-btn-area .reset-btn:hover .q-btn__content {\n text-decoration: underline;\n color: #0075ff;\n}";
6323
- styleInject(css_248z$5);
6326
+ var css_248z$7 = ".s-date-range {\n width: fit-content;\n height: 28px;\n border-radius: 4px;\n}\n.s-date-range.has-label .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n}\n.s-date-range.has-label .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.has-label .q-field__before .date-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-date-range.q-field--disabled .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-date-range.q-field--disabled .q-field__before .date-picker-label {\n color: #888888;\n}\n.s-date-range.q-field--disabled .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.s-date-range .q-field__inner {\n font-size: 12px;\n text-align: center;\n}\n.s-date-range .q-field__inner .q-field__control {\n padding: 4px 16px 4px 8px !important;\n height: 100%;\n}\n.s-date-range .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date-range .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n}\n.s-date-range .q-field__inner .q-field__control .q-field__append {\n height: 20px;\n}\n.s-date-range .q-field__inner .q-field__control .q-field__append .q-icon {\n margin-right: -8px;\n}\n.s-date-range .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date-range .q-field__inner .q-field__control-container .inner-input {\n width: auto !important;\n}\n.s-date-range .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control {\n width: 100%;\n min-width: 72px;\n height: 20px;\n padding: 0px !important;\n}\n.s-date-range .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control::before, .s-date-range .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control::after {\n border: none;\n}\n.s-date-range .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control .q-field__control-container {\n justify-content: center;\n}\n.s-date-range .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control .q-field__control-container input {\n width: 72px;\n display: block;\n text-align: center;\n}\n.s-date-menu .reset-btn-area {\n padding: 20px 24px 0px;\n}\n.s-date-menu .reset-btn-area .reset-btn {\n width: 26px;\n height: 22px;\n min-height: 22px;\n padding: 0;\n text-decoration: underline;\n font-weight: 400;\n}\n.s-date-menu .reset-btn-area .reset-btn:hover .q-btn__content {\n text-decoration: underline;\n color: #0075ff;\n}";
6327
+ styleInject(css_248z$7);
6324
6328
 
6325
- script$4.render = render$5;
6329
+ script$6.render = render$7;
6326
6330
 
6327
- var script$3 = {
6331
+ var script$5 = {
6328
6332
  name: 'SDate',
6329
6333
  components: {
6330
6334
  QDate: quasar.QDate,
@@ -6622,17 +6626,17 @@
6622
6626
  },
6623
6627
  };
6624
6628
 
6625
- var _hoisted_1$3 = { class: "date-picker-label" };
6626
- var _hoisted_2$1 = {
6629
+ var _hoisted_1$5 = { class: "date-picker-label" };
6630
+ var _hoisted_2$3 = {
6627
6631
  class: "flex no-wrap items-center",
6628
6632
  style: {"flex-grow":"1","justify-content":"center"}
6629
6633
  };
6630
- var _hoisted_3 = { class: "reset-btn-area flex justify-end" };
6631
- var _hoisted_4 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-sm text-Grey_Darken-4" }, "~", -1);
6632
- var _hoisted_5 = { class: "reset-btn-area flex justify-end" };
6633
- var _hoisted_6 = { class: "reset-btn-area flex justify-end" };
6634
+ var _hoisted_3$2 = { class: "reset-btn-area flex justify-end" };
6635
+ var _hoisted_4$1 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-sm text-Grey_Darken-4" }, "~", -1);
6636
+ var _hoisted_5$1 = { class: "reset-btn-area flex justify-end" };
6637
+ var _hoisted_6$1 = { class: "reset-btn-area flex justify-end" };
6634
6638
 
6635
- function render$4(_ctx, _cache, $props, $setup, $data, $options) {
6639
+ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
6636
6640
  var _component_q_icon = vue.resolveComponent("q-icon");
6637
6641
  var _component_q_btn = vue.resolveComponent("q-btn");
6638
6642
  var _component_q_date = vue.resolveComponent("q-date");
@@ -6649,7 +6653,7 @@
6649
6653
  "no-error-icon": ""
6650
6654
  }, vue.createSlots({
6651
6655
  default: vue.withCtx(function () { return [
6652
- vue.createElementVNode("div", _hoisted_2$1, [
6656
+ vue.createElementVNode("div", _hoisted_2$3, [
6653
6657
  ($props.isRange)
6654
6658
  ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
6655
6659
  vue.createVNode(_component_q_input, {
@@ -6685,7 +6689,7 @@
6685
6689
  onHide: _cache[5] || (_cache[5] = function ($event) { return ($setup.settingFromDate()); })
6686
6690
  }, {
6687
6691
  default: vue.withCtx(function () { return [
6688
- vue.createElementVNode("div", _hoisted_3, [
6692
+ vue.createElementVNode("div", _hoisted_3$2, [
6689
6693
  vue.createVNode(_component_q_btn, {
6690
6694
  class: "reset-btn no-hover",
6691
6695
  flat: "",
@@ -6717,7 +6721,7 @@
6717
6721
  ]; }),
6718
6722
  _: 1
6719
6723
  }, 8, ["modelValue"]),
6720
- _hoisted_4,
6724
+ _hoisted_4$1,
6721
6725
  vue.createVNode(_component_q_input, {
6722
6726
  modelValue: $setup.dateModel.to,
6723
6727
  "onUpdate:modelValue": _cache[15] || (_cache[15] = function ($event) { return (($setup.dateModel.to) = $event); }),
@@ -6751,7 +6755,7 @@
6751
6755
  onHide: _cache[14] || (_cache[14] = function ($event) { return ($setup.settingToDate()); })
6752
6756
  }, {
6753
6757
  default: vue.withCtx(function () { return [
6754
- vue.createElementVNode("div", _hoisted_5, [
6758
+ vue.createElementVNode("div", _hoisted_5$1, [
6755
6759
  vue.createVNode(_component_q_btn, {
6756
6760
  class: "reset-btn no-hover",
6757
6761
  flat: "",
@@ -6818,7 +6822,7 @@
6818
6822
  onHide: $setup.triggerValidation
6819
6823
  }, {
6820
6824
  default: vue.withCtx(function () { return [
6821
- vue.createElementVNode("div", _hoisted_6, [
6825
+ vue.createElementVNode("div", _hoisted_6$1, [
6822
6826
  vue.createVNode(_component_q_btn, {
6823
6827
  class: "reset-btn no-hover",
6824
6828
  flat: "",
@@ -6858,7 +6862,7 @@
6858
6862
  ? {
6859
6863
  name: "before",
6860
6864
  fn: vue.withCtx(function () { return [
6861
- vue.createElementVNode("div", _hoisted_1$3, vue.toDisplayString($props.insideLabel), 1)
6865
+ vue.createElementVNode("div", _hoisted_1$5, vue.toDisplayString($props.insideLabel), 1)
6862
6866
  ]; }),
6863
6867
  key: "0"
6864
6868
  }
@@ -6880,10 +6884,10 @@
6880
6884
  ]), 1032, ["class", "disable"]))
6881
6885
  }
6882
6886
 
6883
- var css_248z$4 = ".s-date {\n width: fit-content;\n height: 28px;\n border-radius: 4px;\n}\n.s-date.has-label .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0 !important;\n}\n.s-date.has-label .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.has-label .q-field__before .date-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-date.q-field--disabled .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-date.q-field--disabled .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.s-date.q-field--error .q-field__control::after {\n border-color: red !important;\n}\n.s-date.q-field--error.q-field--highlighted .q-field__control:after {\n box-shadow: 0 0 2px red;\n}\n.s-date .q-field__bottom {\n display: none;\n}\n.s-date .q-field__inner {\n font-size: 12px;\n text-align: center;\n}\n.s-date .q-field__inner .q-field__control {\n padding: 4px 16px 4px 8px !important;\n height: 100%;\n}\n.s-date .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n}\n.s-date .q-field__inner .q-field__control .q-field__append {\n height: 20px;\n}\n.s-date .q-field__inner .q-field__control .q-field__append .q-icon {\n margin-right: -8px;\n}\n.s-date .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input {\n width: 100%;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control {\n width: 100%;\n min-width: 72px;\n height: 20px;\n padding: 0px !important;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control::before, .s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control::after {\n border: none;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control .q-field__control-container {\n justify-content: center;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control .q-field__control-container input {\n width: 72px;\n display: block;\n text-align: center;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control:after {\n box-shadow: none !important;\n}\n.s-date-menu .reset-btn-area {\n padding: 20px 24px 0px;\n}\n.s-date-menu .reset-btn-area .reset-btn {\n width: 28px;\n height: 22px;\n min-height: 22px;\n padding: 0;\n text-decoration: underline;\n font-weight: 400;\n}\n.s-date-menu .reset-btn-area .reset-btn:hover .q-btn__content {\n text-decoration: underline;\n color: #0075ff;\n}";
6884
- styleInject(css_248z$4);
6887
+ var css_248z$6 = ".s-date {\n width: fit-content;\n height: 28px;\n border-radius: 4px;\n}\n.s-date.has-label .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0 !important;\n}\n.s-date.has-label .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.has-label .q-field__before .date-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-date.q-field--disabled .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-date.q-field--disabled .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.s-date.q-field--error .q-field__control::after {\n border-color: red !important;\n}\n.s-date.q-field--error.q-field--highlighted .q-field__control:after {\n box-shadow: 0 0 2px red;\n}\n.s-date .q-field__bottom {\n display: none;\n}\n.s-date .q-field__inner {\n font-size: 12px;\n text-align: center;\n}\n.s-date .q-field__inner .q-field__control {\n padding: 4px 16px 4px 8px !important;\n height: 100%;\n}\n.s-date .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n}\n.s-date .q-field__inner .q-field__control .q-field__append {\n height: 20px;\n}\n.s-date .q-field__inner .q-field__control .q-field__append .q-icon {\n margin-right: -8px;\n}\n.s-date .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input {\n width: 100%;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control {\n width: 100%;\n min-width: 72px;\n height: 20px;\n padding: 0px !important;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control::before, .s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control::after {\n border: none;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control .q-field__control-container {\n justify-content: center;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control .q-field__control-container input {\n width: 72px;\n display: block;\n text-align: center;\n}\n.s-date .q-field__inner .q-field__control-container .inner-input > .q-field__inner > .q-field__control:after {\n box-shadow: none !important;\n}\n.s-date-menu .reset-btn-area {\n padding: 20px 24px 0px;\n}\n.s-date-menu .reset-btn-area .reset-btn {\n width: 28px;\n height: 22px;\n min-height: 22px;\n padding: 0;\n text-decoration: underline;\n font-weight: 400;\n}\n.s-date-menu .reset-btn-area .reset-btn:hover .q-btn__content {\n text-decoration: underline;\n color: #0075ff;\n}";
6888
+ styleInject(css_248z$6);
6885
6889
 
6886
- script$3.render = render$4;
6890
+ script$5.render = render$6;
6887
6891
 
6888
6892
  var __default__ = vue.defineComponent({
6889
6893
  name: 'SDateAutoRangePicker',
@@ -7023,10 +7027,10 @@
7023
7027
  ? function (props, ctx) { __injectCSSVars__();return __setup__(props, ctx) }
7024
7028
  : __injectCSSVars__;
7025
7029
 
7026
- var _hoisted_1$2 = { class: "text-center date-str" };
7027
- var _hoisted_2 = { class: "text-center date-str" };
7030
+ var _hoisted_1$4 = { class: "text-center date-str" };
7031
+ var _hoisted_2$2 = { class: "text-center date-str" };
7028
7032
 
7029
- function render$3(_ctx, _cache, $props, $setup, $data, $options) {
7033
+ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
7030
7034
  var _component_q_date = vue.resolveComponent("q-date");
7031
7035
  var _component_q_separator = vue.resolveComponent("q-separator");
7032
7036
  var _component_q_btn = vue.resolveComponent("q-btn");
@@ -7113,9 +7117,9 @@
7113
7117
  }, 8, ["name", "color"])
7114
7118
  ]; }),
7115
7119
  default: vue.withCtx(function () { return [
7116
- vue.createElementVNode("span", _hoisted_1$2, vue.toDisplayString(_ctx.dateModel.from), 1),
7120
+ vue.createElementVNode("span", _hoisted_1$4, vue.toDisplayString(_ctx.dateModel.from), 1),
7117
7121
  vue.createTextVNode("~"),
7118
- vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(_ctx.dateModel.to), 1)
7122
+ vue.createElementVNode("span", _hoisted_2$2, vue.toDisplayString(_ctx.dateModel.to), 1)
7119
7123
  ]; }),
7120
7124
  _: 2
7121
7125
  }, [
@@ -7150,12 +7154,12 @@
7150
7154
  ]), 1032, ["class", "disable", "modelValue"]))
7151
7155
  }
7152
7156
 
7153
- var css_248z$3 = ".s-date-auto-range-picker {\n width: var(--06657827);\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}";
7154
- styleInject(css_248z$3);
7157
+ var css_248z$5 = ".s-date-auto-range-picker {\n width: var(--06657827);\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}";
7158
+ styleInject(css_248z$5);
7155
7159
 
7156
- __default__.render = render$3;
7160
+ __default__.render = render$5;
7157
7161
 
7158
- var script$2 = {
7162
+ var script$4 = {
7159
7163
  name: 'SYearPicker',
7160
7164
  components: {
7161
7165
  QDate: quasar.QDate,
@@ -7221,9 +7225,9 @@
7221
7225
  },
7222
7226
  };
7223
7227
 
7224
- var _hoisted_1$1 = { class: "year-month-picker-label" };
7228
+ var _hoisted_1$3 = { class: "year-month-picker-label" };
7225
7229
 
7226
- function render$2(_ctx, _cache, $props, $setup, $data, $options) {
7230
+ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
7227
7231
  var _component_q_icon = vue.resolveComponent("q-icon");
7228
7232
  var _component_q_date = vue.resolveComponent("q-date");
7229
7233
  var _component_q_menu = vue.resolveComponent("q-menu");
@@ -7289,7 +7293,7 @@
7289
7293
  ? {
7290
7294
  name: "before",
7291
7295
  fn: vue.withCtx(function () { return [
7292
- vue.createElementVNode("div", _hoisted_1$1, vue.toDisplayString($props.insideLabel), 1)
7296
+ vue.createElementVNode("div", _hoisted_1$3, vue.toDisplayString($props.insideLabel), 1)
7293
7297
  ]; }),
7294
7298
  key: "0"
7295
7299
  }
@@ -7297,11 +7301,11 @@
7297
7301
  ]), 1032, ["class", "disable", "modelValue"]))
7298
7302
  }
7299
7303
 
7300
- var css_248z$2 = ".s-year-picker[data-v-53fcd11e] {\n width: fit-content;\n height: 28px;\n border-radius: 4px;\n}\n.s-year-picker.has-label[data-v-53fcd11e] .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0 !important;\n}\n.s-year-picker.has-label[data-v-53fcd11e] .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-year-picker.has-label[data-v-53fcd11e] .q-field__before .year-month-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-year-picker.q-field--disabled[data-v-53fcd11e] .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-year-picker.q-field--disabled[data-v-53fcd11e] .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__bottom {\n display: none;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control {\n padding: 4px 16px 4px 8px !important;\n height: 100%;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control .q-field__control-container .q-field__native {\n text-align: center;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control:before {\n border-style: solid;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control:hover, .s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control:active {\n background: #f6f6f6 !important;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control .q-field__append {\n height: 20px;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control .q-field__append .q-icon {\n margin-right: -8px;\n}\n.s-date-menu[data-v-53fcd11e] {\n border-radius: 8px;\n}";
7301
- styleInject(css_248z$2);
7304
+ var css_248z$4 = ".s-year-picker[data-v-53fcd11e] {\n width: fit-content;\n height: 28px;\n border-radius: 4px;\n}\n.s-year-picker.has-label[data-v-53fcd11e] .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0 !important;\n}\n.s-year-picker.has-label[data-v-53fcd11e] .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-year-picker.has-label[data-v-53fcd11e] .q-field__before .year-month-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-year-picker.q-field--disabled[data-v-53fcd11e] .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-year-picker.q-field--disabled[data-v-53fcd11e] .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__bottom {\n display: none;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control {\n padding: 4px 16px 4px 8px !important;\n height: 100%;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control .q-field__control-container .q-field__native {\n text-align: center;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control:before {\n border-style: solid;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control:hover, .s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control:active {\n background: #f6f6f6 !important;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control .q-field__append {\n height: 20px;\n}\n.s-year-picker[data-v-53fcd11e] .q-field__inner .q-field__control .q-field__append .q-icon {\n margin-right: -8px;\n}\n.s-date-menu[data-v-53fcd11e] {\n border-radius: 8px;\n}";
7305
+ styleInject(css_248z$4);
7302
7306
 
7303
- script$2.render = render$2;
7304
- script$2.__scopeId = "data-v-53fcd11e";
7307
+ script$4.render = render$4;
7308
+ script$4.__scopeId = "data-v-53fcd11e";
7305
7309
 
7306
7310
  var Directive = {
7307
7311
  name: 'sellmate',
@@ -7311,7 +7315,7 @@
7311
7315
  },
7312
7316
  };
7313
7317
 
7314
- var script$1 = vue.defineComponent({
7318
+ var script$3 = vue.defineComponent({
7315
7319
  name: 'SBadge',
7316
7320
  components: { QBadge: quasar.QBadge },
7317
7321
  props: {
@@ -7346,7 +7350,7 @@
7346
7350
  },
7347
7351
  });
7348
7352
 
7349
- function render$1(_ctx, _cache, $props, $setup, $data, $options) {
7353
+ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
7350
7354
  var _component_q_badge = vue.resolveComponent("q-badge");
7351
7355
 
7352
7356
  return (vue.openBlock(), vue.createBlock(_component_q_badge, {
@@ -7360,11 +7364,11 @@
7360
7364
  }, null, 8, ["class", "label", "color", "text-color"]))
7361
7365
  }
7362
7366
 
7363
- var css_248z$1 = ".s-badge[data-v-27c2380e] {\n border-radius: 4px;\n line-height: 20px;\n}\n.s-badge__sm[data-v-27c2380e] {\n padding: 1px 8px;\n height: 20px;\n font-size: 11px;\n font-weight: 400;\n}\n.s-badge__md[data-v-27c2380e] {\n padding: 2px 12px;\n height: 24px;\n font-size: 12px;\n font-weight: 700;\n}";
7364
- styleInject(css_248z$1);
7367
+ var css_248z$3 = ".s-badge[data-v-27c2380e] {\n border-radius: 4px;\n line-height: 20px;\n}\n.s-badge__sm[data-v-27c2380e] {\n padding: 1px 8px;\n height: 20px;\n font-size: 11px;\n font-weight: 400;\n}\n.s-badge__md[data-v-27c2380e] {\n padding: 2px 12px;\n height: 24px;\n font-size: 12px;\n font-weight: 700;\n}";
7368
+ styleInject(css_248z$3);
7365
7369
 
7366
- script$1.render = render$1;
7367
- script$1.__scopeId = "data-v-27c2380e";
7370
+ script$3.render = render$3;
7371
+ script$3.__scopeId = "data-v-27c2380e";
7368
7372
 
7369
7373
  var colorStatusList = {
7370
7374
  Grey: {
@@ -7401,7 +7405,7 @@
7401
7405
  },
7402
7406
  };
7403
7407
 
7404
- var script = vue.defineComponent({
7408
+ var script$2 = vue.defineComponent({
7405
7409
  name: 'STag',
7406
7410
  components: { QBadge: quasar.QBadge, QIcon: quasar.QIcon },
7407
7411
  props: {
@@ -7451,9 +7455,9 @@
7451
7455
  },
7452
7456
  });
7453
7457
 
7454
- var _hoisted_1 = ["innerHTML"];
7458
+ var _hoisted_1$2 = ["innerHTML"];
7455
7459
 
7456
- function render(_ctx, _cache, $props, $setup, $data, $options) {
7460
+ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
7457
7461
  var _component_q_icon = vue.resolveComponent("q-icon");
7458
7462
  var _component_q_badge = vue.resolveComponent("q-badge");
7459
7463
 
@@ -7479,64 +7483,572 @@
7479
7483
  vue.createElementVNode("span", {
7480
7484
  innerHTML: _ctx.label,
7481
7485
  class: vue.normalizeClass(_ctx.textClass)
7482
- }, null, 10, _hoisted_1)
7486
+ }, null, 10, _hoisted_1$2)
7483
7487
  ]; }),
7484
7488
  _: 1
7485
7489
  }, 8, ["class", "color", "text-color"]))
7486
7490
  }
7487
7491
 
7488
- var css_248z = ".s-tag[data-v-5a19bbe6] {\n border-radius: 4px;\n box-sizing: border-box;\n}\n.s-tag__sm[data-v-5a19bbe6] {\n padding: 1px 6px;\n height: 20px;\n}\n.s-tag__sm > span[data-v-5a19bbe6] {\n line-height: 18px;\n font-size: 11px;\n font-weight: 400;\n}\n.s-tag__md[data-v-5a19bbe6] {\n padding: 2px 8px;\n height: 24px;\n}\n.s-tag__md > span[data-v-5a19bbe6] {\n line-height: 20px;\n font-size: 12px;\n font-weight: 700;\n}\n.s-tag__lg[data-v-5a19bbe6] {\n padding: 4px 16px;\n height: 48px;\n}\n.s-tag__lg > span[data-v-5a19bbe6] {\n line-height: 40px;\n font-size: 24px;\n font-weight: 700;\n}\n.s-tag__rounded[data-v-5a19bbe6] {\n border-radius: 20px;\n}";
7492
+ var css_248z$2 = ".s-tag[data-v-5a19bbe6] {\n border-radius: 4px;\n box-sizing: border-box;\n}\n.s-tag__sm[data-v-5a19bbe6] {\n padding: 1px 6px;\n height: 20px;\n}\n.s-tag__sm > span[data-v-5a19bbe6] {\n line-height: 18px;\n font-size: 11px;\n font-weight: 400;\n}\n.s-tag__md[data-v-5a19bbe6] {\n padding: 2px 8px;\n height: 24px;\n}\n.s-tag__md > span[data-v-5a19bbe6] {\n line-height: 20px;\n font-size: 12px;\n font-weight: 700;\n}\n.s-tag__lg[data-v-5a19bbe6] {\n padding: 4px 16px;\n height: 48px;\n}\n.s-tag__lg > span[data-v-5a19bbe6] {\n line-height: 40px;\n font-size: 24px;\n font-weight: 700;\n}\n.s-tag__rounded[data-v-5a19bbe6] {\n border-radius: 20px;\n}";
7493
+ styleInject(css_248z$2);
7494
+
7495
+ script$2.render = render$2;
7496
+ script$2.__scopeId = "data-v-5a19bbe6";
7497
+
7498
+ var script$1 = vue.defineComponent({
7499
+ name: 'TableTreeNode',
7500
+ props: {
7501
+ row: Object,
7502
+ nodeName: String,
7503
+ columns: {
7504
+ type: Array,
7505
+ default: function () { return []; },
7506
+ },
7507
+ isRoot:{
7508
+ type: Boolean,
7509
+ default: true
7510
+ },
7511
+ colspan: Number,
7512
+ resizedWidths: Object,
7513
+ },
7514
+ setup: function setup(props, ref$1) {
7515
+ var emit = ref$1.emit;
7516
+
7517
+ var levelClass = vue.computed(function () { return ("level-" + (props.row.level)) || ''; });
7518
+ var hasChildren = vue.computed(function () { return props.row.children && props.row.children.length > 0; });
7519
+ var childTableNode = vue.ref(null);
7520
+
7521
+ function handlerExpand(row) { emit('handlerExpand', row);
7522
+ }
7523
+
7524
+ return {
7525
+ levelClass: levelClass,
7526
+ hasChildren: hasChildren,
7527
+ handlerExpand: handlerExpand,
7528
+ childTableNode: childTableNode,
7529
+ addIcon10: addIcon10,
7530
+ minusIcon10: minusIcon10
7531
+ };
7532
+ },
7533
+ });
7534
+
7535
+ var _hoisted_1$1 = {
7536
+ key: 0,
7537
+ class: "q-mr-xs"
7538
+ };
7539
+ var _hoisted_2$1 = {
7540
+ key: 1,
7541
+ class: "q-ml-xs"
7542
+ };
7543
+ var _hoisted_3$1 = { key: 0 };
7544
+
7545
+ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
7546
+ var _component_s_button = vue.resolveComponent("s-button");
7547
+ var _component_table_tree_node = vue.resolveComponent("table-tree-node", true);
7548
+
7549
+ return (vue.openBlock(), vue.createElementBlock("div", {
7550
+ class: vue.normalizeClass(["table-tree-node", _ctx.nodeName]),
7551
+ ref: "childTableNode"
7552
+ }, [
7553
+ vue.createElementVNode("table", null, [
7554
+ vue.createElementVNode("tbody", null, [
7555
+ vue.createElementVNode("tr", {
7556
+ class: vue.normalizeClass(["level", _ctx.levelClass])
7557
+ }, [
7558
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, function (column, i) {
7559
+ var obj;
7560
+
7561
+ return (vue.openBlock(), vue.createElementBlock("td", {
7562
+ key: i,
7563
+ class: vue.normalizeClass(( obj = {
7564
+ 'bg-white': i === 0 && _ctx.hasChildren,
7565
+ 'bg-Grey_Lighten-5': !_ctx.hasChildren
7566
+ }, obj[("td-" + (i + 1) + " text-" + (column.align))] = i >= 0, obj )),
7567
+ style: vue.normalizeStyle([
7568
+ i === 0 && ("padding-left: " + (_ctx.row.leftPadding) + "px"),
7569
+ ("width: " + (column.width) + "px")
7570
+ ])
7571
+ }, [
7572
+ vue.renderSlot(_ctx.$slots, ("body-cell-" + (column.name)), {}, function () { return [
7573
+ vue.createElementVNode("div", null, [
7574
+ (_ctx.hasChildren && i === 0)
7575
+ ? (vue.openBlock(), vue.createBlock(_component_s_button, {
7576
+ key: 0,
7577
+ icon: _ctx.row.isExpand ? _ctx.minusIcon10 : _ctx.addIcon10,
7578
+ outline: "",
7579
+ round: "",
7580
+ color: _ctx.row.isExpand ? 'Blue_C_Lighten-3' : 'Grey_Default',
7581
+ class: vue.normalizeClass(["expand-btn q-mr-sm", { 'not-expand-btn': !_ctx.row.isExpand }]),
7582
+ onClick: _cache[0] || (_cache[0] = function ($event) { return (_ctx.handlerExpand(_ctx.row)); })
7583
+ }, null, 8, ["icon", "color", "class"]))
7584
+ : vue.createCommentVNode("", true),
7585
+ vue.createElementVNode("span", {
7586
+ class: vue.normalizeClass(["cell-content", {'is-root': _ctx.isRoot}])
7587
+ }, [
7588
+ (column.prefix)
7589
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$1, vue.toDisplayString(column.prefix), 1))
7590
+ : vue.createCommentVNode("", true),
7591
+ vue.createTextVNode(" " + vue.toDisplayString(_ctx.row[column.name]) + " ", 1),
7592
+ (column.suffix)
7593
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1, vue.toDisplayString(column.suffix), 1))
7594
+ : vue.createCommentVNode("", true)
7595
+ ], 2)
7596
+ ])
7597
+ ]; })
7598
+ ], 6))
7599
+ }), 128))
7600
+ ], 2)
7601
+ ])
7602
+ ]),
7603
+ (_ctx.row.isExpand)
7604
+ ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$1, [
7605
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.row.children, function (childRow, childRowIdx) {
7606
+ return (vue.openBlock(), vue.createBlock(_component_table_tree_node, {
7607
+ key: ("child_node" + childRowIdx),
7608
+ nodeName: ("child_node" + childRowIdx),
7609
+ row: childRow,
7610
+ columns: _ctx.columns,
7611
+ colspan: _ctx.colspan,
7612
+ resizedWidths: _ctx.resizedWidths,
7613
+ onHandlerExpand: _ctx.handlerExpand,
7614
+ "is-root": false
7615
+ }, vue.createSlots({ _: 2 }, [
7616
+ vue.renderList(_ctx.columns, function (column) {
7617
+ return {
7618
+ name: ("body-cell-" + (column.name)),
7619
+ fn: vue.withCtx(function (props) { return [
7620
+ vue.renderSlot(_ctx.$slots, ("body-cell-" + (column.name)), vue.mergeProps({ ref_for: true }, props))
7621
+ ]; })
7622
+ }
7623
+ })
7624
+ ]), 1032, ["nodeName", "row", "columns", "colspan", "resizedWidths", "onHandlerExpand"]))
7625
+ }), 128))
7626
+ ]))
7627
+ : vue.createCommentVNode("", true)
7628
+ ], 2))
7629
+ }
7630
+
7631
+ var css_248z$1 = ".table-tree-node[data-v-dc1ea1c0] {\n border-top: 1px solid #e1e1e1 !important;\n box-sizing: border-box;\n}\n.table-tree-node.root_node_0[data-v-dc1ea1c0] {\n border-top: 0 !important;\n}\n.table-tree-node .tr[data-v-dc1ea1c0] {\n vertical-align: middle;\n}\n.table-tree-node .tr td[data-v-dc1ea1c0] {\n height: 48px;\n padding: 0 16px;\n}\n.table-tree-node td[data-v-dc1ea1c0], .table-tree-node th[data-v-dc1ea1c0] {\n width: 100%;\n}\n.table-tree-node td[data-v-dc1ea1c0]:not(:first-of-type), .table-tree-node th[data-v-dc1ea1c0]:not(:first-of-type) {\n word-break: keep-all;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.table-tree-node table[data-v-dc1ea1c0] {\n width: 100%;\n table-layout: fixed;\n border-collapse: collapse;\n}\n.table-tree-node table tbody tr td[data-v-dc1ea1c0] {\n height: 44px;\n padding: 0 16px;\n font-weight: 400;\n}\n.table-tree-node table tbody tr td .expand-btn[data-v-dc1ea1c0] {\n min-width: 20px;\n min-height: 20px;\n padding: 0 !important;\n}\n.table-tree-node table tbody tr td .expand-btn.not-expand-btn[data-v-dc1ea1c0]:before {\n border-color: #e1e1e1;\n}\n.table-tree-node table tbody tr td .expand-btn.s-button-sm.q-btn[data-v-dc1ea1c0] {\n height: 20px;\n}\n.table-tree-node table tbody tr td .expand-btn[data-v-dc1ea1c0] .q-btn__content .q-icon {\n font-size: 12px;\n}\n.table-tree-node table tbody tr td .cell-content[data-v-dc1ea1c0] {\n display: inline-block;\n}\n.table-tree-node table .td-1 .is-root[data-v-dc1ea1c0] {\n font-weight: 700;\n}\n.table-tree-node table .td-1[data-v-dc1ea1c0] :not(.is-root) {\n font-weight: 400;\n}";
7632
+ styleInject(css_248z$1);
7633
+
7634
+ script$1.render = render$1;
7635
+ script$1.__scopeId = "data-v-dc1ea1c0";
7636
+
7637
+ function createDiv(val) {
7638
+ var div = document.createElement('div');
7639
+ div.classList.add(("resizable-" + val));
7640
+ div.style.top = '10px';
7641
+ if (val === 'right') { div.style.right = 0; }
7642
+ if (val === 'left') { div.style.left = 0; }
7643
+ div.style.width = '4px';
7644
+ div.style.position = 'absolute';
7645
+ div.style.cursor = 'col-resize';
7646
+ div.style.backgroundColor = 'none';
7647
+ div.style.border = '1px solid #CCCCCC';
7648
+ div.style.borderTop = 'none';
7649
+ div.style.borderBottom = 'none';
7650
+ div.style.zIndex = 2;
7651
+ div.style.userSelect = 'none';
7652
+ div.style.height = '16px';
7653
+ return div;
7654
+ }
7655
+
7656
+ function setTableTreeNode(tableEl, colIndex, newWidth, columns, resizedWidths) {
7657
+ var allTables = tableEl.querySelectorAll('table');
7658
+
7659
+ allTables.forEach(function (table) {
7660
+ var rows = table.querySelectorAll('tr');
7661
+ rows.forEach(function (row) {
7662
+ var cols = row.children;
7663
+ if (cols[colIndex]) {
7664
+
7665
+ var minWidth = colIndex === 0 ? columns[colIndex].width : 0;
7666
+ var resultWidth = Math.max(newWidth, minWidth);
7667
+ cols[colIndex].style.minWidth = resultWidth + "px";
7668
+ cols[colIndex].style.width = resultWidth + "px";
7669
+
7670
+ resizedWidths[colIndex] = resultWidth;
7671
+ }
7672
+ });
7673
+ });
7674
+ }
7675
+
7676
+ function setListeners(div, position, colIndex, tableEl, resizedWidths, columns) {
7677
+ var curCol;
7678
+ var pageX;
7679
+ var curColWidth;
7680
+
7681
+ div.addEventListener('mousedown', function (e) {
7682
+ curCol = e.target.parentElement;
7683
+ pageX = e.pageX;
7684
+ curColWidth = curCol.offsetWidth;
7685
+ }, { passive: true });
7686
+
7687
+ document.addEventListener('mousemove', function (e) {
7688
+ if (curCol) {
7689
+ var diffX = e.pageX - pageX;
7690
+ var newWidth = position === 'right' ? curColWidth + diffX : curColWidth - diffX;
7691
+
7692
+ var minWidth = colIndex === 0 ? columns[colIndex].width : 0;
7693
+
7694
+ newWidth = Math.max(newWidth, minWidth);
7695
+ curCol.style.minWidth = newWidth + "px";
7696
+ curCol.style.width = newWidth + "px";
7697
+
7698
+ resizedWidths[colIndex] = newWidth;
7699
+ setTableTreeNode(tableEl, colIndex, newWidth, columns, resizedWidths);
7700
+ }
7701
+ }, { passive: true });
7702
+
7703
+ document.addEventListener('mouseup', function () {
7704
+ curCol = null;
7705
+ pageX = null;
7706
+ curColWidth = null;
7707
+ }, { passive: true });
7708
+ }
7709
+
7710
+ function addResizable(tableEl, columns) {
7711
+ var tableElement = tableEl.getElementsByTagName('table')[0];
7712
+ var firstRow = tableElement.getElementsByTagName('tr')[0];
7713
+ var cols = firstRow ? firstRow.children : [];
7714
+ var resizedWidths = {};
7715
+
7716
+ for (var i = 0; i < cols.length - 1; i += 1) {
7717
+ var div = createDiv('right');
7718
+ cols[i].appendChild(div);
7719
+ cols[i].style.position = 'sticky';
7720
+ setListeners(div, 'right', i, tableEl, resizedWidths, columns);
7721
+ }
7722
+
7723
+ return resizedWidths;
7724
+ }
7725
+
7726
+ function useResizableTree() {
7727
+ return {
7728
+ addResizable: addResizable
7729
+ };
7730
+ }
7731
+
7732
+ function setWidthForExpand(tableNodeRef, resizedWidths) {
7733
+ var tableElements = tableNodeRef.querySelectorAll('table');
7734
+
7735
+ tableElements.forEach(function (tableElement) {
7736
+ var rows = tableElement.querySelectorAll('tr');
7737
+ rows.forEach(function (row) {
7738
+ var cols = row.children;
7739
+ for (var i = 0; i < cols.length; i++) {
7740
+ if (resizedWidths[i] !== undefined) {
7741
+ cols[i].style.minWidth = (resizedWidths[i]) + "px";
7742
+ cols[i].style.width = (resizedWidths[i]) + "px";
7743
+ }
7744
+ }
7745
+ });
7746
+ });
7747
+ }
7748
+
7749
+ var script = vue.defineComponent({
7750
+ name: 'STableTree',
7751
+ components: { TableTreeNode: script$1, QInnerLoading: quasar.QInnerLoading },
7752
+ props: {
7753
+ columns: {
7754
+ type: Array,
7755
+ default: function () { return []; },
7756
+ },
7757
+ rows: {
7758
+ type: Array,
7759
+ default: function () { return []; },
7760
+ },
7761
+ foots: {
7762
+ type: Array,
7763
+ default: function () { return []; },
7764
+ },
7765
+ noDataLabel: {
7766
+ type: String,
7767
+ default: '데이터 조회가 필요합니다',
7768
+ },
7769
+ loading: {
7770
+ type: Boolean,
7771
+ default: false,
7772
+ },
7773
+ isStickyFirstColumn: {
7774
+ tpye: Boolean,
7775
+ default: true,
7776
+ },
7777
+ resizable: {
7778
+ type: Boolean,
7779
+ default: false,
7780
+ },
7781
+ stickyResizable: {
7782
+ type: [Array, Number],
7783
+ required: false,
7784
+ },
7785
+ },
7786
+ setup: function setup(props) {
7787
+ var treeDataSource = vue.ref([]);
7788
+ var sTableTreeRef = vue.ref(null);
7789
+ var resizedWidths = vue.ref({});
7790
+ var scrollLocationRef = vue.ref(null);
7791
+
7792
+ function handleScroll() {
7793
+ var ref = scrollLocationRef.value;
7794
+ var scrollLeft = ref.scrollLeft;
7795
+
7796
+ if (scrollLeft === 0) {
7797
+ scrollLocationRef.value.classList.add('no-before');
7798
+ } else {
7799
+ scrollLocationRef.value.classList.remove('no-before');
7800
+ }
7801
+
7802
+ }
7803
+
7804
+ function initTreeData() {
7805
+ var tempData = JSON.parse(JSON.stringify(props.rows));
7806
+ var reduceDataFunc = function (data, level) {
7807
+ data.forEach(function (m) {
7808
+ m.isExpand = m.isExpand || false;
7809
+ m.children = m.children || [];
7810
+ m.level = level;
7811
+ m.leftPadding = level === 1 ? 20 : (level - 1) * 28 + 20;
7812
+ if (m.children.length > 0) {
7813
+ reduceDataFunc(m.children, level + 1);
7814
+ }
7815
+
7816
+ vue.nextTick(function () {
7817
+ setWidthForExpand(sTableTreeRef.value, resizedWidths.value);
7818
+ });
7819
+ });
7820
+ };
7821
+ reduceDataFunc(tempData, 1);
7822
+ treeDataSource.value = tempData;
7823
+ }
7824
+
7825
+ function handlerExpand(row) {
7826
+ row.isExpand = !row.isExpand;
7827
+
7828
+ vue.nextTick(function () {
7829
+ setWidthForExpand(sTableTreeRef.value, resizedWidths.value);
7830
+ });
7831
+ }
7832
+ vue.onMounted(function () {
7833
+ var ref = useResizableTree();
7834
+ var addResizable = ref.addResizable;
7835
+ if (props.resizable || props.isStickyFirstColumn) {
7836
+ resizedWidths.value = addResizable(sTableTreeRef.value, props.columns);
7837
+ }
7838
+ scrollLocationRef.value.classList.add('no-before');
7839
+ });
7840
+
7841
+ initTreeData();
7842
+
7843
+ return {
7844
+ treeDataSource: treeDataSource,
7845
+ handlerExpand: handlerExpand,
7846
+ handleScroll: handleScroll,
7847
+ sTableTreeRef: sTableTreeRef,
7848
+ scrollLocationRef: scrollLocationRef,
7849
+ resizedWidths: resizedWidths,
7850
+ };
7851
+ },
7852
+ });
7853
+
7854
+ var _hoisted_1 = { key: 0 };
7855
+ var _hoisted_2 = ["colspan"];
7856
+ var _hoisted_3 = { key: 1 };
7857
+ var _hoisted_4 = { key: 0 };
7858
+ var _hoisted_5 = ["colspan"];
7859
+ var _hoisted_6 = { key: 2 };
7860
+ var _hoisted_7 = {
7861
+ key: 0,
7862
+ class: "q-mr-xs"
7863
+ };
7864
+ var _hoisted_8 = {
7865
+ key: 1,
7866
+ class: "q-ml-xs"
7867
+ };
7868
+
7869
+ function render(_ctx, _cache, $props, $setup, $data, $options) {
7870
+ var _component_q_inner_loading = vue.resolveComponent("q-inner-loading");
7871
+ var _component_table_tree_node = vue.resolveComponent("table-tree-node");
7872
+
7873
+ return (vue.openBlock(), vue.createElementBlock("div", {
7874
+ class: vue.normalizeClass(["s-table-tree", {
7875
+ 'sticky-table-tree': _ctx.isStickyFirstColumn,
7876
+ 'loading-table-tree': _ctx.loading,
7877
+ 'no-data-table-tree': !_ctx.rows.length,
7878
+ }]),
7879
+ ref: "sTableTreeRef"
7880
+ }, [
7881
+ (_ctx.loading)
7882
+ ? vue.renderSlot(_ctx.$slots, "loading", { key: 0 }, function () { return [
7883
+ vue.createVNode(_component_q_inner_loading, {
7884
+ showing: "",
7885
+ color: "positive",
7886
+ size: "72px"
7887
+ })
7888
+ ]; })
7889
+ : vue.createCommentVNode("", true),
7890
+ vue.createElementVNode("div", {
7891
+ class: "s-table-tree__inner",
7892
+ ref: "scrollLocationRef",
7893
+ onScroll: _cache[0] || (_cache[0] = function () {
7894
+ var args = [], len = arguments.length;
7895
+ while ( len-- ) args[ len ] = arguments[ len ];
7896
+
7897
+ return (_ctx.handleScroll && _ctx.handleScroll.apply(_ctx, args));
7898
+ })
7899
+ }, [
7900
+ vue.createElementVNode("table", null, [
7901
+ vue.createElementVNode("thead", null, [
7902
+ vue.createElementVNode("tr", null, [
7903
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, function (column, idx) {
7904
+ return (vue.openBlock(), vue.createElementBlock("th", {
7905
+ key: column.name,
7906
+ class: vue.normalizeClass(("td-" + (idx + 1) + " text-" + (column.align))),
7907
+ style: vue.normalizeStyle(("width: " + (column.width) + "px"))
7908
+ }, [
7909
+ vue.renderSlot(_ctx.$slots, ("header-cell-" + (column.name)), {}, function () { return [
7910
+ vue.createTextVNode(vue.toDisplayString(column.label), 1)
7911
+ ]; })
7912
+ ], 6))
7913
+ }), 128))
7914
+ ])
7915
+ ]),
7916
+ (!_ctx.rows.length)
7917
+ ? (vue.openBlock(), vue.createElementBlock("tbody", _hoisted_1, [
7918
+ vue.createElementVNode("tr", null, [
7919
+ vue.createElementVNode("td", {
7920
+ colspan: _ctx.columns.length
7921
+ }, [
7922
+ vue.createElementVNode("div", null, [
7923
+ vue.renderSlot(_ctx.$slots, "no-data", {}, function () { return [
7924
+ vue.createTextVNode(vue.toDisplayString(_ctx.noDataLabel), 1)
7925
+ ]; })
7926
+ ])
7927
+ ], 8, _hoisted_2)
7928
+ ])
7929
+ ]))
7930
+ : (vue.openBlock(), vue.createElementBlock("tbody", _hoisted_3, [
7931
+ vue.renderSlot(_ctx.$slots, "body", {}, function () { return [
7932
+ (_ctx.rows.length > 0)
7933
+ ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_4, [
7934
+ vue.createElementVNode("td", {
7935
+ colspan: _ctx.columns.length,
7936
+ class: "body-td"
7937
+ }, [
7938
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.treeDataSource, function (row, i) {
7939
+ return (vue.openBlock(), vue.createBlock(_component_table_tree_node, {
7940
+ key: i,
7941
+ nodeName: ("root_node_" + i),
7942
+ row: row,
7943
+ columns: _ctx.columns,
7944
+ colspan: _ctx.columns.length,
7945
+ resizedWidths: _ctx.resizedWidths,
7946
+ ref_for: true,
7947
+ ref: "childTableNode",
7948
+ onHandlerExpand: _ctx.handlerExpand
7949
+ }, vue.createSlots({ _: 2 }, [
7950
+ vue.renderList(_ctx.columns, function (column) {
7951
+ return {
7952
+ name: ("body-cell-" + (column.name)),
7953
+ fn: vue.withCtx(function (props) { return [
7954
+ vue.renderSlot(_ctx.$slots, ("body-cell-" + (column.name)), vue.mergeProps({ ref_for: true }, props))
7955
+ ]; })
7956
+ }
7957
+ })
7958
+ ]), 1032, ["nodeName", "row", "columns", "colspan", "resizedWidths", "onHandlerExpand"]))
7959
+ }), 128))
7960
+ ], 8, _hoisted_5)
7961
+ ]))
7962
+ : vue.createCommentVNode("", true)
7963
+ ]; })
7964
+ ])),
7965
+ (_ctx.foots.length > 0 && _ctx.rows.length > 0)
7966
+ ? (vue.openBlock(), vue.createElementBlock("tfoot", _hoisted_6, [
7967
+ vue.renderSlot(_ctx.$slots, "tfoot", {}, function () { return [
7968
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.foots, function (f, i) {
7969
+ return (vue.openBlock(), vue.createElementBlock("tr", {
7970
+ key: i,
7971
+ class: vue.normalizeClass(("tr-" + (i + 1)))
7972
+ }, [
7973
+ (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, function (col, colIdx) {
7974
+ return (vue.openBlock(), vue.createElementBlock("td", {
7975
+ key: col.name,
7976
+ class: vue.normalizeClass(("td-" + (colIdx + 1) + " text-" + (col.align)))
7977
+ }, [
7978
+ vue.renderSlot(_ctx.$slots, ("body-cell-" + (col.name)), {}, function () { return [
7979
+ (col.prefix)
7980
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(col.prefix), 1))
7981
+ : vue.createCommentVNode("", true),
7982
+ vue.createTextVNode(" " + vue.toDisplayString(f[col.name]) + " ", 1),
7983
+ (col.suffix)
7984
+ ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, vue.toDisplayString(col.suffix), 1))
7985
+ : vue.createCommentVNode("", true)
7986
+ ]; })
7987
+ ], 2))
7988
+ }), 128))
7989
+ ], 2))
7990
+ }), 128))
7991
+ ]; })
7992
+ ]))
7993
+ : vue.createCommentVNode("", true)
7994
+ ])
7995
+ ], 544)
7996
+ ], 2))
7997
+ }
7998
+
7999
+ var css_248z = ".s-table-tree[data-v-f2935a22] {\n border: 1px solid #cccccc;\n border-radius: 8px !important;\n overflow: hidden;\n position: relative;\n box-sizing: border-box;\n color: #222222;\n}\n.s-table-tree .q-inner-loading[data-v-f2935a22] {\n z-index: 1;\n}\n.s-table-tree .s-table-tree__inner[data-v-f2935a22] {\n overflow: auto;\n}\n.s-table-tree .s-table-tree__inner td[data-v-f2935a22], .s-table-tree .s-table-tree__inner th[data-v-f2935a22] {\n width: 100%;\n}\n.s-table-tree .s-table-tree__inner td[data-v-f2935a22]:not(:first-of-type), .s-table-tree .s-table-tree__inner th[data-v-f2935a22]:not(:first-of-type) {\n word-break: keep-all;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.s-table-tree .s-table-tree__inner table[data-v-f2935a22] {\n width: 100%;\n border-collapse: collapse;\n border-spacing: 0;\n table-layout: fixed;\n}\n.s-table-tree .s-table-tree__inner table thead[data-v-f2935a22] {\n background: #f5faff;\n}\n.s-table-tree .s-table-tree__inner table thead tr[data-v-f2935a22] {\n height: 36px;\n}\n.s-table-tree .s-table-tree__inner table thead tr th[data-v-f2935a22] {\n border-bottom: 1px solid #e1e1e1;\n padding: 0 16px;\n font-weight: 500;\n color: rgb(34, 34, 34);\n}\n.s-table-tree .s-table-tree__inner table tbody > tr td[data-v-f2935a22] {\n height: 44px;\n}\n.s-table-tree .s-table-tree__inner table tbody > tr > .body-td[data-v-f2935a22] {\n padding: 0;\n}\n.s-table-tree .s-table-tree__inner table tfoot[data-v-f2935a22] {\n border-top: 2px solid #e1e1e1 !important;\n}\n.s-table-tree .s-table-tree__inner table tfoot tr[data-v-f2935a22]:last-of-type {\n background: rgb(245, 250, 255);\n}\n.s-table-tree .s-table-tree__inner table tfoot tr:last-of-type .td-1[data-v-f2935a22] {\n color: #1f8ae1;\n}\n.s-table-tree .s-table-tree__inner table tfoot tr td[data-v-f2935a22] {\n border-top: 1px solid #e1e1e1 !important;\n height: 52px;\n padding: 0 16px;\n}\n.s-table-tree .s-table-tree__inner table tfoot tr td.td-1[data-v-f2935a22] {\n padding: 0 20px;\n font-weight: 700;\n color: #005cc9;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner td[data-v-f2935a22], .s-table-tree.sticky-table-tree .s-table-tree__inner th[data-v-f2935a22] {\n width: 100%;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner td[data-v-f2935a22]:not(:first-of-type), .s-table-tree.sticky-table-tree .s-table-tree__inner th[data-v-f2935a22]:not(:first-of-type) {\n word-break: keep-all;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table[data-v-f2935a22] {\n border-collapse: collapse !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table thead tr th[data-v-f2935a22]:first-of-type {\n position: sticky;\n left: 0;\n background: #f5faff;\n z-index: 10;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table thead tr th[data-v-f2935a22]:first-of-type:before {\n content: \"\";\n position: absolute;\n width: 20px;\n height: 100%;\n right: -20px;\n top: 0;\n box-shadow: inset 17px 0 26px -29px rgba(0, 0, 0, 0.2);\n background: none !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table > tbody > tr > td[data-v-f2935a22] .table-tree-node table tr td:first-of-type {\n position: sticky;\n left: 0;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table > tbody > tr > td[data-v-f2935a22] .table-tree-node table tr td:first-of-type:before {\n content: \"\";\n position: absolute;\n width: 20px;\n height: 100%;\n right: -20px;\n top: 0;\n box-shadow: inset 17px 0 26px -29px rgba(0, 0, 0, 0.3);\n background: none !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot[data-v-f2935a22] {\n border-top: 2px solid #e1e1e1 !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot tr td[data-v-f2935a22]:first-of-type {\n position: sticky;\n left: 0;\n background: white;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot tr td[data-v-f2935a22]:first-of-type:before {\n content: \"\";\n position: absolute;\n width: 20px;\n height: 100%;\n right: -20px;\n top: 0;\n box-shadow: inset 17px 0 26px -29px rgba(0, 0, 0, 0.3);\n background: none !important;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot tr[data-v-f2935a22]:last-of-type {\n background: rgb(245, 250, 255);\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner table tfoot tr:last-of-type .td-1[data-v-f2935a22] {\n color: #1f8ae1;\n background: rgb(245, 250, 255);\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner.no-before table thead tr th[data-v-f2935a22]:first-of-type::before {\n display: none;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner.no-before table > tbody > tr > td[data-v-f2935a22] .table-tree-node table tr td:first-of-type::before {\n display: none;\n}\n.s-table-tree.sticky-table-tree .s-table-tree__inner.no-before table tfoot tr td[data-v-f2935a22]:first-of-type::before {\n display: none;\n}\n.s-table-tree.no-data-table-tree .s-table-tree__inner[data-v-f2935a22] {\n overflow: hidden;\n}\n.s-table-tree.no-data-table-tree .s-table-tree__inner table thead[data-v-f2935a22] {\n opacity: 0.4;\n}\n.s-table-tree.no-data-table-tree .s-table-tree__inner table tbody tr td[data-v-f2935a22] {\n height: 240px;\n padding: 0;\n}\n.s-table-tree.no-data-table-tree .s-table-tree__inner table tbody tr td > div[data-v-f2935a22] {\n padding-top: 80px;\n height: 240px;\n text-align: center;\n position: absolute;\n width: 100%;\n top: 36px;\n left: 0;\n color: #888888;\n}";
7489
8000
  styleInject(css_248z);
7490
8001
 
7491
8002
  script.render = render;
7492
- script.__scopeId = "data-v-5a19bbe6";
8003
+ script.__scopeId = "data-v-f2935a22";
7493
8004
 
7494
8005
  /* eslint-disable no-multiple-empty-lines */
7495
8006
 
7496
- var version = '3.9.5';
8007
+ var version = '3.9.6';
7497
8008
 
7498
8009
  function install(app) {
7499
- app.component('s-badge', script$1);
7500
- app.component('s-breadcrumbs', script$E);
7501
- app.component('s-button', script$D);
7502
- app.component('s-button-group', script$C);
7503
- app.component('s-button-toggle', script$B);
7504
- app.component('s-caution', script$A);
7505
- app.component('s-checkbox', script$z);
7506
- app.component('s-chip', script$y);
7507
- app.component('s-dialog', script$v);
7508
- app.component('s-date-picker', script$x);
7509
- app.component('s-date-range-picker', script$w);
7510
- app.component('s-file-picker', script$s);
7511
- app.component('s-help', script$r);
7512
- app.component('s-input', script$q);
7513
- app.component('s-input-number', script$p);
7514
- app.component('s-input-counter', script$o);
7515
- app.component('s-list', script$n);
7516
- app.component('s-markup-table', script$m);
7517
- app.component('s-pagination', script$l);
7518
- app.component('s-radio', script$k);
7519
- app.component('s-select', script$i);
7520
- app.component('s-select-custom', script$e);
7521
- app.component('s-select-checkbox', script$h);
7522
- app.component('s-select-search-checkbox', script$g);
7523
- app.component('s-select-group-checkbox', script$f);
7524
- app.component('s-select-search-auto-complete', script$d);
7525
- app.component('s-tab', script$c);
7526
- app.component('s-route-tab', script$j);
7527
- app.component('s-tabs', script$a);
7528
- app.component('s-table', script$b);
7529
- app.component('s-time-picker', script$8);
7530
- app.component('s-tag', script);
7531
- app.component('s-date-time-picker', script$5);
7532
- app.component('s-toggle', script$7);
7533
- app.component('s-tooltip', script$6);
7534
- app.component('s-dropdown', script$u);
7535
- app.component('s-editor', script$t);
7536
- app.component('s-date-range', script$4);
7537
- app.component('s-date', script$3);
8010
+ app.component('s-badge', script$3);
8011
+ app.component('s-breadcrumbs', script$G);
8012
+ app.component('s-button', script$F);
8013
+ app.component('s-button-group', script$E);
8014
+ app.component('s-button-toggle', script$D);
8015
+ app.component('s-caution', script$C);
8016
+ app.component('s-checkbox', script$B);
8017
+ app.component('s-chip', script$A);
8018
+ app.component('s-dialog', script$x);
8019
+ app.component('s-date-picker', script$z);
8020
+ app.component('s-date-range-picker', script$y);
8021
+ app.component('s-file-picker', script$u);
8022
+ app.component('s-help', script$t);
8023
+ app.component('s-input', script$s);
8024
+ app.component('s-input-number', script$r);
8025
+ app.component('s-input-counter', script$q);
8026
+ app.component('s-list', script$p);
8027
+ app.component('s-markup-table', script$o);
8028
+ app.component('s-pagination', script$n);
8029
+ app.component('s-radio', script$m);
8030
+ app.component('s-select', script$k);
8031
+ app.component('s-select-custom', script$g);
8032
+ app.component('s-select-checkbox', script$j);
8033
+ app.component('s-select-search-checkbox', script$i);
8034
+ app.component('s-select-group-checkbox', script$h);
8035
+ app.component('s-select-search-auto-complete', script$f);
8036
+ app.component('s-tab', script$e);
8037
+ app.component('s-route-tab', script$l);
8038
+ app.component('s-tabs', script$c);
8039
+ app.component('s-table', script$d);
8040
+ app.component('s-table-tree', script);
8041
+ app.component('s-time-picker', script$a);
8042
+ app.component('s-tag', script$2);
8043
+ app.component('s-date-time-picker', script$7);
8044
+ app.component('s-toggle', script$9);
8045
+ app.component('s-tooltip', script$8);
8046
+ app.component('s-dropdown', script$w);
8047
+ app.component('s-editor', script$v);
8048
+ app.component('s-date-range', script$6);
8049
+ app.component('s-date', script$5);
7538
8050
  app.component('s-date-auto-range-picker', __default__);
7539
- app.component('s-year-month-picker', script$2);
8051
+ app.component('s-year-month-picker', script$4);
7540
8052
  }
7541
8053
 
7542
8054
  var VuePlugin = /*#__PURE__*/Object.freeze({