quasar-ui-sellmate-ui-kit 3.3.4 → 3.4.1

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.
package/dist/index.umd.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * quasar-ui-sellmate-ui-kit v3.3.3
2
+ * quasar-ui-sellmate-ui-kit v3.4.0
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$D = vue.defineComponent({
13
+ var script$E = 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$E(_ctx, _cache, $props, $setup, $data, $options) {
24
+ function render$F(_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$B = ".q-breadcrumbs.s-breadcrumbs {\n height: 22px;\n}\n.q-breadcrumbs.s-breadcrumbs > div {\n height: 100%;\n margin: 0 !important;\n}\n.q-breadcrumbs.s-breadcrumbs > div > div {\n margin: 0 !important;\n}\n.q-breadcrumbs.s-breadcrumbs > div .q-breadcrumbs__separator {\n margin: 0 8px !important;\n}\n.q-breadcrumbs.s-breadcrumbs > div .q-breadcrumbs--last {\n font-weight: bold;\n}";
83
- styleInject(css_248z$B);
82
+ var css_248z$C = ".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$C);
84
84
 
85
- script$D.render = render$E;
85
+ script$E.render = render$F;
86
86
 
87
- var script$C = vue.defineComponent({
87
+ var script$D = 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$D(_ctx, _cache, $props, $setup, $data, $options) {
106
+ function render$E(_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$A = ".s-button.q-btn {\n min-height: 0;\n height: fit-content;\n justify-content: center;\n}\n.s-button.q-btn.icon-with > .q-btn__content {\n align-items: center;\n}\n.s-button.q-btn.icon-only {\n padding: 5px;\n}\n.s-button.q-btn > .q-btn__content {\n height: 100%;\n}\n.s-button.q-btn > .q-btn__content > span {\n height: 100%;\n}\n.s-button:hover.q-focusable:focus > .q-focus-helper, .s-button:hover.q-manual-focusable--focused > .q-focus-helper, .s-button:hover.q-hoverable:hover > .q-focus-helper {\n opacity: 0.3;\n transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.s-button:hover.q-focusable:focus > .q-focus-helper:before, .s-button:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-button:hover.q-hoverable:hover > .q-focus-helper:before {\n opacity: 1.4;\n transition: none;\n}\n.s-button:hover.q-focusable:focus > .q-focus-helper:after, .s-button:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-button:hover.q-hoverable:hover > .q-focus-helper:after {\n opacity: 0;\n transition: none;\n}\n.s-button.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:before, .s-button.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-button.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:before {\n opacity: 0;\n}\n.s-button.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:after, .s-button.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-button.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:after {\n opacity: 0.55;\n}\n.s-button-xs.q-btn {\n height: 24px;\n padding: 2px 8px !important;\n font-weight: 400;\n font-size: 12px;\n line-height: 20px;\n min-width: 60px;\n}\n.s-button-xs.q-btn.icon-with {\n padding: 2px 12px 2px 10px !important;\n}\n.s-button-xs.q-btn.icon-with .q-icon {\n font-size: 1em;\n}\n.s-button-xs.q-btn.icon-with .on-left {\n margin-right: 4px;\n}\n.s-button-xs.q-btn.icon-only {\n min-width: 24px;\n min-height: 24px;\n padding: 4px !important;\n}\n.s-button-xs.q-btn.icon-only .q-icon {\n font-size: 1.334em;\n}\n.s-button-xs.q-btn > .q-btn__content {\n height: 20px;\n}\n.s-button-sm.q-btn {\n height: 28px;\n padding: 4px 12px !important;\n font-weight: 400;\n font-size: 12px;\n line-height: 20px;\n min-width: 70px;\n}\n.s-button-sm.q-btn.icon-with {\n padding: 4px 12px 4px 10px !important;\n}\n.s-button-sm.q-btn.icon-with .q-icon {\n font-size: 1.334em;\n}\n.s-button-sm.q-btn.icon-with .on-left {\n margin-right: 4px;\n}\n.s-button-sm.q-btn.icon-only {\n min-width: 28px;\n min-height: 28px;\n padding: 6px !important;\n}\n.s-button-sm.q-btn.icon-only .q-icon {\n font-size: 1.334em;\n}\n.s-button-sm.q-btn > .q-btn__content {\n height: 20px;\n}\n.s-button-md {\n padding: 4px 20px !important;\n font-weight: 400;\n font-size: 16px;\n line-height: 1.625em;\n min-width: 100px;\n}\n.s-button-md.icon-with {\n padding: 4px 20px 4px 16px !important;\n}\n.s-button-md.icon-with .q-icon {\n font-size: 1.5em;\n}\n.s-button-md.icon-with .on-left {\n margin-right: 8px;\n}\n.s-button-md.icon-only {\n min-width: 34px;\n min-height: 34px;\n padding: 5px !important;\n}\n.s-button-md.icon-only .q-icon {\n font-size: 1.5em;\n}\n.s-button-md > .q-btn__content {\n max-height: 1.625em;\n}\n.s-button.q-btn--outline.disabled,\n.s-button.disabled {\n background: #e1e1e1 !important;\n opacity: 1 !important;\n color: #888888 !important;\n border: none !important;\n}\n.s-button.q-btn--outline.disabled:before,\n.s-button.disabled:before {\n border: 1px solid #cccccc;\n}";
134
- styleInject(css_248z$A);
133
+ var css_248z$B = ".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$B);
135
135
 
136
- script$C.render = render$D;
136
+ script$D.render = render$E;
137
137
 
138
- var script$B = vue.defineComponent({
138
+ var script$C = 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$C(_ctx, _cache, $props, $setup, $data, $options) {
151
+ function render$D(_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$z = ".s-btn-group .disabled {\n border: none;\n}\n.s-btn-group .disabled::before {\n border: 1px solid #cccccc;\n}";
167
- styleInject(css_248z$z);
166
+ var css_248z$A = ".s-btn-group .disabled {\n border: none;\n}\n.s-btn-group .disabled::before {\n border: 1px solid #cccccc;\n}";
167
+ styleInject(css_248z$A);
168
168
 
169
- script$B.render = render$C;
169
+ script$C.render = render$D;
170
170
 
171
- var script$A = vue.defineComponent({
171
+ var script$B = 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$B(_ctx, _cache, $props, $setup, $data, $options) {
198
+ function render$C(_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$y = ".s-btn-toggle .q-btn:first-of-type {\n border-radius: 4px 0 0 4px;\n}\n.s-btn-toggle .q-btn:last-of-type {\n border-radius: 0 4px 4px 0;\n}\n.s-btn-toggle .q-btn:before {\n border-left: 1px solid #cccccc !important;\n}\n.s-btn-toggle .q-btn:hover > .q-focus-helper {\n background-color: #0075ff !important;\n opacity: 1 !important;\n}\n.s-btn-toggle .q-btn:hover > .q-focus-helper:before, .s-btn-toggle .q-btn:hover > .q-focus-helper:after {\n background-color: #0075ff !important;\n opacity: 1;\n}\n.s-btn-toggle .q-btn:hover .q-btn__content > span {\n color: white !important;\n}\n.s-btn-toggle .q-btn:hover + .q-btn:not(.text-positive):before {\n border-left: none !important;\n}\n.s-btn-toggle .q-btn:not(:last-child):hover {\n box-shadow: 1px 0 0 #0075ff !important;\n transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);\n z-index: 1;\n}\n.s-btn-toggle .q-btn .q-btn--active {\n background: #0075ff !important;\n color: white !important;\n}\n.s-btn-toggle .q-btn .q-btn--active:before {\n border: 1px solid #0075ff !important;\n}\n.s-btn-toggle .q-btn .q-btn--active .q-btn__content > span {\n color: white !important;\n}\n.s-btn-toggle .text-positive:before {\n border: 1px solid #0075ff !important;\n}\n.s-btn-toggle .text-positive:not(:last-child):before {\n border-right: none !important;\n}\n.s-btn-toggle .text-positive:not(:last-child).q-btn {\n box-shadow: 1px 0 0 #0075ff !important;\n z-index: 2;\n}\n.s-btn-toggle .text-positive + .q-btn:before {\n border-left: none !important;\n}\n.s-btn-toggle .text-positive.q-btn--active:hover .q-btn__content > span {\n color: white !important;\n}\n.s-btn-toggle .text-positive:hover > .q-focus-helper {\n background-color: #0075ff !important;\n opacity: 1 !important;\n}\n.s-btn-toggle .text-positive:hover > .q-focus-helper:before, .s-btn-toggle .text-positive:hover > .q-focus-helper:after {\n background-color: #0075ff !important;\n opacity: 1;\n}\n.s-btn-toggle .text-positive:hover .q-btn__content > span {\n color: white !important;\n}\n.s-btn-toggle-sm .q-btn {\n padding: 4px 12px !important !important;\n}\n.s-btn-toggle-sm .q-btn .q-btn__content > span {\n line-height: 165%;\n font-size: 12px !important;\n font-weight: 400;\n}\n.s-btn-toggle-md .q-btn {\n padding: 4px 20px !important !important;\n}\n.s-btn-toggle-md .q-btn .q-btn__content > span {\n line-height: 1.625em !important;\n font-size: 16px !important;\n font-weight: 500 !important;\n}";
226
- styleInject(css_248z$y);
225
+ var css_248z$z = ".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$z);
227
227
 
228
- script$A.render = render$B;
228
+ script$B.render = render$C;
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,7 @@
252
252
  var searchIcon = 'M9.16634 3.33325C12.388 3.33325 14.9997 5.94492 14.9997 9.16658C14.9997 12.3882 12.388 14.9999 9.16634 14.9999C5.94468 14.9999 3.33301 12.3882 3.33301 9.16658C3.33301 5.94492 5.94468 3.33325 9.16634 3.33325Z@@fill:none;stroke:#737373;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;&&M13.5523 13.5526L16.8857 16.8859@@fill:none;stroke:#737373;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round|0 0 20 20';
253
253
  var clockIcon = 'M12 7V12H17@@fill:none;stroke:currentColor;stroke-width:1.5;&&M12 21C16.9707 21 21 16.9707 21 12C21 7.0293 16.9707 3 12 3C7.0293 3 3 7.0293 3 12C3 16.9707 7.0293 21 12 21Z@@fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round|0 0 24 24';
254
254
 
255
- var script$z = vue.defineComponent({
255
+ var script$A = vue.defineComponent({
256
256
  components: {
257
257
  QBanner: quasar.QBanner,
258
258
  QIcon: quasar.QIcon,
@@ -294,7 +294,7 @@
294
294
 
295
295
  var _hoisted_1$m = { class: "s-caution__icon--title q-mt-xs text-white block font-16-700" };
296
296
 
297
- function render$A(_ctx, _cache, $props, $setup, $data, $options) {
297
+ function render$B(_ctx, _cache, $props, $setup, $data, $options) {
298
298
  var _component_q_icon = vue.resolveComponent("q-icon");
299
299
  var _component_q_banner = vue.resolveComponent("q-banner");
300
300
 
@@ -336,13 +336,13 @@
336
336
  ]), 1032, ["class"]))
337
337
  }
338
338
 
339
- var css_248z$x = ".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$x);
339
+ var css_248z$y = ".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$y);
341
341
 
342
- script$z.render = render$A;
343
- script$z.__scopeId = "data-v-7e5e41f8";
342
+ script$A.render = render$B;
343
+ script$A.__scopeId = "data-v-7e5e41f8";
344
344
 
345
- var script$y = vue.defineComponent({
345
+ var script$z = vue.defineComponent({
346
346
  name: 'SCheckbox',
347
347
  components: {
348
348
  QCheckbox: quasar.QCheckbox,
@@ -355,7 +355,7 @@
355
355
  },
356
356
  });
357
357
 
358
- function render$z(_ctx, _cache, $props, $setup, $data, $options) {
358
+ function render$A(_ctx, _cache, $props, $setup, $data, $options) {
359
359
  var _component_q_checkbox = vue.resolveComponent("q-checkbox");
360
360
 
361
361
  return (vue.openBlock(), vue.createBlock(_component_q_checkbox, {
@@ -365,12 +365,12 @@
365
365
  }, null, 8, ["class"]))
366
366
  }
367
367
 
368
- var css_248z$w = ".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$w);
368
+ var css_248z$x = ".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$x);
370
370
 
371
- script$y.render = render$z;
371
+ script$z.render = render$A;
372
372
 
373
- var script$x = vue.defineComponent({
373
+ var script$y = vue.defineComponent({
374
374
  name: 'SChip',
375
375
  components: { QChip: quasar.QChip },
376
376
  props: {
@@ -404,7 +404,7 @@
404
404
 
405
405
  var _hoisted_1$l = ["contenteditable"];
406
406
 
407
- function render$y(_ctx, _cache, $props, $setup, $data, $options) {
407
+ function render$z(_ctx, _cache, $props, $setup, $data, $options) {
408
408
  var _component_q_chip = vue.resolveComponent("q-chip");
409
409
 
410
410
  return (vue.openBlock(), vue.createBlock(_component_q_chip, {
@@ -440,12 +440,12 @@
440
440
  }, 8, ["clickable", "icon-remove"]))
441
441
  }
442
442
 
443
- var css_248z$v = ".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$v);
443
+ var css_248z$w = ".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$w);
445
445
 
446
- script$x.render = render$y;
446
+ script$y.render = render$z;
447
447
 
448
- var script$w = vue.defineComponent({
448
+ var script$x = vue.defineComponent({
449
449
  name: 'SDatePicker',
450
450
  components: {
451
451
  QInput: quasar.QInput,
@@ -616,7 +616,7 @@
616
616
  var _hoisted_2$f = { key: 0 };
617
617
  var _hoisted_3$9 = { key: 1 };
618
618
 
619
- function render$x(_ctx, _cache, $props, $setup, $data, $options) {
619
+ function render$y(_ctx, _cache, $props, $setup, $data, $options) {
620
620
  var _component_q_date = vue.resolveComponent("q-date");
621
621
  var _component_q_menu = vue.resolveComponent("q-menu");
622
622
  var _component_q_btn = vue.resolveComponent("q-btn");
@@ -753,10 +753,10 @@
753
753
  ]), 1032, ["class", "placeholder", "modelValue", "disable", "name", "type"]))
754
754
  }
755
755
 
756
- var css_248z$u = ".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$u);
756
+ var css_248z$v = ".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$v);
758
758
 
759
- script$w.render = render$x;
759
+ script$x.render = render$y;
760
760
 
761
761
  function useModelBinder(props) {
762
762
  var ref$1 = vue.getCurrentInstance();
@@ -834,7 +834,7 @@
834
834
  },
835
835
  };
836
836
 
837
- var script$v = vue.defineComponent({
837
+ var script$w = vue.defineComponent({
838
838
  name: 'SDateRangePicker',
839
839
  components: {
840
840
  QInput: quasar.QInput,
@@ -998,7 +998,7 @@
998
998
  class: "text-center text-Grey_Darken-4 date-str"
999
999
  };
1000
1000
 
1001
- function render$w(_ctx, _cache, $props, $setup, $data, $options) {
1001
+ function render$x(_ctx, _cache, $props, $setup, $data, $options) {
1002
1002
  var _component_q_date = vue.resolveComponent("q-date");
1003
1003
  var _component_q_separator = vue.resolveComponent("q-separator");
1004
1004
  var _component_q_btn = vue.resolveComponent("q-btn");
@@ -1139,12 +1139,12 @@
1139
1139
  ]), 1032, ["class", "modelValue", "disable"]))
1140
1140
  }
1141
1141
 
1142
- var css_248z$t = ".s-date-range-picker {\n width: fit-content;\n height: 28px;\n}\n.s-date-range-picker.q-field--dense .q-field__before {\n padding: 0;\n height: 100%;\n}\n.s-date-range-picker .q-field__inner {\n font-size: 12px;\n}\n.s-date-range-picker .q-field__inner .q-field__control {\n padding: 4px 0 4px 8px !important;\n align-items: center;\n height: 100%;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend .q-icon {\n width: 20px;\n height: 20px;\n color: #737373;\n}\n.s-date-range-picker .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date-range-picker .q-field__inner .q-field__control:hover, .s-date-range-picker .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n padding: 0;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend > div {\n min-height: 0;\n height: 100%;\n display: flex !important;\n align-items: center;\n justify-content: center;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn {\n width: 1.667em;\n height: 1.667em;\n min-height: 1.667em;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn .q-icon {\n font-size: 1.667em;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container {\n display: flex;\n justify-content: center;\n height: 20px;\n margin-left: 12px;\n margin-right: 16px;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container .q-field__native {\n height: 100%;\n line-height: 165%;\n text-align: center;\n padding: 0 !important;\n display: none;\n font-size: 12px;\n font-weight: 400;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container .q-field__native input::placeholder {\n color: #333333;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__append {\n padding: 0 6px 0 0;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control {\n width: 70px;\n padding: 0px !important;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control::before, .s-date-range-picker .inner-input > .q-field__inner > .q-field__control::after {\n border: none;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control > .q-field__control-container {\n margin: 0px;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control > .q-field__control-container input {\n display: block !important;\n}\n.s-date-range-picker .date-str {\n width: 70px;\n line-height: 20px;\n justify-content: center;\n}\n.s-date-range-picker--inside .q-field__before {\n height: 100%;\n padding: 4px 12px !important;\n border: 1px solid #aaaaaa;\n border-right: none;\n border-radius: 2px 0 0 2px;\n background: #f6f6f6;\n}\n.s-date-range-picker--inside .q-field__before .date-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n width: 220px;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control .q-field__prepend .q-icon {\n width: 20px;\n height: 20px;\n color: #737373;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control-container > div {\n margin-left: 6.5px;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control-container > div > span {\n display: inline-flex;\n min-width: 70px;\n font-size: 12px !important;\n}\n.s-date-range-picker--inside.q-field--disabled .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-date-range-picker--inside.q-field--disabled .q-field__before .date-picker-label {\n color: #888888;\n}\n.date-picker-range-wrapper.q-menu {\n width: 609px;\n height: 330px;\n max-height: 330px;\n overflow: hidden;\n border-radius: 8px;\n position: relative;\n min-width: 0 !important;\n min-height: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-separator {\n position: absolute;\n height: 244px;\n left: 304px;\n top: 62px;\n}\n.date-picker-range-wrapper.q-menu .q-date {\n position: absolute;\n min-height: 330px;\n top: 0;\n box-shadow: none;\n width: 304px;\n}\n.date-picker-range-wrapper.q-menu .q-date:first-of-type {\n left: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date:last-of-type {\n right: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions {\n padding: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions > .reset-to-today-btn {\n padding: 0;\n width: 28px;\n height: 22px;\n min-height: 22px;\n position: absolute;\n background: transparent;\n top: 20px;\n right: 24px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions > .reset-to-today-btn > span {\n color: #333333;\n text-decoration: underline;\n color: #333333;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions:hover .q-btn__content {\n text-decoration: underline;\n color: #0075ff;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content {\n margin-top: 42px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view {\n min-height: 0 !important;\n padding-bottom: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div {\n height: 28px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div .q-btn .q-icon {\n font-size: 12px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense {\n padding: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container {\n min-height: 172px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn {\n padding: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper {\n background: #0075ff;\n opacity: 1;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:before, .date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:after {\n display: none;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-btn__content > span {\n color: white;\n}";
1143
- styleInject(css_248z$t);
1142
+ var css_248z$u = ".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}";
1143
+ styleInject(css_248z$u);
1144
1144
 
1145
- script$v.render = render$w;
1145
+ script$w.render = render$x;
1146
1146
 
1147
- var script$u = vue.defineComponent({
1147
+ var script$v = vue.defineComponent({
1148
1148
  name: 'SConfirm',
1149
1149
  components: {
1150
1150
  QDialog: quasar.QDialog,
@@ -1219,7 +1219,7 @@
1219
1219
  class: "flex items-center justify-center modal-icon"
1220
1220
  };
1221
1221
 
1222
- function render$v(_ctx, _cache, $props, $setup, $data, $options) {
1222
+ function render$w(_ctx, _cache, $props, $setup, $data, $options) {
1223
1223
  var _component_q_btn = vue.resolveComponent("q-btn");
1224
1224
  var _component_q_card_actions = vue.resolveComponent("q-card-actions");
1225
1225
  var _component_q_icon = vue.resolveComponent("q-icon");
@@ -1329,12 +1329,12 @@
1329
1329
  }))
1330
1330
  }
1331
1331
 
1332
- var css_248z$s = ".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}";
1333
- styleInject(css_248z$s);
1332
+ var css_248z$t = ".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}";
1333
+ styleInject(css_248z$t);
1334
1334
 
1335
- script$u.render = render$v;
1335
+ script$v.render = render$w;
1336
1336
 
1337
- var script$t = vue.defineComponent({
1337
+ var script$u = vue.defineComponent({
1338
1338
  name: 'SDropdown',
1339
1339
  components: {
1340
1340
  QBtn: quasar.QBtn,
@@ -1375,7 +1375,7 @@
1375
1375
  },
1376
1376
  });
1377
1377
 
1378
- function render$u(_ctx, _cache, $props, $setup, $data, $options) {
1378
+ function render$v(_ctx, _cache, $props, $setup, $data, $options) {
1379
1379
  var _component_q_item_label = vue.resolveComponent("q-item-label");
1380
1380
  var _component_q_item_section = vue.resolveComponent("q-item-section");
1381
1381
  var _component_q_item = vue.resolveComponent("q-item");
@@ -1446,12 +1446,12 @@
1446
1446
  }, 8, ["color", "icon-right", "class"]))
1447
1447
  }
1448
1448
 
1449
- var css_248z$r = ".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}";
1450
- styleInject(css_248z$r);
1449
+ var css_248z$s = ".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}";
1450
+ styleInject(css_248z$s);
1451
1451
 
1452
- script$t.render = render$u;
1452
+ script$u.render = render$v;
1453
1453
 
1454
- var script$s = vue.defineComponent({
1454
+ var script$t = vue.defineComponent({
1455
1455
  name: 'SEditor',
1456
1456
  components: {
1457
1457
  QEditor: quasar.QEditor,
@@ -1867,7 +1867,7 @@
1867
1867
 
1868
1868
  var _hoisted_1$h = { class: "row reverse q-mt-sm" };
1869
1869
 
1870
- function render$t(_ctx, _cache, $props, $setup, $data, $options) {
1870
+ function render$u(_ctx, _cache, $props, $setup, $data, $options) {
1871
1871
  var _component_q_icon = vue.resolveComponent("q-icon");
1872
1872
  var _component_q_input = vue.resolveComponent("q-input");
1873
1873
  var _component_s_button = vue.resolveComponent("s-button");
@@ -1948,12 +1948,12 @@
1948
1948
  }, 16, ["content-style", "min-height", "max-height", "definitions", "toolbar", "modelValue"]))
1949
1949
  }
1950
1950
 
1951
- var css_248z$q = ".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}";
1952
- styleInject(css_248z$q);
1951
+ var css_248z$r = ".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}";
1952
+ styleInject(css_248z$r);
1953
1953
 
1954
- script$s.render = render$t;
1954
+ script$t.render = render$u;
1955
1955
 
1956
- var script$r = vue.defineComponent({
1956
+ var script$s = vue.defineComponent({
1957
1957
  name: 'SFilePicker',
1958
1958
  components: {
1959
1959
  QFile: quasar.QFile,
@@ -2004,7 +2004,7 @@
2004
2004
  },
2005
2005
  });
2006
2006
 
2007
- function render$s(_ctx, _cache, $props, $setup, $data, $options) {
2007
+ function render$t(_ctx, _cache, $props, $setup, $data, $options) {
2008
2008
  var _component_q_icon = vue.resolveComponent("q-icon");
2009
2009
  var _component_q_file = vue.resolveComponent("q-file");
2010
2010
 
@@ -2063,12 +2063,12 @@
2063
2063
  ]), 1032, ["model-value", "disable", "class"]))
2064
2064
  }
2065
2065
 
2066
- var css_248z$p = ".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}";
2067
- styleInject(css_248z$p);
2066
+ var css_248z$q = ".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}";
2067
+ styleInject(css_248z$q);
2068
2068
 
2069
- script$r.render = render$s;
2069
+ script$s.render = render$t;
2070
2070
 
2071
- var script$q = vue.defineComponent({
2071
+ var script$r = vue.defineComponent({
2072
2072
  name: 'SHelp',
2073
2073
  components: {
2074
2074
  QBtn: quasar.QBtn,
@@ -2094,7 +2094,7 @@
2094
2094
  var _hoisted_1$g = { class: "flex items-center" };
2095
2095
  var _hoisted_2$d = ["innerHTML"];
2096
2096
 
2097
- function render$r(_ctx, _cache, $props, $setup, $data, $options) {
2097
+ function render$s(_ctx, _cache, $props, $setup, $data, $options) {
2098
2098
  var _component_q_btn = vue.resolveComponent("q-btn");
2099
2099
  var _component_q_icon = vue.resolveComponent("q-icon");
2100
2100
  var _component_q_popup_proxy = vue.resolveComponent("q-popup-proxy");
@@ -2152,12 +2152,12 @@
2152
2152
  }, 8, ["outline", "color", "icon", "label", "class"]))
2153
2153
  }
2154
2154
 
2155
- var css_248z$o = "@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}";
2156
- styleInject(css_248z$o);
2155
+ var css_248z$p = "@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}";
2156
+ styleInject(css_248z$p);
2157
2157
 
2158
- script$q.render = render$r;
2158
+ script$r.render = render$s;
2159
2159
 
2160
- var script$p = vue.defineComponent({
2160
+ var script$q = vue.defineComponent({
2161
2161
  name: 'SInput',
2162
2162
  components: {
2163
2163
  QInput: quasar.QInput,
@@ -2265,7 +2265,7 @@
2265
2265
  class: "self-center"
2266
2266
  };
2267
2267
 
2268
- function render$q(_ctx, _cache, $props, $setup, $data, $options) {
2268
+ function render$r(_ctx, _cache, $props, $setup, $data, $options) {
2269
2269
  var _component_q_icon = vue.resolveComponent("q-icon");
2270
2270
  var _component_q_input = vue.resolveComponent("q-input");
2271
2271
 
@@ -2348,12 +2348,12 @@
2348
2348
  ]), 1032, ["type", "class", "modelValue"]))
2349
2349
  }
2350
2350
 
2351
- var css_248z$n = ".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 height: 100%;\n}\n.s-input__text-area .q-field__inner .q-field__control-container {\n padding: 12px 16px !important;\n height: 100%;\n}\n.s-input__text-area .q-field__inner .q-field__control-container textarea {\n min-height: 211px;\n padding: 4px 9px 1px 12px;\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}";
2352
- styleInject(css_248z$n);
2351
+ var css_248z$o = ".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 height: 100%;\n}\n.s-input__text-area .q-field__inner .q-field__control-container {\n padding: 12px 16px !important;\n height: 100%;\n}\n.s-input__text-area .q-field__inner .q-field__control-container textarea {\n min-height: 211px;\n padding: 4px 9px 1px 12px;\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}";
2352
+ styleInject(css_248z$o);
2353
2353
 
2354
- script$p.render = render$q;
2354
+ script$q.render = render$r;
2355
2355
 
2356
- var script$o = vue.defineComponent({
2356
+ var script$p = vue.defineComponent({
2357
2357
  name: 'SInputNumber',
2358
2358
  components: {
2359
2359
  QInput: quasar.QInput,
@@ -2396,7 +2396,7 @@
2396
2396
  },
2397
2397
  });
2398
2398
 
2399
- function render$p(_ctx, _cache, $props, $setup, $data, $options) {
2399
+ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
2400
2400
  var _component_q_btn = vue.resolveComponent("q-btn");
2401
2401
  var _component_q_input = vue.resolveComponent("q-input");
2402
2402
 
@@ -2446,12 +2446,12 @@
2446
2446
  ]), 1032, ["modelValue"]))
2447
2447
  }
2448
2448
 
2449
- var css_248z$m = ".s-input-number {\n height: 28px;\n min-width: 108px;\n}\n.s-input-number .q-field__inner .q-field__control {\n padding: 0;\n height: 100%;\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-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:before {\n border: 1px solid #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.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}";
2450
- styleInject(css_248z$m);
2449
+ var css_248z$n = ".s-input-number {\n height: 28px;\n min-width: 108px;\n}\n.s-input-number .q-field__inner .q-field__control {\n padding: 0;\n height: 100%;\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-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:before {\n border: 1px solid #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.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}";
2450
+ styleInject(css_248z$n);
2451
2451
 
2452
- script$o.render = render$p;
2452
+ script$p.render = render$q;
2453
2453
 
2454
- var script$n = vue.defineComponent({
2454
+ var script$o = vue.defineComponent({
2455
2455
  name: 'SInputCounter',
2456
2456
  components: {
2457
2457
  QInput: quasar.QInput,
@@ -2473,7 +2473,7 @@
2473
2473
  },
2474
2474
  });
2475
2475
 
2476
- function render$o(_ctx, _cache, $props, $setup, $data, $options) {
2476
+ function render$p(_ctx, _cache, $props, $setup, $data, $options) {
2477
2477
  var _component_q_input = vue.resolveComponent("q-input");
2478
2478
 
2479
2479
  return (vue.openBlock(), vue.createBlock(_component_q_input, {
@@ -2495,12 +2495,12 @@
2495
2495
  }, 8, ["modelValue", "maxlength"]))
2496
2496
  }
2497
2497
 
2498
- var css_248z$l = "";
2499
- styleInject(css_248z$l);
2498
+ var css_248z$m = "";
2499
+ styleInject(css_248z$m);
2500
2500
 
2501
- script$n.render = render$o;
2501
+ script$o.render = render$p;
2502
2502
 
2503
- var script$m = vue.defineComponent({
2503
+ var script$n = vue.defineComponent({
2504
2504
  name: 'SList',
2505
2505
  components: {
2506
2506
  QList: quasar.QList,
@@ -2513,7 +2513,7 @@
2513
2513
  },
2514
2514
  });
2515
2515
 
2516
- function render$n(_ctx, _cache, $props, $setup, $data, $options) {
2516
+ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
2517
2517
  var _component_q_item_label = vue.resolveComponent("q-item-label");
2518
2518
  var _component_q_item_section = vue.resolveComponent("q-item-section");
2519
2519
  var _component_q_item = vue.resolveComponent("q-item");
@@ -2545,9 +2545,9 @@
2545
2545
  }))
2546
2546
  }
2547
2547
 
2548
- script$m.render = render$n;
2548
+ script$n.render = render$o;
2549
2549
 
2550
- var script$l = vue.defineComponent({
2550
+ var script$m = vue.defineComponent({
2551
2551
  name: 'SMarkupTable',
2552
2552
  components: {
2553
2553
  QMarkupTable: quasar.QMarkupTable, QInnerLoading: quasar.QInnerLoading,
@@ -2571,7 +2571,7 @@
2571
2571
  },
2572
2572
  });
2573
2573
 
2574
- function render$m(_ctx, _cache, $props, $setup, $data, $options) {
2574
+ function render$n(_ctx, _cache, $props, $setup, $data, $options) {
2575
2575
  var _component_q_inner_loading = vue.resolveComponent("q-inner-loading");
2576
2576
  var _component_q_markup_table = vue.resolveComponent("q-markup-table");
2577
2577
 
@@ -2599,12 +2599,12 @@
2599
2599
  }, 8, ["separator", "class"]))
2600
2600
  }
2601
2601
 
2602
- var css_248z$k = ".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}";
2603
- styleInject(css_248z$k);
2602
+ var css_248z$l = ".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}";
2603
+ styleInject(css_248z$l);
2604
2604
 
2605
- script$l.render = render$m;
2605
+ script$m.render = render$n;
2606
2606
 
2607
- var script$k = vue.defineComponent({
2607
+ var script$l = vue.defineComponent({
2608
2608
  name: 'SPagination',
2609
2609
  components: {
2610
2610
  QBtn: quasar.QBtn,
@@ -2736,7 +2736,7 @@
2736
2736
  class: "icons-container"
2737
2737
  };
2738
2738
 
2739
- function render$l(_ctx, _cache, $props, $setup, $data, $options) {
2739
+ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
2740
2740
  var _component_q_btn = vue.resolveComponent("q-btn");
2741
2741
 
2742
2742
  return (vue.openBlock(), vue.createElementBlock("div", {
@@ -2833,12 +2833,12 @@
2833
2833
  ], 2))
2834
2834
  }
2835
2835
 
2836
- var css_248z$j = ".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}";
2837
- styleInject(css_248z$j);
2836
+ var css_248z$k = ".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}";
2837
+ styleInject(css_248z$k);
2838
2838
 
2839
- script$k.render = render$l;
2839
+ script$l.render = render$m;
2840
2840
 
2841
- var script$j = vue.defineComponent({
2841
+ var script$k = vue.defineComponent({
2842
2842
  name: 'SRadio',
2843
2843
  components: {
2844
2844
  QRadio: quasar.QRadio,
@@ -2848,7 +2848,7 @@
2848
2848
  },
2849
2849
  });
2850
2850
 
2851
- function render$k(_ctx, _cache, $props, $setup, $data, $options) {
2851
+ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
2852
2852
  var _component_q_radio = vue.resolveComponent("q-radio");
2853
2853
 
2854
2854
  return (vue.openBlock(), vue.createBlock(_component_q_radio, {
@@ -2859,12 +2859,12 @@
2859
2859
  }, null, 8, ["class"]))
2860
2860
  }
2861
2861
 
2862
- var css_248z$i = ".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}";
2863
- styleInject(css_248z$i);
2862
+ var css_248z$j = ".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}";
2863
+ styleInject(css_248z$j);
2864
2864
 
2865
- script$j.render = render$k;
2865
+ script$k.render = render$l;
2866
2866
 
2867
- var script$i = vue.defineComponent({
2867
+ var script$j = vue.defineComponent({
2868
2868
  name: 'STab',
2869
2869
  components: {
2870
2870
  QRouteTab: quasar.QRouteTab,
@@ -2882,7 +2882,7 @@
2882
2882
 
2883
2883
  var _hoisted_1$d = /*#__PURE__*/vue.createElementVNode("div", { class: "s-tab-space" }, null, -1);
2884
2884
 
2885
- function render$j(_ctx, _cache, $props, $setup, $data, $options) {
2885
+ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
2886
2886
  var _component_q_route_tab = vue.resolveComponent("q-route-tab");
2887
2887
 
2888
2888
  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -2898,12 +2898,12 @@
2898
2898
  ], 64))
2899
2899
  }
2900
2900
 
2901
- var css_248z$h = ".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}";
2902
- styleInject(css_248z$h);
2901
+ var css_248z$i = ".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}";
2902
+ styleInject(css_248z$i);
2903
2903
 
2904
- script$i.render = render$j;
2904
+ script$j.render = render$k;
2905
2905
 
2906
- var script$h = vue.defineComponent({
2906
+ var script$i = vue.defineComponent({
2907
2907
  name: 'SSelect',
2908
2908
  components: {
2909
2909
  QSelect: quasar.QSelect,
@@ -3043,7 +3043,7 @@
3043
3043
  var _hoisted_1$c = { class: "include-label" };
3044
3044
  var _hoisted_2$a = { key: 0 };
3045
3045
 
3046
- function render$i(_ctx, _cache, $props, $setup, $data, $options) {
3046
+ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
3047
3047
  var _component_q_item_label = vue.resolveComponent("q-item-label");
3048
3048
  var _component_q_item_section = vue.resolveComponent("q-item-section");
3049
3049
  var _component_q_item = vue.resolveComponent("q-item");
@@ -3171,12 +3171,12 @@
3171
3171
  ]), 1040, ["dropdown-icon", "options-selected-class", "popup-content-class", "use-input", "options", "option-label", "option-value", "onInputValue", "onFocus", "onBlur", "emit-value", "onPopupHide"]))
3172
3172
  }
3173
3173
 
3174
- var css_248z$g = ".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}";
3175
- styleInject(css_248z$g);
3174
+ var css_248z$h = ".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}";
3175
+ styleInject(css_248z$h);
3176
3176
 
3177
- script$h.render = render$i;
3177
+ script$i.render = render$j;
3178
3178
 
3179
- var script$g = vue.defineComponent({
3179
+ var script$h = vue.defineComponent({
3180
3180
  name: 'SSelectCheckbox',
3181
3181
  emits: ['update:modelValue'],
3182
3182
  components: {
@@ -3299,7 +3299,7 @@
3299
3299
  },
3300
3300
  });
3301
3301
 
3302
- function render$h(_ctx, _cache, $props, $setup, $data, $options) {
3302
+ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
3303
3303
  var _component_s_checkbox = vue.resolveComponent("s-checkbox");
3304
3304
  var _component_q_item_section = vue.resolveComponent("q-item-section");
3305
3305
  var _component_q_img = vue.resolveComponent("q-img");
@@ -3407,12 +3407,12 @@
3407
3407
  ]), 1032, ["dropdown-icon", "modelValue", "options", "popup-content-class", "option-label", "option-value", "option-group", "onAdd", "onRemove"]))
3408
3408
  }
3409
3409
 
3410
- 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-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}";
3411
- styleInject(css_248z$f);
3410
+ 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.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}";
3411
+ styleInject(css_248z$g);
3412
3412
 
3413
- script$g.render = render$h;
3413
+ script$h.render = render$i;
3414
3414
 
3415
- var script$f = vue.defineComponent({
3415
+ var script$g = vue.defineComponent({
3416
3416
  name: 'SSelectSearchCheckbox',
3417
3417
  emits: ['update:modelValue'],
3418
3418
  components: {
@@ -3587,7 +3587,7 @@
3587
3587
  var _hoisted_5$5 = { class: "select-search-input-form" };
3588
3588
  var _hoisted_6$3 = ["placeholder"];
3589
3589
 
3590
- function render$g(_ctx, _cache, $props, $setup, $data, $options) {
3590
+ function render$h(_ctx, _cache, $props, $setup, $data, $options) {
3591
3591
  var _component_q_icon = vue.resolveComponent("q-icon");
3592
3592
  var _component_s_checkbox = vue.resolveComponent("s-checkbox");
3593
3593
  var _component_q_item_section = vue.resolveComponent("q-item-section");
@@ -3754,12 +3754,12 @@
3754
3754
  ]), 1032, ["dropdown-icon", "modelValue", "options", "popup-content-class", "option-label", "option-value", "option-group", "onAdd", "onRemove"]))
3755
3755
  }
3756
3756
 
3757
- var css_248z$e = ".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}";
3758
- styleInject(css_248z$e);
3757
+ 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-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}";
3758
+ styleInject(css_248z$f);
3759
3759
 
3760
- script$f.render = render$g;
3760
+ script$g.render = render$h;
3761
3761
 
3762
- var script$e = vue.defineComponent({
3762
+ var script$f = vue.defineComponent({
3763
3763
  name: 'SSelectGroupCheckbox',
3764
3764
  emits: ['update:modelValue'],
3765
3765
  components: {
@@ -3865,7 +3865,7 @@
3865
3865
  },
3866
3866
  });
3867
3867
 
3868
- function render$f(_ctx, _cache, $props, $setup, $data, $options) {
3868
+ function render$g(_ctx, _cache, $props, $setup, $data, $options) {
3869
3869
  var _component_s_checkbox = vue.resolveComponent("s-checkbox");
3870
3870
  var _component_q_item_section = vue.resolveComponent("q-item-section");
3871
3871
  var _component_q_img = vue.resolveComponent("q-img");
@@ -3962,12 +3962,12 @@
3962
3962
  ]), 1032, ["dropdown-icon", "modelValue", "options", "popup-content-class", "option-label", "option-value", "option-group", "onAdd", "onRemove"]))
3963
3963
  }
3964
3964
 
3965
- var css_248z$d = ".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}";
3966
- styleInject(css_248z$d);
3965
+ var css_248z$e = ".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}";
3966
+ styleInject(css_248z$e);
3967
3967
 
3968
- script$e.render = render$f;
3968
+ script$f.render = render$g;
3969
3969
 
3970
- var script$d = vue.defineComponent({
3970
+ var script$e = vue.defineComponent({
3971
3971
  name: 'SSelectCustom',
3972
3972
  components: {
3973
3973
  QSelect: quasar.QSelect,
@@ -4056,7 +4056,7 @@
4056
4056
  },
4057
4057
  });
4058
4058
 
4059
- function render$e(_ctx, _cache, $props, $setup, $data, $options) {
4059
+ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
4060
4060
  var _component_q_icon = vue.resolveComponent("q-icon");
4061
4061
  var _component_q_item_section = vue.resolveComponent("q-item-section");
4062
4062
  var _component_q_item = vue.resolveComponent("q-item");
@@ -4150,12 +4150,12 @@
4150
4150
  ]), 1032, ["dropdown-icon", "options", "use-input", "input-debounce", "onFilter", "optionLabel", "optionValue", "modelValue", "rules"]))
4151
4151
  }
4152
4152
 
4153
- var css_248z$c = ".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}";
4154
- styleInject(css_248z$c);
4153
+ var css_248z$d = ".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}";
4154
+ styleInject(css_248z$d);
4155
4155
 
4156
- script$d.render = render$e;
4156
+ script$e.render = render$f;
4157
4157
 
4158
- var script$c = {
4158
+ var script$d = {
4159
4159
  props: {
4160
4160
  item: String,
4161
4161
  },
@@ -4165,7 +4165,7 @@
4165
4165
  },
4166
4166
  };
4167
4167
 
4168
- function render$d(_ctx, _cache, $props, $setup, $data, $options) {
4168
+ function render$e(_ctx, _cache, $props, $setup, $data, $options) {
4169
4169
  var _component_q_item_label = vue.resolveComponent("q-item-label");
4170
4170
  var _component_q_item_section = vue.resolveComponent("q-item-section");
4171
4171
 
@@ -4177,15 +4177,15 @@
4177
4177
  }))
4178
4178
  }
4179
4179
 
4180
- script$c.render = render$d;
4180
+ script$d.render = render$e;
4181
4181
 
4182
- var script$b = vue.defineComponent({
4182
+ var script$c = vue.defineComponent({
4183
4183
  name: 'SSelect',
4184
4184
  components: {
4185
4185
  QSelect: quasar.QSelect,
4186
4186
  QItem: quasar.QItem,
4187
4187
 
4188
- SelectItem: script$c,
4188
+ SelectItem: script$d,
4189
4189
  },
4190
4190
  props: {
4191
4191
  searchPlaceholder: String,
@@ -4238,7 +4238,7 @@
4238
4238
  var _hoisted_5$4 = { class: "select-search-input-form" };
4239
4239
  var _hoisted_6$2 = ["placeholder"];
4240
4240
 
4241
- function render$c(_ctx, _cache, $props, $setup, $data, $options) {
4241
+ function render$d(_ctx, _cache, $props, $setup, $data, $options) {
4242
4242
  var _component_q_icon = vue.resolveComponent("q-icon");
4243
4243
  var _component_q_item_section = vue.resolveComponent("q-item-section");
4244
4244
  var _component_q_item = vue.resolveComponent("q-item");
@@ -4334,19 +4334,19 @@
4334
4334
  }, 8, ["dropdown-icon", "popup-content-class", "option-label", "option-value", "options"]))
4335
4335
  }
4336
4336
 
4337
- var css_248z$b = ".s-select-search .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-search .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-search .q-field__inner .q-field__control:hover, .s-select-search .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-search .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-search .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-search .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-search .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-search .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-search .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-search .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-search .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-search .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-search .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-search .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-search-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-search-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-search-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-search-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-search-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-search-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-search-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-search-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-search .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-search .q-field__prepend .include-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-search-opts {\n padding: 0;\n}\n.s-select-search-opts .s-select-no-option {\n padding: 6px 12px;\n}\n.s-select-search-opts .group-title {\n opacity: 1 !important;\n background: #f6f6f6 !important;\n border: none;\n border-top: 1px solid #e1e1e1;\n}\n.s-select-search-opts .group-title .q-item__section .q-item__label {\n color: #333333 !important;\n}\n.s-select-search-opts .group-option {\n padding: 4px 12px 4px 20px !important;\n}\n.s-select-search-opts .group-option.disabled {\n color: #aaaaaa !important;\n background: white !important;\n border: none !important;\n}\n.s-select-search-opts .q-item:not(.group-option) {\n padding: 4px 12px;\n}\n.s-select-search-opts .select-search-input {\n margin: 4px;\n}\n.s-select-search-opts .select-search-input .q-field__inner {\n height: 28px;\n}\n.s-select-search-opts .select-search-input .q-field__inner .q-field__control {\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-search-opts .select-search-input .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n color: #222222;\n}\n.s-select-search-opts .select-search-input .q-field__inner .q-field__control-container input::placeholder {\n color: #aaaaaa;\n}\n.s-select-search-opts .select-search-input .q-field__inner .q-field__control .q-field__prepend {\n height: 28px;\n padding: 4px 8px;\n}\n.search-input-form-container {\n padding: 4px;\n}\n.search-input-form-container .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}\n.search-input-form-container .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.search-input-form-container .select-search-input-form:hover::after, .search-input-form-container .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.search-input-form-container .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}";
4338
- styleInject(css_248z$b);
4337
+ var css_248z$c = ".s-select-search .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-search .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-search .q-field__inner .q-field__control:hover, .s-select-search .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-search .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-search .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-search .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-search .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-search .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-search .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-search .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-search .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-search .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-search .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-search .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-search-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-search-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-search-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-search-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-search-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-search-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-search-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-search-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-search .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-search .q-field__prepend .include-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-search-opts {\n padding: 0;\n}\n.s-select-search-opts .s-select-no-option {\n padding: 6px 12px;\n}\n.s-select-search-opts .group-title {\n opacity: 1 !important;\n background: #f6f6f6 !important;\n border: none;\n border-top: 1px solid #e1e1e1;\n}\n.s-select-search-opts .group-title .q-item__section .q-item__label {\n color: #333333 !important;\n}\n.s-select-search-opts .group-option {\n padding: 4px 12px 4px 20px !important;\n}\n.s-select-search-opts .group-option.disabled {\n color: #aaaaaa !important;\n background: white !important;\n border: none !important;\n}\n.s-select-search-opts .q-item:not(.group-option) {\n padding: 4px 12px;\n}\n.s-select-search-opts .select-search-input {\n margin: 4px;\n}\n.s-select-search-opts .select-search-input .q-field__inner {\n height: 28px;\n}\n.s-select-search-opts .select-search-input .q-field__inner .q-field__control {\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-search-opts .select-search-input .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n color: #222222;\n}\n.s-select-search-opts .select-search-input .q-field__inner .q-field__control-container input::placeholder {\n color: #aaaaaa;\n}\n.s-select-search-opts .select-search-input .q-field__inner .q-field__control .q-field__prepend {\n height: 28px;\n padding: 4px 8px;\n}\n.search-input-form-container {\n padding: 4px;\n}\n.search-input-form-container .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}\n.search-input-form-container .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.search-input-form-container .select-search-input-form:hover::after, .search-input-form-container .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.search-input-form-container .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}";
4338
+ styleInject(css_248z$c);
4339
4339
 
4340
- script$b.render = render$c;
4340
+ script$c.render = render$d;
4341
4341
 
4342
- var script$a = vue.defineComponent({
4342
+ var script$b = vue.defineComponent({
4343
4343
  name: 'SSelectSearchAutoComplete',
4344
4344
  emits: ['selectOption', 'onSearch', 'clearModel'],
4345
4345
  components: {
4346
4346
  QIcon: quasar.QIcon,
4347
4347
  QSelect: quasar.QSelect,
4348
4348
  QItem: quasar.QItem,
4349
- SInput: script$p,
4349
+ SInput: script$q,
4350
4350
  QItemSection: quasar.QItemSection,
4351
4351
  QItemLabel: quasar.QItemLabel,
4352
4352
  },
@@ -4424,7 +4424,7 @@
4424
4424
  class: "select-custom-auto-complete-wrapper"
4425
4425
  };
4426
4426
 
4427
- function render$b(_ctx, _cache, $props, $setup, $data, $options) {
4427
+ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
4428
4428
  var _component_q_icon = vue.resolveComponent("q-icon");
4429
4429
  var _component_s_input = vue.resolveComponent("s-input");
4430
4430
  var _component_q_item_label = vue.resolveComponent("q-item-label");
@@ -4518,12 +4518,12 @@
4518
4518
  ], 64))
4519
4519
  }
4520
4520
 
4521
- var css_248z$a = ".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}";
4522
- styleInject(css_248z$a);
4521
+ var css_248z$b = ".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}";
4522
+ styleInject(css_248z$b);
4523
4523
 
4524
- script$a.render = render$b;
4524
+ script$b.render = render$c;
4525
4525
 
4526
- var script$9 = vue.defineComponent({
4526
+ var script$a = vue.defineComponent({
4527
4527
  name: 'STab',
4528
4528
  components: {
4529
4529
  QTab: quasar.QTab,
@@ -4541,7 +4541,7 @@
4541
4541
  };
4542
4542
  var _hoisted_2$7 = /*#__PURE__*/vue.createElementVNode("div", { class: "s-tab-space" }, null, -1);
4543
4543
 
4544
- function render$a(_ctx, _cache, $props, $setup, $data, $options) {
4544
+ function render$b(_ctx, _cache, $props, $setup, $data, $options) {
4545
4545
  var _component_q_tab = vue.resolveComponent("q-tab");
4546
4546
 
4547
4547
  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
@@ -4562,10 +4562,10 @@
4562
4562
  ], 64))
4563
4563
  }
4564
4564
 
4565
- var css_248z$9 = ".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}";
4566
- styleInject(css_248z$9);
4565
+ var css_248z$a = ".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}";
4566
+ styleInject(css_248z$a);
4567
4567
 
4568
- script$9.render = render$a;
4568
+ script$a.render = render$b;
4569
4569
 
4570
4570
  function createDiv(val) {
4571
4571
  var div = document.createElement('div');
@@ -4755,7 +4755,7 @@
4755
4755
  };
4756
4756
  }
4757
4757
 
4758
- var script$8 = vue.defineComponent({
4758
+ var script$9 = vue.defineComponent({
4759
4759
  name: 'STable',
4760
4760
  emits: ['update:page', 'update:focused', 'field-updated', 'request'],
4761
4761
  components: {
@@ -4899,7 +4899,7 @@
4899
4899
  class: "s-table-edited-td"
4900
4900
  };
4901
4901
 
4902
- function render$9(_ctx, _cache, $props, $setup, $data, $options) {
4902
+ function render$a(_ctx, _cache, $props, $setup, $data, $options) {
4903
4903
  var _component_q_inner_loading = vue.resolveComponent("q-inner-loading");
4904
4904
  var _component_s_input = vue.resolveComponent("s-input");
4905
4905
  var _component_q_icon = vue.resolveComponent("q-icon");
@@ -5046,12 +5046,12 @@
5046
5046
  ], 64))
5047
5047
  }
5048
5048
 
5049
- var css_248z$8 = ".s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner {\n min-width: 0;\n width: 16px;\n height: 16px;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner .q-checkbox__bg, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner .q-checkbox__bg {\n border: 1px solid #888888;\n width: 16px;\n height: 16px;\n padding: 0 2.5px;\n background: white;\n top: 0;\n left: 0;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner .q-checkbox__bg .q-checkbox__svg, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner .q-checkbox__bg .q-checkbox__svg {\n width: 11.43px !important;\n margin: auto;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner--indet, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner--indet, .s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner--truthy, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner--truthy {\n color: #0075ff !important;\n}\n.s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-table .q-table__middle .q-table tbody tr td:first-of-type > .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg, .s-select-table .q-table__middle .q-table thead tr th:first-of-type > .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: none;\n background: #0075ff;\n}\n.s-table {\n border-radius: 8px !important;\n border: 1px solid #e1e1e1;\n}\n.s-table .q-table__middle .q-table {\n overflow: auto;\n}\n.s-table .q-table__middle .q-table thead {\n background: #f5faff;\n min-height: 0;\n}\n.s-table .q-table__middle .q-table thead tr {\n height: 36px;\n color: #222222;\n}\n.s-table .q-table__middle .q-table thead tr th {\n padding: 0 16px;\n font-size: 12px;\n font-weight: 500;\n word-break: keep-all;\n white-space: nowrap;\n}\n.s-table .q-table__middle .q-table thead tr th .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}";
5050
- styleInject(css_248z$8);
5049
+ var css_248z$9 = ".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}";
5050
+ styleInject(css_248z$9);
5051
5051
 
5052
- script$8.render = render$9;
5052
+ script$9.render = render$a;
5053
5053
 
5054
- var script$7 = vue.defineComponent({
5054
+ var script$8 = vue.defineComponent({
5055
5055
  name: 'STabs',
5056
5056
  components: {
5057
5057
  QTabs: quasar.QTabs,
@@ -5065,7 +5065,7 @@
5065
5065
  },
5066
5066
  });
5067
5067
 
5068
- function render$8(_ctx, _cache, $props, $setup, $data, $options) {
5068
+ function render$9(_ctx, _cache, $props, $setup, $data, $options) {
5069
5069
  var _component_q_tabs = vue.resolveComponent("q-tabs");
5070
5070
 
5071
5071
  return (vue.openBlock(), vue.createBlock(_component_q_tabs, {
@@ -5084,17 +5084,17 @@
5084
5084
  }, 8, ["model-value"]))
5085
5085
  }
5086
5086
 
5087
- script$7.render = render$8;
5087
+ script$8.render = render$9;
5088
5088
 
5089
- var script$6 = {
5089
+ var script$7 = {
5090
5090
  name: 'TimePickerCard',
5091
5091
  emits: ['update:model-value'],
5092
5092
  components: {
5093
5093
  QCard: quasar.QCard,
5094
5094
  QCardSection: quasar.QCardSection,
5095
5095
  QSeparator: quasar.QSeparator,
5096
- SButton: script$C,
5097
- SInput: script$p,
5096
+ SButton: script$D,
5097
+ SInput: script$q,
5098
5098
  },
5099
5099
  props: {
5100
5100
  lang: {
@@ -5292,7 +5292,7 @@
5292
5292
  class: "flex column flex-center"
5293
5293
  };
5294
5294
 
5295
- function render$7(_ctx, _cache, $props, $setup, $data, $options) {
5295
+ function render$8(_ctx, _cache, $props, $setup, $data, $options) {
5296
5296
  var _component_s_button = vue.resolveComponent("s-button");
5297
5297
  var _component_q_card_section = vue.resolveComponent("q-card-section");
5298
5298
  var _component_q_separator = vue.resolveComponent("q-separator");
@@ -5435,17 +5435,17 @@
5435
5435
  }))
5436
5436
  }
5437
5437
 
5438
- var css_248z$7 = ".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}";
5439
- styleInject(css_248z$7);
5438
+ var css_248z$8 = ".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}";
5439
+ styleInject(css_248z$8);
5440
5440
 
5441
- script$6.render = render$7;
5441
+ script$7.render = render$8;
5442
5442
 
5443
- var script$5 = vue.defineComponent({
5443
+ var script$6 = vue.defineComponent({
5444
5444
  name: 'STimePicker',
5445
5445
  components: {
5446
5446
  QIcon: quasar.QIcon,
5447
5447
  QMenu: quasar.QMenu,
5448
- TimePickerCard: script$6,
5448
+ TimePickerCard: script$7,
5449
5449
  },
5450
5450
  props: {
5451
5451
  modelValue: {
@@ -5529,7 +5529,7 @@
5529
5529
  class: "cursor-pointer content"
5530
5530
  };
5531
5531
 
5532
- function render$6(_ctx, _cache, $props, $setup, $data, $options) {
5532
+ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
5533
5533
  var _component_q_icon = vue.resolveComponent("q-icon");
5534
5534
  var _component_time_picker_card = vue.resolveComponent("time-picker-card");
5535
5535
  var _component_q_menu = vue.resolveComponent("q-menu");
@@ -5626,19 +5626,19 @@
5626
5626
  ], 2))
5627
5627
  }
5628
5628
 
5629
- var css_248z$6 = ".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}";
5630
- styleInject(css_248z$6);
5629
+ var css_248z$7 = ".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}";
5630
+ styleInject(css_248z$7);
5631
5631
 
5632
- script$5.render = render$6;
5632
+ script$6.render = render$7;
5633
5633
 
5634
- var script$4 = vue.defineComponent({
5634
+ var script$5 = vue.defineComponent({
5635
5635
  name: 'SToggle',
5636
5636
  components: {
5637
5637
  QToggle: quasar.QToggle,
5638
5638
  },
5639
5639
  });
5640
5640
 
5641
- function render$5(_ctx, _cache, $props, $setup, $data, $options) {
5641
+ function render$6(_ctx, _cache, $props, $setup, $data, $options) {
5642
5642
  var _component_q_toggle = vue.resolveComponent("q-toggle");
5643
5643
 
5644
5644
  return (vue.openBlock(), vue.createBlock(_component_q_toggle, {
@@ -5648,12 +5648,12 @@
5648
5648
  }))
5649
5649
  }
5650
5650
 
5651
- var css_248z$5 = ".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}";
5652
- styleInject(css_248z$5);
5651
+ var css_248z$6 = ".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}";
5652
+ styleInject(css_248z$6);
5653
5653
 
5654
- script$4.render = render$5;
5654
+ script$5.render = render$6;
5655
5655
 
5656
- var script$3 = vue.defineComponent({
5656
+ var script$4 = vue.defineComponent({
5657
5657
  name: 'STooptip',
5658
5658
  components: {
5659
5659
  QTooltip: quasar.QTooltip,
@@ -5724,7 +5724,7 @@
5724
5724
  var _hoisted_1$4 = { class: "tooltip-close-icon cursor-pointer" };
5725
5725
  var _hoisted_2$3 = { class: "q-py-sm q-px-md" };
5726
5726
 
5727
- function render$4(_ctx, _cache, $props, $setup, $data, $options) {
5727
+ function render$5(_ctx, _cache, $props, $setup, $data, $options) {
5728
5728
  var _component_q_icon = vue.resolveComponent("q-icon");
5729
5729
  var _component_q_menu = vue.resolveComponent("q-menu");
5730
5730
  var _component_q_tooltip = vue.resolveComponent("q-tooltip");
@@ -5809,10 +5809,10 @@
5809
5809
  }, 8, ["class", "text-color"]))
5810
5810
  }
5811
5811
 
5812
- var css_248z$4 = ".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}";
5813
- styleInject(css_248z$4);
5812
+ var css_248z$5 = ".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}";
5813
+ styleInject(css_248z$5);
5814
5814
 
5815
- script$3.render = render$4;
5815
+ script$4.render = render$5;
5816
5816
 
5817
5817
  var locale$3 = {
5818
5818
  ko: {
@@ -5904,13 +5904,13 @@
5904
5904
  '12月' ],
5905
5905
  },
5906
5906
  };
5907
- var script$2 = {
5907
+ var script$3 = {
5908
5908
  name: 'SDateTimePicker',
5909
5909
  components: {
5910
5910
  QInput: quasar.QInput,
5911
5911
  QDate: quasar.QDate,
5912
5912
  QIcon: quasar.QIcon,
5913
- TimePickerCard: script$6,
5913
+ TimePickerCard: script$7,
5914
5914
  QPopupProxy: quasar.QPopupProxy,
5915
5915
  QSeparator: quasar.QSeparator,
5916
5916
  },
@@ -6008,7 +6008,7 @@
6008
6008
  style: {"overflow":"hidden"}
6009
6009
  };
6010
6010
 
6011
- function render$3(_ctx, _cache, $props, $setup, $data, $options) {
6011
+ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
6012
6012
  var _component_q_icon = vue.resolveComponent("q-icon");
6013
6013
  var _component_q_date = vue.resolveComponent("q-date");
6014
6014
  var _component_q_separator = vue.resolveComponent("q-separator");
@@ -6082,10 +6082,10 @@
6082
6082
  }, 8, ["class", "placeholder", "modelValue", "disable", "onUpdate:modelValue"]))
6083
6083
  }
6084
6084
 
6085
- var css_248z$3 = ".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}";
6086
- styleInject(css_248z$3);
6085
+ var css_248z$4 = ".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}";
6086
+ styleInject(css_248z$4);
6087
6087
 
6088
- script$2.render = render$3;
6088
+ script$3.render = render$4;
6089
6089
 
6090
6090
  var locale$2 = {
6091
6091
  ko: {
@@ -6149,7 +6149,7 @@
6149
6149
  },
6150
6150
  };
6151
6151
 
6152
- var script$1 = {
6152
+ var script$2 = {
6153
6153
  name: 'SDateRange',
6154
6154
  components: {
6155
6155
  QDate: quasar.QDate,
@@ -6281,7 +6281,7 @@
6281
6281
  var _hoisted_4$1 = /*#__PURE__*/vue.createElementVNode("span", { class: "q-mx-xs" }, "~", -1);
6282
6282
  var _hoisted_5$1 = { class: "reset-btn-area flex justify-end" };
6283
6283
 
6284
- function render$2(_ctx, _cache, $props, $setup, $data, $options) {
6284
+ function render$3(_ctx, _cache, $props, $setup, $data, $options) {
6285
6285
  var _component_q_icon = vue.resolveComponent("q-icon");
6286
6286
  var _component_q_btn = vue.resolveComponent("q-btn");
6287
6287
  var _component_q_date = vue.resolveComponent("q-date");
@@ -6444,10 +6444,10 @@
6444
6444
  ]), 1032, ["class", "disable"]))
6445
6445
  }
6446
6446
 
6447
- var css_248z$2 = ".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}";
6448
- styleInject(css_248z$2);
6447
+ var css_248z$3 = ".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}";
6448
+ styleInject(css_248z$3);
6449
6449
 
6450
- script$1.render = render$2;
6450
+ script$2.render = render$3;
6451
6451
 
6452
6452
  var locale$1 = {
6453
6453
  ko: {
@@ -6512,7 +6512,7 @@
6512
6512
  },
6513
6513
  };
6514
6514
 
6515
- var script = {
6515
+ var script$1 = {
6516
6516
  name: 'SDate',
6517
6517
  components: {
6518
6518
  QDate: quasar.QDate,
@@ -6817,7 +6817,7 @@
6817
6817
  var _hoisted_5 = { class: "reset-btn-area flex justify-end" };
6818
6818
  var _hoisted_6 = { class: "reset-btn-area flex justify-end" };
6819
6819
 
6820
- function render$1(_ctx, _cache, $props, $setup, $data, $options) {
6820
+ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
6821
6821
  var _component_q_icon = vue.resolveComponent("q-icon");
6822
6822
  var _component_q_btn = vue.resolveComponent("q-btn");
6823
6823
  var _component_q_date = vue.resolveComponent("q-date");
@@ -7065,10 +7065,10 @@
7065
7065
  ]), 1032, ["class", "disable"]))
7066
7066
  }
7067
7067
 
7068
- var css_248z$1 = ".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}";
7069
- styleInject(css_248z$1);
7068
+ var css_248z$2 = ".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}";
7069
+ styleInject(css_248z$2);
7070
7070
 
7071
- script.render = render$1;
7071
+ script$1.render = render$2;
7072
7072
 
7073
7073
  var locale = {
7074
7074
  ko: {
@@ -7240,7 +7240,7 @@
7240
7240
  var _hoisted_1 = { class: "text-center date-str" };
7241
7241
  var _hoisted_2 = { class: "text-center date-str" };
7242
7242
 
7243
- function render(_ctx, _cache, $props, $setup, $data, $options) {
7243
+ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
7244
7244
  var _component_q_date = vue.resolveComponent("q-date");
7245
7245
  var _component_q_separator = vue.resolveComponent("q-separator");
7246
7246
  var _component_q_btn = vue.resolveComponent("q-btn");
@@ -7364,10 +7364,10 @@
7364
7364
  ]), 1032, ["class", "disable", "modelValue"]))
7365
7365
  }
7366
7366
 
7367
- var css_248z = ".s-date-auto-range-picker {\n width: var(--264e7a9f);\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}";
7368
- styleInject(css_248z);
7367
+ var css_248z$1 = ".s-date-auto-range-picker {\n width: var(--264e7a9f);\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}";
7368
+ styleInject(css_248z$1);
7369
7369
 
7370
- __default__.render = render;
7370
+ __default__.render = render$1;
7371
7371
 
7372
7372
  var Directive = {
7373
7373
  name: 'sellmate',
@@ -7377,49 +7377,95 @@
7377
7377
  },
7378
7378
  };
7379
7379
 
7380
+ var script = vue.defineComponent({
7381
+ name: 'SBadge',
7382
+ components: { QBadge: quasar.QBadge },
7383
+ props: {
7384
+ status: String,
7385
+ configs: {
7386
+ type: Object,
7387
+ default: function () { return ({
7388
+ success: {
7389
+ label: '성공',
7390
+ color: 'Blue_C_Lighten-6',
7391
+ textColor: 'positive',
7392
+ },
7393
+ fail: {
7394
+ label: '실패',
7395
+ color: 'Red_Lighten-6',
7396
+ textColor: 'Red_Lighten-1',
7397
+ },
7398
+ total: {
7399
+ label: '전체',
7400
+ color: 'Grey_Lighten-5',
7401
+ textColor: 'Grey_Darken-1',
7402
+ },
7403
+ }); },
7404
+ },
7405
+ },
7406
+ });
7407
+
7408
+ function render(_ctx, _cache, $props, $setup, $data, $options) {
7409
+ var _component_q_badge = vue.resolveComponent("q-badge");
7410
+
7411
+ return (vue.openBlock(), vue.createBlock(_component_q_badge, {
7412
+ class: "s-badge font-11-400",
7413
+ label: _ctx.configs[_ctx.status].label,
7414
+ color: _ctx.configs[_ctx.status].color,
7415
+ "text-color": _ctx.configs[_ctx.status].textColor
7416
+ }, null, 8, ["label", "color", "text-color"]))
7417
+ }
7418
+
7419
+ var css_248z = ".s-badge[data-v-f2392e06] {\n padding: 1px 8px;\n border-radius: 4px;\n height: 20px;\n}";
7420
+ styleInject(css_248z);
7421
+
7422
+ script.render = render;
7423
+ script.__scopeId = "data-v-f2392e06";
7424
+
7380
7425
  /* eslint-disable no-multiple-empty-lines */
7381
7426
 
7382
- var version = '3.3.3';
7427
+ var version = '3.4.0';
7383
7428
 
7384
7429
  function install(app) {
7385
- app.component('s-breadcrumbs', script$D);
7386
- app.component('s-button', script$C);
7387
- app.component('s-button-group', script$B);
7388
- app.component('s-button-toggle', script$A);
7389
- app.component('s-caution', script$z);
7390
- app.component('s-checkbox', script$y);
7391
- app.component('s-chip', script$x);
7392
- app.component('s-dialog', script$u);
7393
- app.component('s-date-picker', script$w);
7394
- app.component('s-date-range-picker', script$v);
7395
- app.component('s-file-picker', script$r);
7396
- app.component('s-help', script$q);
7397
- app.component('s-input', script$p);
7398
- app.component('s-input-number', script$o);
7399
- app.component('s-input-counter', script$n);
7400
- app.component('s-list', script$m);
7401
- app.component('s-markup-table', script$l);
7402
- app.component('s-pagination', script$k);
7403
- app.component('s-radio', script$j);
7404
- app.component('s-select', script$h);
7405
- app.component('s-select-custom', script$d);
7406
- app.component('s-select-checkbox', script$g);
7407
- app.component('s-select-search-checkbox', script$f);
7408
- app.component('s-select-group-checkbox', script$e);
7409
- app.component('s-select-search', script$b);
7410
- app.component('s-select-search-auto-complete', script$a);
7411
- app.component('s-tab', script$9);
7412
- app.component('s-route-tab', script$i);
7413
- app.component('s-tabs', script$7);
7414
- app.component('s-table', script$8);
7415
- app.component('s-time-picker', script$5);
7416
- app.component('s-date-time-picker', script$2);
7417
- app.component('s-toggle', script$4);
7418
- app.component('s-tooltip', script$3);
7419
- app.component('s-dropdown', script$t);
7420
- app.component('s-editor', script$s);
7421
- app.component('s-date-range', script$1);
7422
- app.component('s-date', script);
7430
+ app.component('s-badge', script);
7431
+ app.component('s-breadcrumbs', script$E);
7432
+ app.component('s-button', script$D);
7433
+ app.component('s-button-group', script$C);
7434
+ app.component('s-button-toggle', script$B);
7435
+ app.component('s-caution', script$A);
7436
+ app.component('s-checkbox', script$z);
7437
+ app.component('s-chip', script$y);
7438
+ app.component('s-dialog', script$v);
7439
+ app.component('s-date-picker', script$x);
7440
+ app.component('s-date-range-picker', script$w);
7441
+ app.component('s-file-picker', script$s);
7442
+ app.component('s-help', script$r);
7443
+ app.component('s-input', script$q);
7444
+ app.component('s-input-number', script$p);
7445
+ app.component('s-input-counter', script$o);
7446
+ app.component('s-list', script$n);
7447
+ app.component('s-markup-table', script$m);
7448
+ app.component('s-pagination', script$l);
7449
+ app.component('s-radio', script$k);
7450
+ app.component('s-select', script$i);
7451
+ app.component('s-select-custom', script$e);
7452
+ app.component('s-select-checkbox', script$h);
7453
+ app.component('s-select-search-checkbox', script$g);
7454
+ app.component('s-select-group-checkbox', script$f);
7455
+ app.component('s-select-search', script$c);
7456
+ app.component('s-select-search-auto-complete', script$b);
7457
+ app.component('s-tab', script$a);
7458
+ app.component('s-route-tab', script$j);
7459
+ app.component('s-tabs', script$8);
7460
+ app.component('s-table', script$9);
7461
+ app.component('s-time-picker', script$6);
7462
+ app.component('s-date-time-picker', script$3);
7463
+ app.component('s-toggle', script$5);
7464
+ app.component('s-tooltip', script$4);
7465
+ app.component('s-dropdown', script$u);
7466
+ app.component('s-editor', script$t);
7467
+ app.component('s-date-range', script$2);
7468
+ app.component('s-date', script$1);
7423
7469
  app.component('s-date-auto-range-picker', __default__);
7424
7470
  }
7425
7471