quasar-ui-sellmate-ui-kit 3.10.1 → 3.10.2
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.common.js +2 -2
- package/dist/index.css +1 -1
- package/dist/index.esm.js +2 -2
- package/dist/index.min.css +1 -1
- package/dist/index.rtl.css +1 -1
- package/dist/index.rtl.min.css +1 -1
- package/dist/index.umd.js +241 -204
- package/dist/index.umd.min.js +2 -2
- package/package.json +1 -1
- package/src/components/STabSub.vue +72 -0
- package/src/vue-plugin.js +2 -0
package/dist/index.umd.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* quasar-ui-sellmate-ui-kit v3.10.
|
|
2
|
+
* quasar-ui-sellmate-ui-kit v3.10.1
|
|
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$
|
|
13
|
+
var script$H = 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$
|
|
24
|
+
function render$I(_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$
|
|
83
|
-
styleInject(css_248z$
|
|
82
|
+
var css_248z$G = ".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$G);
|
|
84
84
|
|
|
85
|
-
script$
|
|
85
|
+
script$H.render = render$I;
|
|
86
86
|
|
|
87
|
-
var script$
|
|
87
|
+
var script$G = 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$
|
|
106
|
+
function render$H(_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$
|
|
134
|
-
styleInject(css_248z$
|
|
133
|
+
var css_248z$F = ".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$F);
|
|
135
135
|
|
|
136
|
-
script$
|
|
136
|
+
script$G.render = render$H;
|
|
137
137
|
|
|
138
|
-
var script$
|
|
138
|
+
var script$F = 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$
|
|
151
|
+
function render$G(_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$
|
|
167
|
-
styleInject(css_248z$
|
|
166
|
+
var css_248z$E = ".s-btn-group .disabled {\n border: none;\n}\n.s-btn-group .disabled::before {\n border: 1px solid #cccccc;\n}";
|
|
167
|
+
styleInject(css_248z$E);
|
|
168
168
|
|
|
169
|
-
script$
|
|
169
|
+
script$F.render = render$G;
|
|
170
170
|
|
|
171
|
-
var script$
|
|
171
|
+
var script$E = 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$
|
|
198
|
+
function render$F(_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$
|
|
226
|
-
styleInject(css_248z$
|
|
225
|
+
var css_248z$D = ".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$D);
|
|
227
227
|
|
|
228
|
-
script$
|
|
228
|
+
script$E.render = render$F;
|
|
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";
|
|
@@ -256,7 +256,7 @@
|
|
|
256
256
|
var addIcon10 = 'M1.16669 5H8.83335@@stroke:currentColor;stroke-width:0.8;stroke-linecap:round&&M5 1.16669L5 8.83335@@stroke:currentColor;stroke-width:0.8;stroke-linecap:round; | 0 0 10 10';
|
|
257
257
|
var minusIcon10 = 'M1.16669 5H8.83335@@stroke:currentColor;stroke-width:0.8;stroke-linecap:round; | 0 0 10 10';
|
|
258
258
|
|
|
259
|
-
var script$
|
|
259
|
+
var script$D = vue.defineComponent({
|
|
260
260
|
components: {
|
|
261
261
|
QBanner: quasar.QBanner,
|
|
262
262
|
QIcon: quasar.QIcon,
|
|
@@ -296,9 +296,9 @@
|
|
|
296
296
|
},
|
|
297
297
|
});
|
|
298
298
|
|
|
299
|
-
var _hoisted_1$
|
|
299
|
+
var _hoisted_1$q = { class: "s-caution__icon--title q-mt-xs text-white block font-16-700" };
|
|
300
300
|
|
|
301
|
-
function render$
|
|
301
|
+
function render$E(_ctx, _cache, $props, $setup, $data, $options) {
|
|
302
302
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
303
303
|
var _component_q_banner = vue.resolveComponent("q-banner");
|
|
304
304
|
|
|
@@ -332,7 +332,7 @@
|
|
|
332
332
|
color: "Red_Lighten-1",
|
|
333
333
|
name: _ctx.cautionOutlineIcon
|
|
334
334
|
}, null, 8, ["name"]),
|
|
335
|
-
vue.createElementVNode("strong", _hoisted_1$
|
|
335
|
+
vue.createElementVNode("strong", _hoisted_1$q, vue.toDisplayString(_ctx.label), 1)
|
|
336
336
|
]; }),
|
|
337
337
|
key: "0"
|
|
338
338
|
}
|
|
@@ -340,13 +340,13 @@
|
|
|
340
340
|
]), 1032, ["class"]))
|
|
341
341
|
}
|
|
342
342
|
|
|
343
|
-
var css_248z$
|
|
344
|
-
styleInject(css_248z$
|
|
343
|
+
var css_248z$C = ".s-caution[data-v-7e5e41f8] {\n padding: 0;\n overflow: hidden;\n max-height: 100%;\n max-width: 100%;\n}\n.s-caution[data-v-7e5e41f8] .q-banner__avatar {\n flex-direction: column;\n min-width: 104px !important;\n max-width: 104px !important;\n margin: 0 !important;\n background-color: #fb4444;\n padding: 0 24px;\n line-height: 26px;\n align-self: stretch;\n justify-content: center;\n}\n.s-caution[data-v-7e5e41f8] .q-banner__content {\n padding: 0 !important;\n margin: 20px 32px 20px 48px;\n}\n.s-caution[data-v-7e5e41f8] .q-banner__content > ul {\n padding: 0;\n margin: 0;\n}\n.s-caution[data-v-7e5e41f8] .q-banner__content > ul > li {\n list-style: none;\n font-size: 12px;\n line-height: 22px;\n text-indent: -18px !important;\n}\n.s-caution[data-v-7e5e41f8] .q-banner__content > ul > li:before {\n content: \"-\";\n font-size: 12px;\n line-height: 22px;\n margin-right: 12px;\n}\n.s-caution--no-icon[data-v-7e5e41f8] .q-banner__avatar {\n display: none;\n}\n.s-caution--modal[data-v-7e5e41f8] .q-banner__content {\n margin: 12px 24px 12px 40px;\n}\n.s-caution--modal[data-v-7e5e41f8] .q-banner__content ul li {\n text-indent: -14px !important;\n}\n.s-caution--modal[data-v-7e5e41f8] .q-banner__content ul li:before {\n margin-right: 8px;\n}";
|
|
344
|
+
styleInject(css_248z$C);
|
|
345
345
|
|
|
346
|
-
script$
|
|
347
|
-
script$
|
|
346
|
+
script$D.render = render$E;
|
|
347
|
+
script$D.__scopeId = "data-v-7e5e41f8";
|
|
348
348
|
|
|
349
|
-
var script$
|
|
349
|
+
var script$C = vue.defineComponent({
|
|
350
350
|
name: 'SCheckbox',
|
|
351
351
|
components: {
|
|
352
352
|
QCheckbox: quasar.QCheckbox,
|
|
@@ -359,7 +359,7 @@
|
|
|
359
359
|
},
|
|
360
360
|
});
|
|
361
361
|
|
|
362
|
-
function render$
|
|
362
|
+
function render$D(_ctx, _cache, $props, $setup, $data, $options) {
|
|
363
363
|
var _component_q_checkbox = vue.resolveComponent("q-checkbox");
|
|
364
364
|
|
|
365
365
|
return (vue.openBlock(), vue.createBlock(_component_q_checkbox, {
|
|
@@ -369,12 +369,12 @@
|
|
|
369
369
|
}, null, 8, ["class"]))
|
|
370
370
|
}
|
|
371
371
|
|
|
372
|
-
var css_248z$
|
|
373
|
-
styleInject(css_248z$
|
|
372
|
+
var css_248z$B = ".s-checkbox {\n margin: 0;\n justify-content: center;\n align-items: center;\n font-size: 12px;\n height: 1.667em;\n}\n.s-checkbox:hover .q-checkbox__inner .q-checkbox__bg {\n border: 1px solid #0075ff;\n background-color: #d5ebfe;\n}\n.s-checkbox > .q-checkbox__inner {\n min-width: 0;\n width: 0.4em;\n height: 0.4em;\n}\n.s-checkbox > .q-checkbox__inner:before {\n background: none !important;\n}\n.s-checkbox > .q-checkbox__inner .q-checkbox__bg {\n border: 1px solid #888888;\n width: 0.4em;\n height: 0.4em;\n background: white;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.s-checkbox > .q-checkbox__inner .q-checkbox__bg .q-checkbox__svg {\n width: 0.286em !important;\n margin: 0 auto;\n}\n.s-checkbox > .q-checkbox__inner--indet, .s-checkbox > .q-checkbox__inner--truthy {\n color: #0075ff !important;\n}\n.s-checkbox > .q-checkbox__inner--indet .q-checkbox__bg, .s-checkbox > .q-checkbox__inner--truthy .q-checkbox__bg {\n border: none !important;\n background-color: #0075ff !important;\n}\n.s-checkbox > .q-checkbox__inner--indet path, .s-checkbox > .q-checkbox__inner--truthy path {\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n.s-checkbox > .q-checkbox__inner--indet path:first-of-type, .s-checkbox > .q-checkbox__inner--truthy path:first-of-type {\n transform: scale(0.98);\n}\n.s-checkbox > .q-checkbox__label {\n padding-left: 8px;\n color: #333333;\n line-height: 20px;\n}\n.s-checkbox[aria-checked=true].disabled .q-checkbox__inner .q-checkbox__bg {\n background: #eeeeee !important;\n border: 1px solid #cccccc !important;\n}\n.disabled.s-checkbox {\n border: none !important;\n background: none !important;\n}\n.disabled.s-checkbox > .q-checkbox__inner .q-checkbox__bg {\n border: 1px solid #cccccc;\n background: #eeeeee;\n}\n.disabled.s-checkbox > .q-checkbox__inner .q-checkbox__bg .q-checkbox__svg {\n color: #888888;\n}\n.ck-margin-sm {\n margin-right: 20px;\n}\n.ck-margin-sm:last-of-type {\n margin-right: 0;\n}\n.ck-margin-lg {\n margin-right: 40px;\n}\n.ck-margin-lg:last-of-type {\n margin-right: 0;\n}";
|
|
373
|
+
styleInject(css_248z$B);
|
|
374
374
|
|
|
375
|
-
script$
|
|
375
|
+
script$C.render = render$D;
|
|
376
376
|
|
|
377
|
-
var script$
|
|
377
|
+
var script$B = vue.defineComponent({
|
|
378
378
|
name: 'SChip',
|
|
379
379
|
components: { QChip: quasar.QChip },
|
|
380
380
|
props: {
|
|
@@ -406,9 +406,9 @@
|
|
|
406
406
|
},
|
|
407
407
|
});
|
|
408
408
|
|
|
409
|
-
var _hoisted_1$
|
|
409
|
+
var _hoisted_1$p = ["contenteditable"];
|
|
410
410
|
|
|
411
|
-
function render$
|
|
411
|
+
function render$C(_ctx, _cache, $props, $setup, $data, $options) {
|
|
412
412
|
var _component_q_chip = vue.resolveComponent("q-chip");
|
|
413
413
|
|
|
414
414
|
return (vue.openBlock(), vue.createBlock(_component_q_chip, {
|
|
@@ -436,7 +436,7 @@
|
|
|
436
436
|
|
|
437
437
|
return (_ctx.handleInput && _ctx.handleInput.apply(_ctx, args));
|
|
438
438
|
})
|
|
439
|
-
}, vue.toDisplayString(_ctx.inputValue), 41, _hoisted_1$
|
|
439
|
+
}, vue.toDisplayString(_ctx.inputValue), 41, _hoisted_1$p))
|
|
440
440
|
: vue.createCommentVNode("", true),
|
|
441
441
|
vue.renderSlot(_ctx.$slots, "default")
|
|
442
442
|
]; }),
|
|
@@ -444,12 +444,12 @@
|
|
|
444
444
|
}, 8, ["clickable", "icon-remove"]))
|
|
445
445
|
}
|
|
446
446
|
|
|
447
|
-
var css_248z$
|
|
448
|
-
styleInject(css_248z$
|
|
447
|
+
var css_248z$A = ".s-chip {\n padding: 4px 8px 4px 12px !important;\n border-radius: 4px;\n background-color: white;\n min-height: 28px;\n}\n.s-chip:hover {\n border-color: #333333;\n}\n.s-chip:hover .q-focus-helper {\n background: inherit;\n}\n.s-chip .q-chip__content {\n color: #333333;\n font-size: 12px;\n font-weight: 400;\n height: 20px;\n min-height: 20px;\n}\n.s-chip .q-chip__icon--remove {\n color: #333333;\n font-size: 1em;\n margin: 0;\n margin-left: 8px;\n}\n.s-chip-input {\n height: 28px;\n padding: 4px 0 !important;\n}\n.s-chip-input:focus-visible {\n outline: none;\n}";
|
|
448
|
+
styleInject(css_248z$A);
|
|
449
449
|
|
|
450
|
-
script$
|
|
450
|
+
script$B.render = render$C;
|
|
451
451
|
|
|
452
|
-
var script$
|
|
452
|
+
var script$A = vue.defineComponent({
|
|
453
453
|
name: 'SDatePicker',
|
|
454
454
|
components: {
|
|
455
455
|
QInput: quasar.QInput,
|
|
@@ -616,11 +616,11 @@
|
|
|
616
616
|
},
|
|
617
617
|
});
|
|
618
618
|
|
|
619
|
-
var _hoisted_1$
|
|
619
|
+
var _hoisted_1$o = { class: "date-picker-label" };
|
|
620
620
|
var _hoisted_2$g = { key: 0 };
|
|
621
621
|
var _hoisted_3$a = { key: 1 };
|
|
622
622
|
|
|
623
|
-
function render$
|
|
623
|
+
function render$B(_ctx, _cache, $props, $setup, $data, $options) {
|
|
624
624
|
var _component_q_date = vue.resolveComponent("q-date");
|
|
625
625
|
var _component_q_menu = vue.resolveComponent("q-menu");
|
|
626
626
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
@@ -733,7 +733,7 @@
|
|
|
733
733
|
? {
|
|
734
734
|
name: "before",
|
|
735
735
|
fn: vue.withCtx(function () { return [
|
|
736
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
736
|
+
vue.createElementVNode("div", _hoisted_1$o, vue.toDisplayString(_ctx.label), 1)
|
|
737
737
|
]; }),
|
|
738
738
|
key: "0"
|
|
739
739
|
}
|
|
@@ -757,10 +757,10 @@
|
|
|
757
757
|
]), 1032, ["class", "placeholder", "modelValue", "disable", "name", "type"]))
|
|
758
758
|
}
|
|
759
759
|
|
|
760
|
-
var css_248z$
|
|
761
|
-
styleInject(css_248z$
|
|
760
|
+
var css_248z$z = ".s-date-picker {\n height: 28px;\n}\n.s-date-picker .q-field__before {\n padding: 0;\n}\n.s-date-picker .q-field__inner .q-field__control {\n padding: 4px 8px !important;\n align-items: center;\n height: 100%;\n align-items: center;\n}\n.s-date-picker .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date-picker .q-field__inner .q-field__control:hover, .s-date-picker .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-date-picker .q-field__inner .q-field__control .q-field__prepend .q-icon {\n width: 20px;\n height: 20px;\n color: #737373;\n}\n.s-date-picker .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n padding: 0;\n}\n.s-date-picker .q-field__inner .q-field__control .q-field__prepend > div {\n min-height: 0;\n height: 100%;\n display: flex !important;\n align-items: center;\n justify-content: center;\n}\n.s-date-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn {\n width: 1.667em;\n height: 1.667em;\n min-height: 1.667em;\n}\n.s-date-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn .q-icon {\n font-size: 1.667em;\n}\n.s-date-picker .q-field__inner .q-field__control-container {\n height: 20px;\n}\n.s-date-picker .q-field__inner .q-field__control-container .q-field__native {\n height: 100%;\n line-height: 165%;\n text-align: center;\n padding: 0 !important;\n font-size: 12px;\n font-weight: 400;\n}\n.s-date-picker .q-field__inner .q-field__control-container .q-field__native input::placeholder {\n color: #333333;\n}\n.q-field--disabled.s-date-picker {\n color: #888888 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner {\n color: #888888 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control {\n color: #888888 !important;\n opacity: 1 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control .q-field__prepend {\n opacity: 1 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control .q-field__prepend .q-icon {\n color: #888888;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control-container {\n opacity: 1 !important;\n}\n.q-field--disabled.s-date-picker .q-field__inner .q-field__control-container .q-field__native {\n color: #888888 !important;\n}\n.q-field--disabled.s-date-picker.q-field--float {\n color: #888888 !important;\n opacity: 0.9 !important;\n}\n.s-date-picker-inside {\n width: fit-content !important;\n height: 28px;\n}\n.s-date-picker-inside .q-field__before {\n height: 100%;\n line-height: 20px;\n padding: 4px 12px;\n border: 1px solid #aaaaaa;\n background-color: #f6f6f6;\n border-right: none;\n border-radius: 2px 0 0 2px;\n}\n.s-date-picker-inside .q-field__before .date-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-date-picker-inside .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n}\n.s-date-picker-inside.q-field--disabled .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-date-picker-inside.q-field--disabled .q-field__before .date-picker-label {\n color: #888888;\n}\n.s-date-picker-range {\n width: 226px;\n}\n.s-date-picker-range .q-field__inner .q-field__control .q-field__prepend {\n padding: 0;\n}\n.s-date-picker-range .q-field__inner .q-field__control-container .q-field__native {\n text-align: center;\n}\n.date-picker-wrapper.q-menu {\n width: 290px;\n height: 288px;\n min-width: 0 !important;\n min-height: 0 !important;\n}\n.date-picker-wrapper.q-menu .q-date {\n height: 288px;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view {\n min-height: 0 !important;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div {\n height: 28px;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div .q-btn .q-icon {\n font-size: 12px;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense {\n padding: 0 !important;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn {\n padding: 0;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper {\n background: #0075ff;\n opacity: 1;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:before, .date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:after {\n display: none;\n}\n.date-picker-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-btn__content > span {\n color: white;\n}";
|
|
761
|
+
styleInject(css_248z$z);
|
|
762
762
|
|
|
763
|
-
script$
|
|
763
|
+
script$A.render = render$B;
|
|
764
764
|
|
|
765
765
|
function useModelBinder(props) {
|
|
766
766
|
var ref$1 = vue.getCurrentInstance();
|
|
@@ -872,7 +872,7 @@
|
|
|
872
872
|
},
|
|
873
873
|
};
|
|
874
874
|
|
|
875
|
-
var script$
|
|
875
|
+
var script$z = vue.defineComponent({
|
|
876
876
|
name: 'SDateRangePicker',
|
|
877
877
|
components: {
|
|
878
878
|
QInput: quasar.QInput,
|
|
@@ -1024,7 +1024,7 @@
|
|
|
1024
1024
|
},
|
|
1025
1025
|
});
|
|
1026
1026
|
|
|
1027
|
-
var _hoisted_1$
|
|
1027
|
+
var _hoisted_1$n = { class: "date-picker-label" };
|
|
1028
1028
|
var _hoisted_2$f = { class: "flex no-wrap items-center" };
|
|
1029
1029
|
var _hoisted_3$9 = {
|
|
1030
1030
|
key: 1,
|
|
@@ -1039,7 +1039,7 @@
|
|
|
1039
1039
|
class: "text-center text-Grey_Darken-4 date-str"
|
|
1040
1040
|
};
|
|
1041
1041
|
|
|
1042
|
-
function render$
|
|
1042
|
+
function render$A(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1043
1043
|
var _component_q_date = vue.resolveComponent("q-date");
|
|
1044
1044
|
var _component_q_separator = vue.resolveComponent("q-separator");
|
|
1045
1045
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
@@ -1157,7 +1157,7 @@
|
|
|
1157
1157
|
? {
|
|
1158
1158
|
name: "before",
|
|
1159
1159
|
fn: vue.withCtx(function () { return [
|
|
1160
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
1160
|
+
vue.createElementVNode("div", _hoisted_1$n, vue.toDisplayString(_ctx.insideLabel), 1)
|
|
1161
1161
|
]; }),
|
|
1162
1162
|
key: "0"
|
|
1163
1163
|
}
|
|
@@ -1180,12 +1180,12 @@
|
|
|
1180
1180
|
]), 1032, ["class", "modelValue", "disable"]))
|
|
1181
1181
|
}
|
|
1182
1182
|
|
|
1183
|
-
var css_248z$
|
|
1184
|
-
styleInject(css_248z$
|
|
1183
|
+
var css_248z$y = ".s-date-range-picker {\n width: fit-content;\n height: 28px;\n}\n.s-date-range-picker.q-field--dense .q-field__before {\n padding: 0;\n height: 100%;\n}\n.s-date-range-picker .q-field__inner {\n font-size: 12px;\n}\n.s-date-range-picker .q-field__inner .q-field__control {\n padding: 4px 0 4px 8px !important;\n align-items: center;\n height: 100%;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend .q-icon {\n width: 20px;\n height: 20px;\n color: #737373;\n}\n.s-date-range-picker .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-date-range-picker .q-field__inner .q-field__control:hover, .s-date-range-picker .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend {\n height: 20px;\n padding: 0;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend > div {\n min-height: 0;\n height: 100%;\n display: flex !important;\n align-items: center;\n justify-content: center;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn {\n width: 1.667em;\n height: 1.667em;\n min-height: 1.667em;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__prepend > div .q-btn .q-icon {\n font-size: 1.667em;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container {\n display: flex;\n justify-content: center;\n height: 20px;\n margin-left: 12px;\n margin-right: 16px;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container .q-field__native {\n height: 100%;\n line-height: 165%;\n text-align: center;\n padding: 0 !important;\n display: none;\n font-size: 12px;\n font-weight: 400;\n}\n.s-date-range-picker .q-field__inner .q-field__control-container .q-field__native input::placeholder {\n color: #333333;\n}\n.s-date-range-picker .q-field__inner .q-field__control .q-field__append {\n padding: 0 6px 0 0;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control {\n width: 70px;\n padding: 0px !important;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control::before, .s-date-range-picker .inner-input > .q-field__inner > .q-field__control::after {\n border: none;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control > .q-field__control-container {\n margin: 0px;\n}\n.s-date-range-picker .inner-input > .q-field__inner > .q-field__control > .q-field__control-container input {\n display: block !important;\n}\n.s-date-range-picker .date-str {\n width: 70px;\n line-height: 20px;\n justify-content: center;\n}\n.s-date-range-picker--inside .q-field__before {\n height: 100%;\n padding: 4px 12px !important;\n border: 1px solid #aaaaaa;\n border-right: none;\n border-radius: 2px 0 0 2px;\n background: #f6f6f6;\n}\n.s-date-range-picker--inside .q-field__before .date-picker-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n width: 220px;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control .q-field__prepend .q-icon {\n width: 20px;\n height: 20px;\n color: #737373;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control-container > input {\n display: none;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control-container > div {\n margin-left: 6.5px;\n}\n.s-date-range-picker--inside .q-field__inner .q-field__control-container > div > span {\n display: inline-flex;\n min-width: 70px;\n font-size: 12px !important;\n}\n.s-date-range-picker--inside.q-field--disabled .q-field__before {\n border: 1px solid #cccccc;\n border-right: none;\n}\n.s-date-range-picker--inside.q-field--disabled .q-field__before .date-picker-label {\n color: #888888;\n}\n.date-picker-range-wrapper.q-menu {\n width: 609px;\n height: 330px;\n max-height: 330px;\n overflow: hidden;\n border-radius: 8px;\n position: relative;\n min-width: 0 !important;\n min-height: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-separator {\n position: absolute;\n height: 244px;\n left: 304px;\n top: 62px;\n}\n.date-picker-range-wrapper.q-menu .q-date {\n position: absolute;\n min-height: 330px;\n top: 0;\n box-shadow: none;\n width: 304px;\n}\n.date-picker-range-wrapper.q-menu .q-date:first-of-type {\n left: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date:last-of-type {\n right: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions {\n padding: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions > .reset-to-today-btn {\n padding: 0;\n width: 28px;\n height: 22px;\n min-height: 22px;\n position: absolute;\n background: transparent;\n top: 20px;\n right: 24px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions > .reset-to-today-btn > span {\n color: #333333;\n text-decoration: underline;\n color: #333333;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__actions:hover .q-btn__content {\n text-decoration: underline;\n color: #0075ff;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content {\n margin-top: 42px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view {\n min-height: 0 !important;\n padding-bottom: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div {\n height: 28px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation div .q-btn .q-icon {\n font-size: 12px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense {\n padding: 0 !important;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__navigation .relative-position div .q-btn--dense .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container {\n min-height: 172px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn {\n padding: 0;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn .q-btn__content > span {\n font-size: 14px;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper {\n background: #0075ff;\n opacity: 1;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:before, .date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-focus-helper:after {\n display: none;\n}\n.date-picker-range-wrapper.q-menu .q-date__main .q-date__content .q-date__view .q-date__calendar-days-container .q-date__calendar-days .q-date__calendar-item .q-btn:hover .q-btn__content > span {\n color: white;\n}";
|
|
1184
|
+
styleInject(css_248z$y);
|
|
1185
1185
|
|
|
1186
|
-
script$
|
|
1186
|
+
script$z.render = render$A;
|
|
1187
1187
|
|
|
1188
|
-
var script$
|
|
1188
|
+
var script$y = vue.defineComponent({
|
|
1189
1189
|
name: 'SConfirm',
|
|
1190
1190
|
components: {
|
|
1191
1191
|
QDialog: quasar.QDialog,
|
|
@@ -1255,12 +1255,12 @@
|
|
|
1255
1255
|
},
|
|
1256
1256
|
});
|
|
1257
1257
|
|
|
1258
|
-
var _hoisted_1$
|
|
1258
|
+
var _hoisted_1$m = {
|
|
1259
1259
|
key: 0,
|
|
1260
1260
|
class: "flex items-center justify-center modal-icon"
|
|
1261
1261
|
};
|
|
1262
1262
|
|
|
1263
|
-
function render$
|
|
1263
|
+
function render$z(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1264
1264
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
1265
1265
|
var _component_q_card_actions = vue.resolveComponent("q-card-actions");
|
|
1266
1266
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
@@ -1292,7 +1292,7 @@
|
|
|
1292
1292
|
vue.createVNode(_component_q_card_section, { class: "modal-title" }, {
|
|
1293
1293
|
default: vue.withCtx(function () { return [
|
|
1294
1294
|
(_ctx.withHeaderIcon)
|
|
1295
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
1295
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [
|
|
1296
1296
|
(_ctx.type === 'info')
|
|
1297
1297
|
? (vue.openBlock(), vue.createBlock(_component_q_icon, {
|
|
1298
1298
|
key: 0,
|
|
@@ -1370,12 +1370,12 @@
|
|
|
1370
1370
|
}))
|
|
1371
1371
|
}
|
|
1372
1372
|
|
|
1373
|
-
var css_248z$
|
|
1374
|
-
styleInject(css_248z$
|
|
1373
|
+
var css_248z$x = ".s-confirm {\n border-radius: 8px;\n padding: 40px 24px;\n width: 504px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n.s-confirm .modal-close-button {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 24px;\n height: 24px;\n padding: 0;\n}\n.s-confirm .modal-close-button .q-btn {\n color: #555555;\n padding: 0;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n min-height: 0;\n min-width: 0;\n}\n.s-confirm .modal-close-button .q-btn .q-focusable:focus .q-focus-helper,\n.s-confirm .modal-close-button .q-btn .q-hoverable:hover .q-focus-helper {\n background: inherit !important;\n opacity: 0;\n}\n.s-confirm .modal-close-button .q-btn .q-icon {\n width: 100%;\n height: 100%;\n}\n.s-confirm .modal-title {\n padding: 0 0 16px;\n text-align: center;\n color: #222222;\n font-size: 20px;\n font-weight: 700;\n}\n.s-confirm .modal-title .modal-icon {\n text-align: center;\n width: 32px;\n height: 32px;\n margin: 0 auto 16px;\n}\n.s-confirm .modal-content {\n padding: 0 0 32px;\n text-align: center;\n font-size: 14px;\n font-weight: 400;\n}\n.s-confirm .modal-buttons {\n text-align: center;\n padding: 0;\n width: 100%;\n height: 42px;\n display: flex;\n flex-flow: row nowrap;\n justify-content: center;\n}\n.s-confirm .modal-buttons .q-btn {\n min-width: 76px;\n padding: 8px 24px;\n margin: 0 4px;\n height: 42px;\n font-weight: 500;\n font-size: 18px;\n}\n.s-confirm .modal-buttons .q-btn__content {\n height: 100%;\n}";
|
|
1374
|
+
styleInject(css_248z$x);
|
|
1375
1375
|
|
|
1376
|
-
script$
|
|
1376
|
+
script$y.render = render$z;
|
|
1377
1377
|
|
|
1378
|
-
var script$
|
|
1378
|
+
var script$x = vue.defineComponent({
|
|
1379
1379
|
name: 'SDropdown',
|
|
1380
1380
|
components: {
|
|
1381
1381
|
QBtn: quasar.QBtn,
|
|
@@ -1416,7 +1416,7 @@
|
|
|
1416
1416
|
},
|
|
1417
1417
|
});
|
|
1418
1418
|
|
|
1419
|
-
function render$
|
|
1419
|
+
function render$y(_ctx, _cache, $props, $setup, $data, $options) {
|
|
1420
1420
|
var _component_q_item_label = vue.resolveComponent("q-item-label");
|
|
1421
1421
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
1422
1422
|
var _component_q_item = vue.resolveComponent("q-item");
|
|
@@ -1487,10 +1487,10 @@
|
|
|
1487
1487
|
}, 8, ["color", "icon-right", "class"]))
|
|
1488
1488
|
}
|
|
1489
1489
|
|
|
1490
|
-
var css_248z$
|
|
1491
|
-
styleInject(css_248z$
|
|
1490
|
+
var css_248z$w = ".s-dropdown {\n min-height: 0;\n padding: 0 !important;\n line-height: normal;\n}\n.s-dropdown .q-btn__content {\n min-height: 0;\n align-items: center;\n}\n.s-dropdown .q-btn__content .block {\n border-right: 1px solid color-mix(in srgb, white 25%, transparent);\n height: 100%;\n}\n.s-dropdown .q-btn__content .q-icon {\n padding: 0;\n border-right: none;\n color: white;\n}\n.s-dropdown.q-btn--outline .q-btn__content .block {\n color: currentColor;\n border-right: 1px solid currentColor;\n}\n.s-dropdown.q-btn--outline .q-btn__content .q-icon {\n color: currentColor;\n}\n.s-dropdown.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:before, .s-dropdown.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-dropdown.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:before {\n opacity: 0;\n}\n.s-dropdown.q-btn--outline:hover.q-focusable:focus > .q-focus-helper:after, .s-dropdown.q-btn--outline:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-dropdown.q-btn--outline:hover.q-hoverable:hover > .q-focus-helper:after {\n opacity: 0.55;\n}\n.s-dropdown:hover.q-focusable:focus > .q-focus-helper, .s-dropdown:hover.q-manual-focusable--focused > .q-focus-helper, .s-dropdown:hover.q-hoverable:hover > .q-focus-helper {\n opacity: 0.3;\n transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.5, 1);\n}\n.s-dropdown:hover.q-focusable:focus > .q-focus-helper:before, .s-dropdown:hover.q-manual-focusable--focused > .q-focus-helper:before, .s-dropdown:hover.q-hoverable:hover > .q-focus-helper:before {\n opacity: 1.4;\n transition: none;\n}\n.s-dropdown:hover.q-focusable:focus > .q-focus-helper:after, .s-dropdown:hover.q-manual-focusable--focused > .q-focus-helper:after, .s-dropdown:hover.q-hoverable:hover > .q-focus-helper:after {\n opacity: 0;\n transition: none;\n}\n.s-dropdown.s-dropdown-xs {\n min-width: 67px;\n}\n.s-dropdown.s-dropdown-xs .q-btn__content .block {\n padding: 2px 6px 2px 8px;\n line-height: 20px;\n font-size: 12px;\n font-weight: 400;\n}\n.s-dropdown.s-dropdown-xs .q-btn__content .q-icon {\n font-size: 12px;\n margin: 5px 5px 5px 4px;\n}\n.s-dropdown.s-dropdown-sm {\n min-width: 75px;\n}\n.s-dropdown.s-dropdown-sm .q-btn__content .block {\n padding: 4px 10px 4px 12px;\n line-height: 20px;\n font-size: 12px;\n font-weight: 400;\n}\n.s-dropdown.s-dropdown-sm .q-btn__content .q-icon {\n font-size: 12px;\n margin: 7px 8px;\n}\n.s-dropdown.s-dropdown-md {\n min-width: 107px;\n}\n.s-dropdown.s-dropdown-md .q-btn__content .block {\n padding: 6px 16px 6px 20px;\n line-height: 20px;\n font-size: 16px;\n font-weight: 500;\n}\n.s-dropdown.s-dropdown-md .q-btn__content .q-icon {\n font-size: 12px;\n margin: 11px 12px;\n}\n.s-dropdown.s-dropdown-lg {\n min-width: 107px;\n}\n.s-dropdown.s-dropdown-lg .q-btn__content .block {\n padding: 16px 24px 16px 28px;\n line-height: 30px;\n font-size: 18px;\n font-weight: 500;\n}\n.s-dropdown.s-dropdown-lg .q-btn__content .q-icon {\n font-size: 1.667em;\n margin: 19px 20px;\n}\n.s-dropdown.disabled {\n opacity: 1 !important;\n border: none;\n padding: 0;\n}\n.s-dropdown.disabled:before {\n border: 1px solid #cccccc;\n background: #e1e1e1 !important;\n}\n.s-dropdown.disabled .q-btn__content > .block,\n.s-dropdown.disabled .q-btn__content > .q-icon {\n color: #888888;\n}\n.s-dropdown.disabled .q-btn__content .block {\n border-right: 1px solid #cccccc !important;\n}\n.s-dropdown-menu {\n box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1254901961);\n}\n.s-dropdown-menu .q-item {\n padding: 4px 12px;\n min-height: 0;\n}\n.s-dropdown-menu .q-item__section {\n min-height: 0;\n height: 20px;\n}\n.s-dropdown-menu .q-item:not(.q-item--clickable) {\n cursor: default;\n color: #aaaaaa;\n}";
|
|
1491
|
+
styleInject(css_248z$w);
|
|
1492
1492
|
|
|
1493
|
-
script$
|
|
1493
|
+
script$x.render = render$y;
|
|
1494
1494
|
|
|
1495
1495
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
1496
1496
|
|
|
@@ -1557,7 +1557,7 @@
|
|
|
1557
1557
|
});
|
|
1558
1558
|
}
|
|
1559
1559
|
|
|
1560
|
-
var script$
|
|
1560
|
+
var script$w = vue.defineComponent({
|
|
1561
1561
|
name: 'SEditor',
|
|
1562
1562
|
components: {
|
|
1563
1563
|
QEditor: quasar.QEditor,
|
|
@@ -2033,9 +2033,9 @@
|
|
|
2033
2033
|
},
|
|
2034
2034
|
});
|
|
2035
2035
|
|
|
2036
|
-
var _hoisted_1$
|
|
2036
|
+
var _hoisted_1$l = { class: "row reverse q-mt-sm" };
|
|
2037
2037
|
|
|
2038
|
-
function render$
|
|
2038
|
+
function render$x(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2039
2039
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
2040
2040
|
var _component_q_input = vue.resolveComponent("q-input");
|
|
2041
2041
|
var _component_s_button = vue.resolveComponent("s-button");
|
|
@@ -2088,7 +2088,7 @@
|
|
|
2088
2088
|
placeholder: _ctx.imgInputPlaceholder,
|
|
2089
2089
|
autofocus: ""
|
|
2090
2090
|
}, null, 8, ["modelValue", "placeholder"]),
|
|
2091
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
2091
|
+
vue.createElementVNode("div", _hoisted_1$l, [
|
|
2092
2092
|
vue.withDirectives(vue.createVNode(_component_s_button, {
|
|
2093
2093
|
outline: "",
|
|
2094
2094
|
label: _ctx.imgUploadBtnLabel,
|
|
@@ -2116,12 +2116,12 @@
|
|
|
2116
2116
|
}, 16, ["content-style", "min-height", "max-height", "definitions", "toolbar", "modelValue"]))
|
|
2117
2117
|
}
|
|
2118
2118
|
|
|
2119
|
-
var css_248z$
|
|
2120
|
-
styleInject(css_248z$
|
|
2119
|
+
var css_248z$v = ".s-editor > .q-editor__toolbars-container > .q-editor__toolbar {\n height: 32px;\n overflow-y: hidden;\n}\n.s-editor .q-editor__toolbars-container > .q-editor__toolbar > .q-editor__toolbar-group:nth-child(2) > .q-btn-dropdown > .q-btn__content {\n width: 91px;\n}\n.s-editor .q-editor__content > p > img {\n display: inline-block;\n}\n.s-editor .q-editor__content .img-resize-handler {\n position: relative;\n background-color: transparent;\n display: inline-block;\n resize: both;\n overflow: hidden;\n}\n.s-editor .q-editor__content .img-resize-handler:after {\n content: \"\";\n position: absolute;\n border: 1px solid;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n.s-editor .q-editor__content .img-resize-handler > img {\n display: inline-block;\n object-fit: contain;\n width: 100%;\n height: 100%;\n}";
|
|
2120
|
+
styleInject(css_248z$v);
|
|
2121
2121
|
|
|
2122
|
-
script$
|
|
2122
|
+
script$w.render = render$x;
|
|
2123
2123
|
|
|
2124
|
-
var script$
|
|
2124
|
+
var script$v = vue.defineComponent({
|
|
2125
2125
|
name: 'SFilePicker',
|
|
2126
2126
|
components: {
|
|
2127
2127
|
QFile: quasar.QFile,
|
|
@@ -2172,7 +2172,7 @@
|
|
|
2172
2172
|
},
|
|
2173
2173
|
});
|
|
2174
2174
|
|
|
2175
|
-
function render$
|
|
2175
|
+
function render$w(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2176
2176
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
2177
2177
|
var _component_q_file = vue.resolveComponent("q-file");
|
|
2178
2178
|
|
|
@@ -2231,12 +2231,12 @@
|
|
|
2231
2231
|
]), 1032, ["model-value", "disable", "class"]))
|
|
2232
2232
|
}
|
|
2233
2233
|
|
|
2234
|
-
var css_248z$
|
|
2235
|
-
styleInject(css_248z$
|
|
2234
|
+
var css_248z$u = ".s-file {\n width: fit-content;\n max-height: 28px;\n}\n.s-file .q-field__inner .q-field__control {\n align-items: center;\n padding: 4px 8px;\n min-height: 28px;\n height: 28px;\n align-items: center;\n}\n.s-file .q-field__inner .q-field__control:hover, .s-file .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-file .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-file .q-field__inner .q-field__control .q-field__prepend {\n width: fit-content;\n height: 20px;\n padding: 0;\n flex-grow: 1;\n cursor: pointer;\n}\n.s-file .q-field__inner .q-field__control .q-field__prepend > .q-icon {\n margin-right: 8px;\n}\n.s-file .q-field__inner .q-field__control .q-field__prepend .file-placeholder {\n line-height: 165%;\n font-size: 12px;\n font-weight: 400;\n height: 100%;\n display: block;\n width: fit-content;\n}\n.s-file .q-field__inner .q-field__control-container .q-field__native {\n min-height: 0;\n}\n.s-file .q-field__inner .q-field__control-container .q-field__native > div {\n font-size: 12px;\n overflow: hidden;\n color: #222222;\n word-break: keep-all;\n white-space: nowrap;\n text-overflow: ellipsis;\n margin-right: 8px;\n line-height: 16px;\n}\n.s-file .q-field__inner .q-field__control .q-field__append {\n height: 1.667em;\n font-size: 12px;\n width: 20px;\n padding: 0;\n justify-content: center;\n align-items: center;\n margin-left: 8px;\n}\n.s-file .q-field__inner .q-field__control .q-field__append > .q-icon {\n font-size: 20px;\n}\n.s-file--nodata .q-field__inner .q-field__control .q-field__control-container {\n display: none;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #e1e1e1;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control .q-field__prepend {\n opacity: 1 !important;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control .q-field__prepend .file-placeholder {\n color: #888888 !important;\n}\n.s-file.q-field--disabled .q-field__inner .q-field__control .q-field__prepend .q-icon {\n color: #888888 !important;\n}";
|
|
2235
|
+
styleInject(css_248z$u);
|
|
2236
2236
|
|
|
2237
|
-
script$
|
|
2237
|
+
script$v.render = render$w;
|
|
2238
2238
|
|
|
2239
|
-
var script$
|
|
2239
|
+
var script$u = vue.defineComponent({
|
|
2240
2240
|
name: 'SHelp',
|
|
2241
2241
|
components: {
|
|
2242
2242
|
QBtn: quasar.QBtn,
|
|
@@ -2259,10 +2259,10 @@
|
|
|
2259
2259
|
},
|
|
2260
2260
|
});
|
|
2261
2261
|
|
|
2262
|
-
var _hoisted_1$
|
|
2262
|
+
var _hoisted_1$k = { class: "flex items-center" };
|
|
2263
2263
|
var _hoisted_2$e = ["innerHTML"];
|
|
2264
2264
|
|
|
2265
|
-
function render$
|
|
2265
|
+
function render$v(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2266
2266
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
2267
2267
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
2268
2268
|
var _component_q_popup_proxy = vue.resolveComponent("q-popup-proxy");
|
|
@@ -2295,7 +2295,7 @@
|
|
|
2295
2295
|
class: "close-btn q-pa-none",
|
|
2296
2296
|
size: "20px"
|
|
2297
2297
|
}, null, 8, ["icon"]),
|
|
2298
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
2298
|
+
vue.createElementVNode("div", _hoisted_1$k, [
|
|
2299
2299
|
vue.createVNode(_component_q_icon, {
|
|
2300
2300
|
name: _ctx.helpOutlineIcon,
|
|
2301
2301
|
size: "23px",
|
|
@@ -2320,12 +2320,12 @@
|
|
|
2320
2320
|
}, 8, ["outline", "color", "icon", "label", "class"]))
|
|
2321
2321
|
}
|
|
2322
2322
|
|
|
2323
|
-
var css_248z$
|
|
2324
|
-
styleInject(css_248z$
|
|
2323
|
+
var css_248z$t = "@charset \"UTF-8\";\n.s-help-btn {\n padding: 4px 16px 4px 10px;\n min-height: 28px;\n height: 28px;\n}\n.s-help-btn:before {\n border-color: #cccccc;\n}\n.s-help-btn .q-btn__content .q-icon {\n margin-right: 8px;\n font-size: 1.429em;\n}\n.s-help-btn .q-btn__content > .block {\n font-size: 12px;\n color: #333333;\n line-height: 20px;\n height: 20px;\n}\n.s-help-popup-open .q-btn__content > span {\n color: white !important;\n}\n.s-help-menu {\n width: fit-content;\n margin-top: 8px !important;\n border-radius: 8px;\n padding: 20px 32px;\n position: relative;\n}\n.s-help-menu .close-btn {\n position: absolute;\n top: 12px;\n right: 12px;\n min-height: 1em;\n height: 1em;\n width: 1em;\n}\n.s-help-menu .close-btn .q-btn__content .q-icon {\n height: 20px;\n width: 20px;\n}\n.s-help-menu > div {\n margin-bottom: 8px;\n}\n.s-help-menu > div .q-icon {\n margin-right: 8px;\n}\n.s-help-menu > div span {\n font-size: 16px;\n font-weight: 700;\n color: #333333;\n}\n.s-help-menu ul {\n margin: 0;\n padding: 0;\n}\n.s-help-menu ul li {\n list-style: none;\n font-size: 12px;\n line-height: 180%;\n}\n.s-help-menu ul li:before {\n content: \"•\";\n font-size: 14px;\n line-height: 20px;\n margin: 0 12px 0 8px;\n}";
|
|
2324
|
+
styleInject(css_248z$t);
|
|
2325
2325
|
|
|
2326
|
-
script$
|
|
2326
|
+
script$u.render = render$v;
|
|
2327
2327
|
|
|
2328
|
-
var script$
|
|
2328
|
+
var script$t = vue.defineComponent({
|
|
2329
2329
|
name: 'SInput',
|
|
2330
2330
|
components: {
|
|
2331
2331
|
QInput: quasar.QInput,
|
|
@@ -2416,7 +2416,7 @@
|
|
|
2416
2416
|
},
|
|
2417
2417
|
});
|
|
2418
2418
|
|
|
2419
|
-
var _hoisted_1$
|
|
2419
|
+
var _hoisted_1$j = {
|
|
2420
2420
|
key: 0,
|
|
2421
2421
|
class: "input-label"
|
|
2422
2422
|
};
|
|
@@ -2433,7 +2433,7 @@
|
|
|
2433
2433
|
class: "self-center"
|
|
2434
2434
|
};
|
|
2435
2435
|
|
|
2436
|
-
function render$
|
|
2436
|
+
function render$u(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2437
2437
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
2438
2438
|
var _component_q_input = vue.resolveComponent("q-input");
|
|
2439
2439
|
|
|
@@ -2480,7 +2480,7 @@
|
|
|
2480
2480
|
name: "before",
|
|
2481
2481
|
fn: vue.withCtx(function () { return [
|
|
2482
2482
|
(!_ctx.insideLabel)
|
|
2483
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
2483
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, vue.toDisplayString(_ctx.label), 1))
|
|
2484
2484
|
: (_ctx.insideLabel)
|
|
2485
2485
|
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$d, vue.toDisplayString(_ctx.insideLabel), 1))
|
|
2486
2486
|
: vue.createCommentVNode("", true)
|
|
@@ -2516,12 +2516,12 @@
|
|
|
2516
2516
|
]), 1032, ["type", "class", "modelValue"]))
|
|
2517
2517
|
}
|
|
2518
2518
|
|
|
2519
|
-
var css_248z$
|
|
2520
|
-
styleInject(css_248z$
|
|
2519
|
+
var css_248z$s = ".s-input {\n height: auto;\n width: fit-content;\n}\n.s-input .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n height: 28px;\n}\n.s-input .q-field__inner .q-field__control:before {\n border: 1px solid #aaaaaa;\n}\n.s-input .q-field__inner .q-field__control-container {\n padding: 4px 12px !important;\n}\n.s-input .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n padding: 0;\n}\n.s-input .q-field__inner .q-field__control-container input::placeholder {\n color: #aaaaaa;\n}\n.s-input .q-field__inner .q-field__control-container .q-field__prefix {\n padding: 0 4px 0 0;\n line-height: 100%;\n}\n.s-input .q-field__inner .q-field__control-container .q-field__suffix {\n padding: 0 0 0 4px;\n line-height: 100%;\n}\n.s-input .q-field__inner .q-field__control .q-field__append {\n padding: 0 8px 0 0;\n height: 100%;\n}\n.s-input .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-input .q-field__inner .q-field__control .q-field__prepend {\n padding: 0 0 0 8px;\n height: 28px;\n}\n.s-input .q-field__inner .q-field__control .q-field__prepend .q-icon {\n color: #888888;\n}\n.s-input .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n color: #737373;\n font-size: 12px;\n}\n.s-input .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #fb4444;\n}\n.s-input .q-field__inner .q-field__bottom .q-field__messages .error-msg {\n color: #e30000;\n flex-wrap: nowrap;\n width: 250px;\n gap: 4px;\n}\n.s-input .q-field__inner .q-field__bottom .q-field__messages .error-msg > p {\n line-height: 14px;\n}\n.s-input .q-field__before {\n height: 28px;\n padding: 0;\n}\n.s-input .q-field__before .input-label {\n padding: 4px 12px 4px 0;\n color: #333333;\n font-size: 12px;\n font-weight: 400;\n}\n.s-input .q-field__before .input-addon {\n color: #333333;\n height: 100%;\n line-height: 150%;\n padding: 4px 12px !important;\n border: 1px solid #aaaaaa;\n border-right: none;\n border-radius: 2px 0 0 2px;\n font-size: 12px;\n font-weight: 400;\n}\n.s-input.q-field--disabled .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.s-input.q-field--disabled .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.s-input.q-field--disabled .q-field__inner .q-field__control-container .q-field__native {\n color: #888888;\n}\n.s-input.q-field--disabled .q-field__inner .q-field__control-container > input::placeholder {\n color: #888888;\n}\n.s-input__password.q-field--focused .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #0075ff;\n}\n.s-input__right-slot {\n position: relative;\n}\n.s-input__right-slot .q-field__inner .q-field__bottom {\n padding: 0;\n min-height: 0;\n}\n.s-input__right-slot .q-field__inner .q-field__bottom .q-field__counter {\n height: 28px;\n position: absolute;\n right: -69px;\n top: -28px;\n display: flex;\n align-items: center;\n color: #aaaaaa;\n padding: 0;\n}\n.s-input__right-slot .q-field__after {\n height: 28px;\n font-size: 12px;\n color: #aaaaaa;\n align-items: end;\n padding-left: 8px;\n}\n.s-input__text-area {\n height: auto;\n min-width: 320px;\n min-height: 211px;\n}\n.s-input__text-area .q-field__inner .q-field__control {\n min-height: 100%;\n height: 100%;\n}\n.s-input__text-area .q-field__inner .q-field__control-container {\n padding: 0 !important;\n min-height: 100%;\n height: 100%;\n}\n.s-input__text-area .q-field__inner .q-field__control-container textarea {\n min-height: 100%;\n height: 100%;\n padding: 4px 12px !important;\n line-height: 165%;\n}\n.s-input__text-area .q-field__inner .q-field__bottom {\n padding: 0;\n padding-top: 4px;\n}\n.s-input__text-area .q-field__inner .q-field__bottom .q-field__counter {\n padding: 0;\n color: #cccccc;\n font-size: 12px;\n}\n.s-input__inside-label .q-field__inner .q-field__control {\n border-radius: 0 2px 2px 0;\n}";
|
|
2520
|
+
styleInject(css_248z$s);
|
|
2521
2521
|
|
|
2522
|
-
script$
|
|
2522
|
+
script$t.render = render$u;
|
|
2523
2523
|
|
|
2524
|
-
var script$
|
|
2524
|
+
var script$s = vue.defineComponent({
|
|
2525
2525
|
name: 'SInputNumber',
|
|
2526
2526
|
components: {
|
|
2527
2527
|
QInput: quasar.QInput,
|
|
@@ -2564,7 +2564,7 @@
|
|
|
2564
2564
|
},
|
|
2565
2565
|
});
|
|
2566
2566
|
|
|
2567
|
-
function render$
|
|
2567
|
+
function render$t(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2568
2568
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
2569
2569
|
var _component_q_input = vue.resolveComponent("q-input");
|
|
2570
2570
|
|
|
@@ -2616,12 +2616,12 @@
|
|
|
2616
2616
|
]), 1032, ["modelValue"]))
|
|
2617
2617
|
}
|
|
2618
2618
|
|
|
2619
|
-
var css_248z$
|
|
2620
|
-
styleInject(css_248z$
|
|
2619
|
+
var css_248z$r = ".s-input-number {\n height: auto;\n min-width: 108px;\n}\n.s-input-number .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n height: 28px;\n}\n.s-input-number .q-field__inner .q-field__control:before {\n border: 1px solid #aaaaaa;\n}\n.s-input-number .q-field__inner .q-field__control-container {\n padding: 4px 8px 4px 12px;\n height: 28px;\n}\n.s-input-number .q-field__inner .q-field__control-container .q-field__native {\n color: #333333;\n padding: 0;\n font-weight: 400;\n font-size: 12px;\n}\n.s-input-number .q-field__inner .q-field__control-container input::placeholder {\n color: #aaaaaa;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append {\n height: 28px;\n display: none;\n padding: 0;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append .q-btn {\n width: 20px;\n height: 20px;\n min-height: 0;\n min-width: 0;\n margin: 0 5px 0 4px;\n border-radius: 2px;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append .q-btn .q-btn__content {\n width: 100%;\n height: 100%;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append .q-btn .q-btn__content .q-icon {\n color: #888888;\n font-size: 12px;\n}\n.s-input-number .q-field__inner .q-field__control .q-field__append .q-btn:first-of-type {\n margin: 0;\n}\n.s-input-number .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n color: #737373;\n font-size: 12px;\n}\n.s-input-number .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #fb4444;\n}\n.q-field--focused.s-input-number .q-field__inner .q-field__control .q-field__append {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control {\n background-color: #eeeeee !important;\n color: #888888 !important;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control:before {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control-container {\n opacity: 1 !important;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control-container .q-field__native {\n color: #888888;\n}\n.q-field--disabled.s-input-number .q-field__inner .q-field__control .q-field__append {\n opacity: 1;\n}\n\n/* Chrome, Safari, Edge, Opera */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n/* Firefox */\ninput[type=number] {\n -moz-appearance: textfield;\n}";
|
|
2620
|
+
styleInject(css_248z$r);
|
|
2621
2621
|
|
|
2622
|
-
script$
|
|
2622
|
+
script$s.render = render$t;
|
|
2623
2623
|
|
|
2624
|
-
var script$
|
|
2624
|
+
var script$r = vue.defineComponent({
|
|
2625
2625
|
name: 'SInputCounter',
|
|
2626
2626
|
components: {
|
|
2627
2627
|
QInput: quasar.QInput,
|
|
@@ -2643,7 +2643,7 @@
|
|
|
2643
2643
|
},
|
|
2644
2644
|
});
|
|
2645
2645
|
|
|
2646
|
-
function render$
|
|
2646
|
+
function render$s(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2647
2647
|
var _component_q_input = vue.resolveComponent("q-input");
|
|
2648
2648
|
|
|
2649
2649
|
return (vue.openBlock(), vue.createBlock(_component_q_input, {
|
|
@@ -2665,12 +2665,12 @@
|
|
|
2665
2665
|
}, 8, ["modelValue", "maxlength"]))
|
|
2666
2666
|
}
|
|
2667
2667
|
|
|
2668
|
-
var css_248z$
|
|
2669
|
-
styleInject(css_248z$
|
|
2668
|
+
var css_248z$q = "";
|
|
2669
|
+
styleInject(css_248z$q);
|
|
2670
2670
|
|
|
2671
|
-
script$
|
|
2671
|
+
script$r.render = render$s;
|
|
2672
2672
|
|
|
2673
|
-
var script$
|
|
2673
|
+
var script$q = vue.defineComponent({
|
|
2674
2674
|
name: 'SList',
|
|
2675
2675
|
components: {
|
|
2676
2676
|
QList: quasar.QList,
|
|
@@ -2683,7 +2683,7 @@
|
|
|
2683
2683
|
},
|
|
2684
2684
|
});
|
|
2685
2685
|
|
|
2686
|
-
function render$
|
|
2686
|
+
function render$r(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2687
2687
|
var _component_q_item_label = vue.resolveComponent("q-item-label");
|
|
2688
2688
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
2689
2689
|
var _component_q_item = vue.resolveComponent("q-item");
|
|
@@ -2715,9 +2715,9 @@
|
|
|
2715
2715
|
}))
|
|
2716
2716
|
}
|
|
2717
2717
|
|
|
2718
|
-
script$
|
|
2718
|
+
script$q.render = render$r;
|
|
2719
2719
|
|
|
2720
|
-
var script$
|
|
2720
|
+
var script$p = vue.defineComponent({
|
|
2721
2721
|
name: 'SMarkupTable',
|
|
2722
2722
|
components: {
|
|
2723
2723
|
QMarkupTable: quasar.QMarkupTable, QInnerLoading: quasar.QInnerLoading,
|
|
@@ -2741,7 +2741,7 @@
|
|
|
2741
2741
|
},
|
|
2742
2742
|
});
|
|
2743
2743
|
|
|
2744
|
-
function render$
|
|
2744
|
+
function render$q(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2745
2745
|
var _component_q_inner_loading = vue.resolveComponent("q-inner-loading");
|
|
2746
2746
|
var _component_q_markup_table = vue.resolveComponent("q-markup-table");
|
|
2747
2747
|
|
|
@@ -2769,12 +2769,12 @@
|
|
|
2769
2769
|
}, 8, ["separator", "class"]))
|
|
2770
2770
|
}
|
|
2771
2771
|
|
|
2772
|
-
var css_248z$
|
|
2773
|
-
styleInject(css_248z$
|
|
2772
|
+
var css_248z$p = ".s-markup-table {\n border-radius: 8px !important;\n border: 1px solid #e1e1e1;\n}\n.s-markup-table .q-table thead {\n min-height: 0;\n}\n.s-markup-table .q-table thead tr {\n height: 40px;\n}\n.s-markup-table .q-table thead tr th {\n padding: 0 16px;\n font-size: 12px;\n font-weight: 500;\n word-break: keep-all;\n white-space: nowrap;\n}\n.s-markup-table .q-table tbody tr {\n min-height: 0px;\n height: 40px;\n}\n.s-markup-table .q-table tbody tr th {\n font-size: 12px;\n}\n.s-markup-table .q-table tbody tr td {\n height: 40px;\n padding: 0 12px;\n font-size: 12px;\n}\n.s-markup-table .q-table tbody tr td:before {\n background: none;\n}\n.s-markup-table .q-table tbody tr:hover {\n background-color: #f9f9f9;\n}\n.s-markup-table.header-top .q-table thead {\n background: #f5faff;\n}\n.s-markup-table.header-left .q-table tbody tr th {\n background: #f5faff;\n font-weight: 700;\n border-bottom: 1px solid #e1e1e1;\n padding: 0 16px;\n}\n.s-markup-table.header-left .q-table tbody tr th:not(:first-of-type) {\n border-left: 1px solid #e1e1e1;\n}\n.s-markup-table.header-left .q-table tbody tr th:not(:first-of-type) {\n border-left: 1px solid #e1e1e1;\n}\n.s-markup-table.header-left .q-table tbody tr:last-of-type th {\n border-bottom: none;\n}\n.s-markup-table.header-left .q-table tbody tr td {\n padding: 0 12px;\n}\n.s-markup-table.tr-no-hover tbody tr:hover {\n background-color: transparent;\n}\n.s-markup-table.tr-no-hover tbody tr:hover td:before {\n background-color: transparent;\n}";
|
|
2773
|
+
styleInject(css_248z$p);
|
|
2774
2774
|
|
|
2775
|
-
script$
|
|
2775
|
+
script$p.render = render$q;
|
|
2776
2776
|
|
|
2777
|
-
var script$
|
|
2777
|
+
var script$o = vue.defineComponent({
|
|
2778
2778
|
name: 'SPagination',
|
|
2779
2779
|
components: {
|
|
2780
2780
|
QBtn: quasar.QBtn,
|
|
@@ -2890,7 +2890,7 @@
|
|
|
2890
2890
|
},
|
|
2891
2891
|
});
|
|
2892
2892
|
|
|
2893
|
-
var _hoisted_1$
|
|
2893
|
+
var _hoisted_1$i = {
|
|
2894
2894
|
key: 0,
|
|
2895
2895
|
class: "icons-container"
|
|
2896
2896
|
};
|
|
@@ -2906,14 +2906,14 @@
|
|
|
2906
2906
|
class: "icons-container"
|
|
2907
2907
|
};
|
|
2908
2908
|
|
|
2909
|
-
function render$
|
|
2909
|
+
function render$p(_ctx, _cache, $props, $setup, $data, $options) {
|
|
2910
2910
|
var _component_q_btn = vue.resolveComponent("q-btn");
|
|
2911
2911
|
|
|
2912
2912
|
return (vue.openBlock(), vue.createElementBlock("div", {
|
|
2913
2913
|
class: vue.normalizeClass(["s-pagination row", { 'single-pagination': _ctx.perPage === 1 }])
|
|
2914
2914
|
}, [
|
|
2915
2915
|
(_ctx.paginationInfo.startPage !== 1)
|
|
2916
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
2916
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [
|
|
2917
2917
|
vue.createVNode(_component_q_btn, {
|
|
2918
2918
|
flat: "",
|
|
2919
2919
|
dense: "",
|
|
@@ -3003,12 +3003,12 @@
|
|
|
3003
3003
|
], 2))
|
|
3004
3004
|
}
|
|
3005
3005
|
|
|
3006
|
-
var css_248z$
|
|
3007
|
-
styleInject(css_248z$
|
|
3006
|
+
var css_248z$o = ".s-pagination {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 58px;\n}\n.s-pagination .q-btn {\n min-height: 26px;\n height: 26px;\n margin: 0 4px;\n justify-content: center;\n}\n.s-pagination .q-btn:hover:before {\n border: 1px solid #006ac1;\n}\n.s-pagination .q-btn:hover .q-focus-helper {\n opacity: 0 !important;\n}\n.s-pagination .q-btn:hover .q-focus-helper:before, .s-pagination .q-btn:hover .q-focus-helper:after {\n opacity: 0 !important;\n}\n.s-pagination .q-btn:hover .q-btn__content .q-icon {\n color: #006ac1;\n}\n.s-pagination .q-btn:hover .q-btn__content > span {\n color: #006ac1;\n}\n.s-pagination > .icons-container .q-btn {\n padding: 0 !important;\n min-width: 26px;\n width: 26px;\n}\n.s-pagination > .icons-container .q-btn__content .q-icon {\n font-size: 12px;\n width: 1em;\n height: 1em;\n}\n.s-pagination .pagination-container .q-btn {\n min-width: 26px;\n width: fit-content;\n padding: 0;\n}\n.s-pagination .pagination-container .q-btn__content {\n padding: 2px 10px;\n}\n.s-pagination .pagination-container .q-btn__content > span {\n height: 20px;\n line-height: 20px;\n font-size: 12px;\n font-weight: 400;\n}\n.s-pagination .pagination-container .pagination-active-btn:before {\n background: #006ac1 !important;\n}\n.s-pagination .pagination-container .pagination-active-btn .q-btn__content > span {\n color: white !important;\n}\n.s-pagination .q-btn.disabled:hover:before {\n border: none;\n}\n.s-pagination .q-btn.disabled:hover .q-btn__content .q-icon {\n color: #888888;\n}\n.s-pagination .q-btn.disabled:hover .q-btn__content > span {\n color: #888888;\n}\n.single-pagination .pagination-container {\n display: flex;\n}\n.single-pagination .pagination-container .q-btn {\n cursor: default;\n}\n.single-pagination .pagination-container .q-btn:hover:before {\n border: none;\n}\n.single-pagination .pagination-container .q-btn:hover .q-btn__content > span {\n color: #555555;\n}\n.single-pagination .pagination-container .pagination-last_page {\n display: flex;\n gap: 6px;\n align-items: center;\n}\n.single-pagination .pagination-container .pagination-last_page span {\n color: #555555;\n font-size: 12px;\n margin: 0 6px 0 0;\n}";
|
|
3007
|
+
styleInject(css_248z$o);
|
|
3008
3008
|
|
|
3009
|
-
script$
|
|
3009
|
+
script$o.render = render$p;
|
|
3010
3010
|
|
|
3011
|
-
var script$
|
|
3011
|
+
var script$n = vue.defineComponent({
|
|
3012
3012
|
name: 'SRadio',
|
|
3013
3013
|
components: {
|
|
3014
3014
|
QRadio: quasar.QRadio,
|
|
@@ -3018,7 +3018,7 @@
|
|
|
3018
3018
|
},
|
|
3019
3019
|
});
|
|
3020
3020
|
|
|
3021
|
-
function render$
|
|
3021
|
+
function render$o(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3022
3022
|
var _component_q_radio = vue.resolveComponent("q-radio");
|
|
3023
3023
|
|
|
3024
3024
|
return (vue.openBlock(), vue.createBlock(_component_q_radio, {
|
|
@@ -3029,12 +3029,12 @@
|
|
|
3029
3029
|
}, null, 8, ["class"]))
|
|
3030
3030
|
}
|
|
3031
3031
|
|
|
3032
|
-
var css_248z$
|
|
3033
|
-
styleInject(css_248z$
|
|
3032
|
+
var css_248z$n = ".s-radio > .q-radio__inner {\n min-width: 1.334em;\n width: 1.334em;\n height: 1.334em;\n color: #888888;\n}\n.s-radio > .q-radio__inner:before {\n opacity: 0 !important;\n}\n.s-radio > .q-radio__inner:hover {\n color: #0075ff;\n}\n.s-radio .q-radio__label {\n padding-left: 8px;\n color: #333333;\n line-height: 20px;\n}\n.s-radio[aria-checked=true] .q-radio__inner .q-radio__bg .q-radio__check {\n transform: scale3d(1.2, 1.2, 1);\n}\n.disabled.s-radio {\n opacity: 1 !important;\n border: none;\n background: none !important;\n}\n.disabled.s-radio .q-radio__inner {\n color: #cccccc !important;\n background: #eeeeee;\n}\n.radio-margin-sm {\n margin-right: 20px;\n}\n.radio-margin-sm:last-of-type {\n margin-right: 0;\n}\n.radio-margin-lg {\n margin-right: 40px;\n}\n.radio-margin-lg:last-of-type {\n margin-right: 0;\n}";
|
|
3033
|
+
styleInject(css_248z$n);
|
|
3034
3034
|
|
|
3035
|
-
script$
|
|
3035
|
+
script$n.render = render$o;
|
|
3036
3036
|
|
|
3037
|
-
var script$
|
|
3037
|
+
var script$m = vue.defineComponent({
|
|
3038
3038
|
name: 'STab',
|
|
3039
3039
|
components: {
|
|
3040
3040
|
QRouteTab: quasar.QRouteTab,
|
|
@@ -3050,9 +3050,9 @@
|
|
|
3050
3050
|
},
|
|
3051
3051
|
});
|
|
3052
3052
|
|
|
3053
|
-
var _hoisted_1$
|
|
3053
|
+
var _hoisted_1$h = /*#__PURE__*/vue.createElementVNode("div", { class: "s-tab-space" }, null, -1);
|
|
3054
3054
|
|
|
3055
|
-
function render$
|
|
3055
|
+
function render$n(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3056
3056
|
var _component_q_route_tab = vue.resolveComponent("q-route-tab");
|
|
3057
3057
|
|
|
3058
3058
|
return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
@@ -3064,16 +3064,16 @@
|
|
|
3064
3064
|
exact: "",
|
|
3065
3065
|
class: "s-tab"
|
|
3066
3066
|
}, null, 8, ["name", "label", "to"]),
|
|
3067
|
-
_hoisted_1$
|
|
3067
|
+
_hoisted_1$h
|
|
3068
3068
|
], 64))
|
|
3069
3069
|
}
|
|
3070
3070
|
|
|
3071
|
-
var css_248z$
|
|
3072
|
-
styleInject(css_248z$
|
|
3071
|
+
var css_248z$m = ".s-route-tab {\n padding: 12px 32px;\n border-radius: 4px 4px 0 0;\n border: 1px solid #cccccc;\n border-bottom: 1px solid #0075ff;\n background: #f6f6f6;\n color: #888888;\n min-height: 0;\n}\n.s-route-tab .q-tab__content {\n padding: 0;\n height: 20px;\n min-width: 0;\n}\n.s-route-tab .q-tab__content .q-tab__label {\n height: 20px;\n line-height: 165%;\n font-weight: 400;\n}\n.s-route-tab.q-tab--active {\n border: 1px solid #0075ff;\n background: white;\n}\n.s-route-tab.q-tab--active .q-tab__content .q-tab__label {\n font-weight: 700;\n}\n.s-tab-space {\n width: 4px;\n min-width: 4px;\n height: 100%;\n border-bottom: 1px solid #0075ff;\n}\n.s-tab-space:last-of-type {\n width: 100%;\n}";
|
|
3072
|
+
styleInject(css_248z$m);
|
|
3073
3073
|
|
|
3074
|
-
script$
|
|
3074
|
+
script$m.render = render$n;
|
|
3075
3075
|
|
|
3076
|
-
var script$
|
|
3076
|
+
var script$l = vue.defineComponent({
|
|
3077
3077
|
name: 'SSelect',
|
|
3078
3078
|
components: {
|
|
3079
3079
|
QSelect: quasar.QSelect,
|
|
@@ -3214,10 +3214,10 @@
|
|
|
3214
3214
|
},
|
|
3215
3215
|
});
|
|
3216
3216
|
|
|
3217
|
-
var _hoisted_1$
|
|
3217
|
+
var _hoisted_1$g = { class: "include-label" };
|
|
3218
3218
|
var _hoisted_2$b = { key: 0 };
|
|
3219
3219
|
|
|
3220
|
-
function render$
|
|
3220
|
+
function render$m(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3221
3221
|
var _component_q_item_label = vue.resolveComponent("q-item-label");
|
|
3222
3222
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
3223
3223
|
var _component_q_item = vue.resolveComponent("q-item");
|
|
@@ -3278,7 +3278,7 @@
|
|
|
3278
3278
|
? {
|
|
3279
3279
|
name: "prepend",
|
|
3280
3280
|
fn: vue.withCtx(function () { return [
|
|
3281
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
3281
|
+
vue.createElementVNode("div", _hoisted_1$g, vue.toDisplayString(_ctx.label), 1)
|
|
3282
3282
|
]; }),
|
|
3283
3283
|
key: "0"
|
|
3284
3284
|
}
|
|
@@ -3345,12 +3345,12 @@
|
|
|
3345
3345
|
]), 1040, ["dropdown-icon", "options-selected-class", "popup-content-class", "use-input", "options", "option-label", "option-value", "onInputValue", "onFocus", "onBlur", "emit-value", "onPopupHide"]))
|
|
3346
3346
|
}
|
|
3347
3347
|
|
|
3348
|
-
var css_248z$
|
|
3349
|
-
styleInject(css_248z$
|
|
3348
|
+
var css_248z$l = ".s-select .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select .q-field__inner .q-field__control:hover, .s-select .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item, .s-select-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item__section .q-item__label > span, .s-select-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item--active, .s-select-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg, .s-select-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select.q-field--disabled .q-field__control > .q-field__prepend {\n opacity: 1 !important;\n border-right: 1px solid #cccccc;\n}\n.s-select .q-field__prepend {\n background-color: #f6f6f6;\n height: auto;\n border-right: 1px solid #aaaaaa;\n padding: 4px 12px !important;\n}\n.s-select .q-field__prepend .include-label {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select.q-select--multiple .q-field__inner .q-field__control-container .q-field__native {\n display: block;\n min-height: 0;\n height: 28px;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.s-select.q-select--multiple .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n text-overflow: ellipsis;\n overflow-x: hidden;\n}\n.s-select.q-select--multiple .q-field__inner .q-field__control-container .q-field__native > input {\n min-height: 100%;\n}\n.s-select-group-opts {\n padding: 0;\n}\n.s-select-group-opts .s-select-no-option {\n padding: 6px 12px;\n}\n.s-select-group-opts .group-title {\n opacity: 1 !important;\n background: #f6f6f6 !important;\n border: none;\n border-top: 1px solid #e1e1e1;\n}\n.s-select-group-opts .group-title .q-item__section .q-item__label {\n color: #333333 !important;\n}\n.s-select-group-opts .group-option {\n padding: 4px 12px 4px 20px !important;\n}\n.s-select-group-opts .group-option.disabled {\n background: white !important;\n border: none !important;\n}\n.s-select-group-opts .group-option.disabled .q-item__section {\n color: #aaaaaa !important;\n}";
|
|
3349
|
+
styleInject(css_248z$l);
|
|
3350
3350
|
|
|
3351
|
-
script$
|
|
3351
|
+
script$l.render = render$m;
|
|
3352
3352
|
|
|
3353
|
-
var script$
|
|
3353
|
+
var script$k = vue.defineComponent({
|
|
3354
3354
|
name: 'SSelectCheckbox',
|
|
3355
3355
|
emits: ['update:modelValue'],
|
|
3356
3356
|
components: {
|
|
@@ -3480,7 +3480,7 @@
|
|
|
3480
3480
|
},
|
|
3481
3481
|
});
|
|
3482
3482
|
|
|
3483
|
-
function render$
|
|
3483
|
+
function render$l(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3484
3484
|
var _component_s_checkbox = vue.resolveComponent("s-checkbox");
|
|
3485
3485
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
3486
3486
|
var _component_q_img = vue.resolveComponent("q-img");
|
|
@@ -3601,12 +3601,12 @@
|
|
|
3601
3601
|
]), 1032, ["dropdown-icon", "modelValue", "options", "popup-content-class", "option-label", "option-value", "option-group", "onAdd", "onRemove"]))
|
|
3602
3602
|
}
|
|
3603
3603
|
|
|
3604
|
-
var css_248z$
|
|
3605
|
-
styleInject(css_248z$
|
|
3604
|
+
var css_248z$k = ".s-select-checkbox .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-checkbox .q-field__inner .q-field__control:hover, .s-select-checkbox .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select-checkbox .q-field__native {\n display: block;\n min-height: 0;\n height: 28px;\n width: 100%;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.s-select-checkbox .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__native > .s-checkbox {\n margin-right: 8px;\n}\n.s-select-checkbox-opts > .q-virtual-scroll__content > .q-item.disabled {\n border: none;\n color: #333333 !important;\n opacity: 1 !important;\n background: #f6f6f6 !important;\n border-top: 1px solid #e1e1e1 !important;\n}\n.s-select-checkbox-opts > .q-virtual-scroll__content > .q-item.disabled:not(.q-manual-focusable):first-of-type {\n border-top: none !important;\n}\n.custom-select-options {\n height: 28px;\n}";
|
|
3605
|
+
styleInject(css_248z$k);
|
|
3606
3606
|
|
|
3607
|
-
script$
|
|
3607
|
+
script$k.render = render$l;
|
|
3608
3608
|
|
|
3609
|
-
var script$
|
|
3609
|
+
var script$j = vue.defineComponent({
|
|
3610
3610
|
name: 'SSelectSearchCheckbox',
|
|
3611
3611
|
emits: ['update:modelValue'],
|
|
3612
3612
|
components: {
|
|
@@ -3778,7 +3778,7 @@
|
|
|
3778
3778
|
},
|
|
3779
3779
|
});
|
|
3780
3780
|
|
|
3781
|
-
var _hoisted_1$
|
|
3781
|
+
var _hoisted_1$f = { class: "search-input-form-container" };
|
|
3782
3782
|
var _hoisted_2$a = { class: "select-search-input-form" };
|
|
3783
3783
|
var _hoisted_3$6 = ["placeholder"];
|
|
3784
3784
|
var _hoisted_4$5 = { key: 0 };
|
|
@@ -3787,7 +3787,7 @@
|
|
|
3787
3787
|
var _hoisted_7$1 = { class: "select-search-input-form" };
|
|
3788
3788
|
var _hoisted_8$1 = ["placeholder"];
|
|
3789
3789
|
|
|
3790
|
-
function render$
|
|
3790
|
+
function render$k(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3791
3791
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
3792
3792
|
var _component_s_checkbox = vue.resolveComponent("s-checkbox");
|
|
3793
3793
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
@@ -3823,7 +3823,7 @@
|
|
|
3823
3823
|
ref: "sSelectRef"
|
|
3824
3824
|
}, vue.createSlots({
|
|
3825
3825
|
"before-options": vue.withCtx(function () { return [
|
|
3826
|
-
vue.createElementVNode("div", _hoisted_1$
|
|
3826
|
+
vue.createElementVNode("div", _hoisted_1$f, [
|
|
3827
3827
|
vue.createElementVNode("form", _hoisted_2$a, [
|
|
3828
3828
|
vue.createVNode(_component_q_icon, {
|
|
3829
3829
|
name: _ctx.searchIcon,
|
|
@@ -3961,12 +3961,12 @@
|
|
|
3961
3961
|
]), 1032, ["dropdown-icon", "modelValue", "options", "popup-content-class", "option-label", "option-value", "option-group", "onAdd", "onRemove"]))
|
|
3962
3962
|
}
|
|
3963
3963
|
|
|
3964
|
-
var css_248z$
|
|
3965
|
-
styleInject(css_248z$
|
|
3964
|
+
var css_248z$j = ".s-select-checkbox .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-checkbox .q-field__inner .q-field__control:hover, .s-select-checkbox .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select-checkbox .q-field__native {\n display: block;\n min-height: 0;\n height: 28px;\n width: 100%;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.s-select-checkbox .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__native > .s-checkbox {\n margin-right: 8px;\n}\n.custom-select-options {\n height: 28px;\n}\n.disabled.s-select-checkbox-option {\n border: none;\n background: none !important;\n color: #888888 !important;\n}\n.select-search-input-form {\n height: 28px;\n display: flex;\n align-items: center;\n padding-left: 8px;\n position: relative;\n border-radius: 2px;\n border: 1px solid #aaaaaa;\n background-color: white;\n position: sticky;\n top: 0;\n z-index: 1;\n margin: 4px;\n}\n.select-search-input-form::after {\n content: \"\";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n pointer-events: none;\n border: 1px solid transparent;\n border-radius: inherit;\n}\n.select-search-input-form:hover::after, .select-search-input-form:focus-within::after {\n border-color: #0075ff;\n box-shadow: 0 0 4px #0075ff;\n transition: border-color 0.36s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.select-search-input-form .select-search-input {\n font-size: 12px;\n margin-left: 8px;\n flex-grow: 1;\n border: none;\n outline: none;\n}";
|
|
3965
|
+
styleInject(css_248z$j);
|
|
3966
3966
|
|
|
3967
|
-
script$
|
|
3967
|
+
script$j.render = render$k;
|
|
3968
3968
|
|
|
3969
|
-
var script$
|
|
3969
|
+
var script$i = vue.defineComponent({
|
|
3970
3970
|
name: 'SSelectGroupCheckbox',
|
|
3971
3971
|
emits: ['update:modelValue'],
|
|
3972
3972
|
components: {
|
|
@@ -4072,7 +4072,7 @@
|
|
|
4072
4072
|
},
|
|
4073
4073
|
});
|
|
4074
4074
|
|
|
4075
|
-
function render$
|
|
4075
|
+
function render$j(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4076
4076
|
var _component_s_checkbox = vue.resolveComponent("s-checkbox");
|
|
4077
4077
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
4078
4078
|
var _component_q_img = vue.resolveComponent("q-img");
|
|
@@ -4169,12 +4169,12 @@
|
|
|
4169
4169
|
]), 1032, ["dropdown-icon", "modelValue", "options", "popup-content-class", "option-label", "option-value", "option-group", "onAdd", "onRemove"]))
|
|
4170
4170
|
}
|
|
4171
4171
|
|
|
4172
|
-
var css_248z$
|
|
4173
|
-
styleInject(css_248z$
|
|
4172
|
+
var css_248z$i = ".s-select-checkbox .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-checkbox .q-field__inner .q-field__control:hover, .s-select-checkbox .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-checkbox .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-checkbox .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-group-checkbox-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select-checkbox .q-field__native {\n display: block;\n min-height: 0;\n height: 28px;\n width: 100%;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.s-select-checkbox .q-field__native > span {\n max-height: 28px;\n}\n.s-select-checkbox .q-field__native > .s-checkbox {\n margin-right: 8px;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt {\n border: none;\n color: #333333 !important;\n opacity: 1 !important;\n height: auto;\n padding: 0;\n background-color: white;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-title,\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt .group-content {\n flex-direction: row !important;\n justify-content: flex-start !important;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-title > .s-checkbox,\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt .group-content > .s-checkbox {\n margin-right: 10px;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-title {\n background-color: #f6f6f6;\n border-top: 1px solid #e1e1e1 !important;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-title:first-of-type {\n border-top: none !important;\n}\n.s-select-group-checkbox-opts > .q-virtual-scroll__content > .q-item.grouping-opt > .group-content {\n margin: 0;\n padding: 4px 12px 4px 16px;\n}";
|
|
4173
|
+
styleInject(css_248z$i);
|
|
4174
4174
|
|
|
4175
|
-
script$
|
|
4175
|
+
script$i.render = render$j;
|
|
4176
4176
|
|
|
4177
|
-
var script$
|
|
4177
|
+
var script$h = vue.defineComponent({
|
|
4178
4178
|
name: 'SSelectCustom',
|
|
4179
4179
|
components: {
|
|
4180
4180
|
QSelect: quasar.QSelect,
|
|
@@ -4263,7 +4263,7 @@
|
|
|
4263
4263
|
},
|
|
4264
4264
|
});
|
|
4265
4265
|
|
|
4266
|
-
function render$
|
|
4266
|
+
function render$i(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4267
4267
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
4268
4268
|
var _component_q_item_section = vue.resolveComponent("q-item-section");
|
|
4269
4269
|
var _component_q_item = vue.resolveComponent("q-item");
|
|
@@ -4357,19 +4357,19 @@
|
|
|
4357
4357
|
]), 1032, ["dropdown-icon", "options", "use-input", "input-debounce", "onFilter", "optionLabel", "optionValue", "modelValue", "rules"]))
|
|
4358
4358
|
}
|
|
4359
4359
|
|
|
4360
|
-
var css_248z$
|
|
4361
|
-
styleInject(css_248z$
|
|
4360
|
+
var css_248z$h = ".s-select-custom .q-field__inner .q-field__control {\n background: white;\n padding: 0;\n min-height: 0;\n height: 28px;\n}\n.s-select-custom .q-field__inner .q-field__control:after {\n border: 1px solid #aaaaaa;\n box-shadow: none;\n}\n.s-select-custom .q-field__inner .q-field__control:hover, .s-select-custom .q-field__inner .q-field__control:active {\n background: #f6f6f6;\n}\n.s-select-custom .q-field__inner .q-field__control-container .q-field__native {\n font-size: 12px;\n min-height: 0;\n padding: 4px 0 4px 12px !important;\n color: #333333;\n}\n.s-select-custom .q-field__inner .q-field__control-container .q-field__native > span {\n max-height: 28px;\n}\n.s-select-custom .q-field__inner .q-field__control-container .q-field__native > .q-placeholder {\n min-height: 100%;\n}\n.s-select-custom .q-field__inner .q-field__control .q-field__append {\n min-height: 0;\n height: inherit;\n padding: 8px;\n}\n.s-select-custom .q-field__inner .q-field__control .q-field__append .q-icon {\n font-size: 12px;\n color: #888888;\n width: 1em;\n height: 1em;\n}\n.s-select-custom .q-field__inner .q-field__bottom {\n padding: 8px 0px 0px 0px;\n font-size: 12px;\n color: #737373;\n}\n.s-select-custom .q-field__inner .q-field__bottom .q-field__messages div[role=alert] {\n color: #e30000;\n}\n.q-field--disabled.s-select-custom .q-field__inner .q-field__control {\n opacity: 1 !important;\n background: #eeeeee;\n}\n.q-field--disabled.s-select-custom .q-field__inner .q-field__control:after {\n border: 1px solid #cccccc;\n}\n.q-field--disabled.s-select-custom .q-field__inner .q-field__control-container .q-field__native > span {\n color: #888888;\n}\n.q-field--disabled.s-select-custom .q-field__inner .q-field__control .q-field__append .q-icon {\n color: #888888;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item {\n padding: 6px 12px;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item__section .q-item__label > span {\n font-size: 12px;\n font-weight: 400;\n color: #333333;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-item--active {\n color: #333333 !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused {\n background: #0075ff;\n color: white !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-focus-helper {\n opacity: 0 !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-item__label > span {\n color: white !important;\n}\n.s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--indet .q-checkbox__bg, .s-select-group-opts .q-virtual-scroll__content .q-manual-focusable--focused .q-item__section .q-checkbox .q-checkbox__inner--truthy .q-checkbox__bg {\n border: 1px solid white !important;\n}\n.s-select-custom > .q-field__inner .q-field__prepend {\n padding: 0 0 0 8px;\n}\n.s-select-custom > .q-field__inner .q-field__prepend + .q-field__control-container .q-field__native {\n padding-left: 8px !important;\n}";
|
|
4361
|
+
styleInject(css_248z$h);
|
|
4362
4362
|
|
|
4363
|
-
script$
|
|
4363
|
+
script$h.render = render$i;
|
|
4364
4364
|
|
|
4365
|
-
var script$
|
|
4365
|
+
var script$g = vue.defineComponent({
|
|
4366
4366
|
name: 'SSelectSearchAutoComplete',
|
|
4367
4367
|
emits: ['selectOption', 'onSearch', 'clearModel'],
|
|
4368
4368
|
components: {
|
|
4369
4369
|
QIcon: quasar.QIcon,
|
|
4370
4370
|
QSelect: quasar.QSelect,
|
|
4371
4371
|
QItem: quasar.QItem,
|
|
4372
|
-
SInput: script$
|
|
4372
|
+
SInput: script$t,
|
|
4373
4373
|
QItemSection: quasar.QItemSection,
|
|
4374
4374
|
QItemLabel: quasar.QItemLabel,
|
|
4375
4375
|
},
|
|
@@ -4442,12 +4442,12 @@
|
|
|
4442
4442
|
},
|
|
4443
4443
|
});
|
|
4444
4444
|
|
|
4445
|
-
var _hoisted_1$
|
|
4445
|
+
var _hoisted_1$e = {
|
|
4446
4446
|
key: 2,
|
|
4447
4447
|
class: "select-custom-auto-complete-wrapper"
|
|
4448
4448
|
};
|
|
4449
4449
|
|
|
4450
|
-
function render$
|
|
4450
|
+
function render$h(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4451
4451
|
var _component_q_icon = vue.resolveComponent("q-icon");
|
|
4452
4452
|
var _component_s_input = vue.resolveComponent("s-input");
|
|
4453
4453
|
var _component_q_item_label = vue.resolveComponent("q-item-label");
|
|
@@ -4508,7 +4508,7 @@
|
|
|
4508
4508
|
}))
|
|
4509
4509
|
: vue.createCommentVNode("", true),
|
|
4510
4510
|
(_ctx.isSelect)
|
|
4511
|
-
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$
|
|
4511
|
+
? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [
|
|
4512
4512
|
vue.createVNode(_component_q_select, {
|
|
4513
4513
|
modelValue: _ctx.filteredOptions,
|
|
4514
4514
|
"onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) { return ((_ctx.filteredOptions) = $event); }),
|
|
@@ -4541,12 +4541,12 @@
|
|
|
4541
4541
|
], 64))
|
|
4542
4542
|
}
|
|
4543
4543
|
|
|
4544
|
-
var css_248z$
|
|
4545
|
-
styleInject(css_248z$
|
|
4544
|
+
var css_248z$g = ".s-select-search-auto-complete-options-wrapper {\n position: absolute;\n background: white;\n cursor: pointer;\n z-index: 1;\n max-height: 154px;\n overflow: auto;\n overflow-x: hidden;\n}\n.s-select-search-auto-complete-options-wrapper .q-item {\n padding: 8px 12px;\n width: 264px;\n}\n.select-custom-auto-complete-wrapper .s-select-custom .q-field__inner .q-field__control > div:nth-child(3) {\n display: none;\n}\n.s-select-custom-auto-complete-opts {\n display: none;\n}";
|
|
4545
|
+
styleInject(css_248z$g);
|
|
4546
4546
|
|
|
4547
|
-
script$
|
|
4547
|
+
script$g.render = render$h;
|
|
4548
4548
|
|
|
4549
|
-
var script$
|
|
4549
|
+
var script$f = vue.defineComponent({
|
|
4550
4550
|
name: 'STab',
|
|
4551
4551
|
components: {
|
|
4552
4552
|
QTab: quasar.QTab,
|
|
@@ -4558,13 +4558,13 @@
|
|
|
4558
4558
|
},
|
|
4559
4559
|
});
|
|
4560
4560
|
|
|
4561
|
-
var _hoisted_1$
|
|
4561
|
+
var _hoisted_1$d = {
|
|
4562
4562
|
key: 0,
|
|
4563
4563
|
class: "q-ml-xs badge"
|
|
4564
4564
|
};
|
|
4565
4565
|
var _hoisted_2$9 = /*#__PURE__*/vue.createElementVNode("div", { class: "s-tab-space" }, null, -1);
|
|
4566
4566
|
|
|
4567
|
-
function render$
|
|
4567
|
+
function render$g(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4568
4568
|
var _component_q_tab = vue.resolveComponent("q-tab");
|
|
4569
4569
|
|
|
4570
4570
|
return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
@@ -4576,7 +4576,7 @@
|
|
|
4576
4576
|
default: vue.withCtx(function () { return [
|
|
4577
4577
|
vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
|
|
4578
4578
|
(_ctx.badge)
|
|
4579
|
-
? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$
|
|
4579
|
+
? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$d, vue.toDisplayString(_ctx.badge), 1))
|
|
4580
4580
|
: vue.createCommentVNode("", true)
|
|
4581
4581
|
]; }),
|
|
4582
4582
|
_: 1
|
|
@@ -4585,7 +4585,43 @@
|
|
|
4585
4585
|
], 64))
|
|
4586
4586
|
}
|
|
4587
4587
|
|
|
4588
|
-
var css_248z$
|
|
4588
|
+
var css_248z$f = ".s-tab {\n padding: 12px 32px;\n background: #f6f6f6;\n color: #888888;\n min-height: 0;\n border: 1px solid #cccccc;\n border-bottom: 1px solid #0075ff;\n border-radius: 4px 4px 0 0;\n}\n.s-tab .q-tab__content {\n padding: 0;\n height: 20px;\n min-width: 0;\n display: flex;\n align-items: center;\n flex-wrap: nowrap;\n flex-direction: row;\n height: 20px;\n line-height: 165%;\n font-weight: 400;\n font-size: 12px;\n}\n.s-tab.q-tab--active {\n border: 1px solid #0075ff;\n background: white;\n}\n.s-tab.q-tab--active .q-tab__content {\n font-weight: 700;\n}\n.s-tab-space {\n width: 4px;\n min-width: 4px;\n height: 100%;\n border-bottom: 1px solid #0075ff;\n}\n.s-tab-space:last-of-type {\n width: 100%;\n}";
|
|
4589
|
+
styleInject(css_248z$f);
|
|
4590
|
+
|
|
4591
|
+
script$f.render = render$g;
|
|
4592
|
+
|
|
4593
|
+
var script$e = vue.defineComponent({
|
|
4594
|
+
name: 'SSubTab',
|
|
4595
|
+
components: {
|
|
4596
|
+
QTab: quasar.QTab,
|
|
4597
|
+
},
|
|
4598
|
+
props: {
|
|
4599
|
+
name: String,
|
|
4600
|
+
label: String,
|
|
4601
|
+
},
|
|
4602
|
+
});
|
|
4603
|
+
|
|
4604
|
+
var _hoisted_1$c = /*#__PURE__*/vue.createElementVNode("div", { class: "s-sub-tab-space" }, null, -1);
|
|
4605
|
+
|
|
4606
|
+
function render$f(_ctx, _cache, $props, $setup, $data, $options) {
|
|
4607
|
+
var _component_q_tab = vue.resolveComponent("q-tab");
|
|
4608
|
+
|
|
4609
|
+
return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
|
|
4610
|
+
vue.createVNode(_component_q_tab, {
|
|
4611
|
+
name: _ctx.name,
|
|
4612
|
+
ripple: false,
|
|
4613
|
+
class: vue.normalizeClass([_ctx.$attrs.class, "s-sub-tab"])
|
|
4614
|
+
}, {
|
|
4615
|
+
default: vue.withCtx(function () { return [
|
|
4616
|
+
vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
|
|
4617
|
+
]; }),
|
|
4618
|
+
_: 1
|
|
4619
|
+
}, 8, ["name", "class"]),
|
|
4620
|
+
_hoisted_1$c
|
|
4621
|
+
], 64))
|
|
4622
|
+
}
|
|
4623
|
+
|
|
4624
|
+
var css_248z$e = ".s-sub-tab {\n padding: 0;\n color: #222222;\n min-height: 20px !important;\n}\n.s-sub-tab + .s-sub-tab-space {\n width: 32px;\n}\n.s-sub-tab .q-tab__content {\n padding: 0;\n padding-bottom: 4px;\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-sub-tab .q-focus-helper {\n display: none !important;\n}\n.s-sub-tab.q-tab--active .q-tab__content {\n font-weight: 700;\n border-bottom: 1px solid #0075ff;\n}\n.s-sub-tab-space {\n width: 0px;\n height: 100%;\n border: none;\n}\n.s-sub-tab-space:last-of-type {\n width: 100%;\n}";
|
|
4589
4625
|
styleInject(css_248z$e);
|
|
4590
4626
|
|
|
4591
4627
|
script$e.render = render$f;
|
|
@@ -5116,8 +5152,8 @@
|
|
|
5116
5152
|
QCard: quasar.QCard,
|
|
5117
5153
|
QCardSection: quasar.QCardSection,
|
|
5118
5154
|
QSeparator: quasar.QSeparator,
|
|
5119
|
-
SButton: script$
|
|
5120
|
-
SInput: script$
|
|
5155
|
+
SButton: script$G,
|
|
5156
|
+
SInput: script$t,
|
|
5121
5157
|
},
|
|
5122
5158
|
props: {
|
|
5123
5159
|
lang: {
|
|
@@ -8039,37 +8075,38 @@
|
|
|
8039
8075
|
|
|
8040
8076
|
/* eslint-disable no-multiple-empty-lines */
|
|
8041
8077
|
|
|
8042
|
-
var version = '3.10.
|
|
8078
|
+
var version = '3.10.1';
|
|
8043
8079
|
|
|
8044
8080
|
function install(app) {
|
|
8045
8081
|
app.component('s-badge', script$3);
|
|
8046
|
-
app.component('s-breadcrumbs', script$
|
|
8047
|
-
app.component('s-button', script$
|
|
8048
|
-
app.component('s-button-group', script$
|
|
8049
|
-
app.component('s-button-toggle', script$
|
|
8050
|
-
app.component('s-caution', script$
|
|
8051
|
-
app.component('s-checkbox', script$
|
|
8052
|
-
app.component('s-chip', script$
|
|
8053
|
-
app.component('s-dialog', script$
|
|
8054
|
-
app.component('s-date-picker', script$
|
|
8055
|
-
app.component('s-date-range-picker', script$
|
|
8056
|
-
app.component('s-file-picker', script$
|
|
8057
|
-
app.component('s-help', script$
|
|
8058
|
-
app.component('s-input', script$
|
|
8059
|
-
app.component('s-input-number', script$
|
|
8060
|
-
app.component('s-input-counter', script$
|
|
8061
|
-
app.component('s-list', script$
|
|
8062
|
-
app.component('s-markup-table', script$
|
|
8063
|
-
app.component('s-pagination', script$
|
|
8064
|
-
app.component('s-radio', script$
|
|
8065
|
-
app.component('s-select', script$
|
|
8066
|
-
app.component('s-select-custom', script$
|
|
8067
|
-
app.component('s-select-checkbox', script$
|
|
8068
|
-
app.component('s-select-search-checkbox', script$
|
|
8069
|
-
app.component('s-select-group-checkbox', script$
|
|
8070
|
-
app.component('s-select-search-auto-complete', script$
|
|
8071
|
-
app.component('s-tab', script$
|
|
8072
|
-
app.component('s-
|
|
8082
|
+
app.component('s-breadcrumbs', script$H);
|
|
8083
|
+
app.component('s-button', script$G);
|
|
8084
|
+
app.component('s-button-group', script$F);
|
|
8085
|
+
app.component('s-button-toggle', script$E);
|
|
8086
|
+
app.component('s-caution', script$D);
|
|
8087
|
+
app.component('s-checkbox', script$C);
|
|
8088
|
+
app.component('s-chip', script$B);
|
|
8089
|
+
app.component('s-dialog', script$y);
|
|
8090
|
+
app.component('s-date-picker', script$A);
|
|
8091
|
+
app.component('s-date-range-picker', script$z);
|
|
8092
|
+
app.component('s-file-picker', script$v);
|
|
8093
|
+
app.component('s-help', script$u);
|
|
8094
|
+
app.component('s-input', script$t);
|
|
8095
|
+
app.component('s-input-number', script$s);
|
|
8096
|
+
app.component('s-input-counter', script$r);
|
|
8097
|
+
app.component('s-list', script$q);
|
|
8098
|
+
app.component('s-markup-table', script$p);
|
|
8099
|
+
app.component('s-pagination', script$o);
|
|
8100
|
+
app.component('s-radio', script$n);
|
|
8101
|
+
app.component('s-select', script$l);
|
|
8102
|
+
app.component('s-select-custom', script$h);
|
|
8103
|
+
app.component('s-select-checkbox', script$k);
|
|
8104
|
+
app.component('s-select-search-checkbox', script$j);
|
|
8105
|
+
app.component('s-select-group-checkbox', script$i);
|
|
8106
|
+
app.component('s-select-search-auto-complete', script$g);
|
|
8107
|
+
app.component('s-tab', script$f);
|
|
8108
|
+
app.component('s-sub-tab', script$e);
|
|
8109
|
+
app.component('s-route-tab', script$m);
|
|
8073
8110
|
app.component('s-tabs', script$c);
|
|
8074
8111
|
app.component('s-table', script$d);
|
|
8075
8112
|
app.component('s-table-tree', script);
|
|
@@ -8078,8 +8115,8 @@
|
|
|
8078
8115
|
app.component('s-date-time-picker', script$7);
|
|
8079
8116
|
app.component('s-toggle', script$9);
|
|
8080
8117
|
app.component('s-tooltip', script$8);
|
|
8081
|
-
app.component('s-dropdown', script$
|
|
8082
|
-
app.component('s-editor', script$
|
|
8118
|
+
app.component('s-dropdown', script$x);
|
|
8119
|
+
app.component('s-editor', script$w);
|
|
8083
8120
|
app.component('s-date-range', script$6);
|
|
8084
8121
|
app.component('s-date', script$5);
|
|
8085
8122
|
app.component('s-date-auto-range-picker', __default__);
|