@ldmjs/ui 1.0.35 → 1.0.37
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/css/index.css +2 -2
- package/dist/index.js +106 -53
- package/package.json +1 -1
package/dist/css/index.css
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
.ld-splitter[data-v-1efbeaf2]{height:inherit;display:flex}.ld-splitter .splitter-pane[data-v-1efbeaf2]{height:inherit;overflow-y:auto;background:var(--white)}.ld-splitter .splitter[data-v-1efbeaf2]{display:flex;background-color:var(--white) !important;border-color:var(--grey-l-5);border-style:solid}.ld-splitter .splitter--hor[data-v-1efbeaf2]{justify-content:center;width:100%;height:7px;cursor:ns-resize;border-width:1px 0}.ld-splitter .splitter--hor.splitter--disabled[data-v-1efbeaf2]{height:1px;border-top:none}.ld-splitter .splitter--ver[data-v-1efbeaf2]{align-items:center;width:7px;height:100%;cursor:ew-resize;border-width:0 1px}.ld-splitter .splitter--ver.splitter--disabled[data-v-1efbeaf2]{width:1px;border-left:none}.ld-splitter .splitter--disabled[data-v-1efbeaf2]{cursor:default}.ld-splitter .splitter--disabled svg[data-v-1efbeaf2]{display:none}.ld-splitter.splitter[data-v-1efbeaf2]{width:100%;border-left:none;border-right:none}
|
|
3
3
|
.label[data-v-12071c41]{word-wrap:break-word;max-width:100%;padding-bottom:2px;color:var(--label) !important;font-size:var(--font-size)}.label-wrapper[data-v-12071c41]{display:flex;align-items:center;min-height:var(--input-height)}.require[data-v-12071c41]::after{content:"*";display:inline-block;color:var(--error)}
|
|
4
4
|
.ld-edit-text[data-v-e4dd6820]{min-width:100%}.input-class[data-v-e4dd6820]{height:var(--input-height);font-size:var(--font-size);max-width:100%;border-radius:var(--border-radius);border:1px solid var(--grey-l-5);padding:0 6px}.input-class[data-v-e4dd6820]:not(.disabled){background-color:var(--white)}.input-class[data-v-e4dd6820]:focus{border:1px solid var(--grey-l-4);outline:none}.input-class__suffix[data-v-e4dd6820]{position:absolute;top:3px;right:6px;color:var(--label)}
|
|
5
|
-
.ld-datepicker[data-v-
|
|
5
|
+
.ld-datepicker[data-v-b58c40a8]{display:flex;min-width:100%;max-width:100%;width:100%;font-size:var(--font-size)}.ld-datepicker.column[data-v-b58c40a8]{flex-flow:column nowrap}.ld-datepicker-validate[data-v-b58c40a8]{overflow:hidden;height:20px}.custom-time-picker[data-v-b58c40a8]{max-width:var(--date-time-width);border-radius:var(--border-radius);background-color:var(--white);font-size:inherit !important}.custom-time-picker-validate[data-v-b58c40a8]{overflow:hidden;height:20px}.date-input[data-v-b58c40a8]{padding-left:5px;width:100%;font-size:var(--font-size)}.time-input[data-v-b58c40a8]{width:100%;padding-left:5px;font-size:var(--font-size)}.time-input-btn[data-v-b58c40a8]{padding-right:5px}.dt-col[data-v-b58c40a8]{max-width:110px}.time-selector[data-v-b58c40a8]{display:flex;flex-wrap:wrap;max-width:186px;padding:3px}.time-selector>span[data-v-b58c40a8]{display:inline-block;width:100%;text-align:center;font-family:"Roboto";font-size:var(--font-size-2);font-weight:700}.time-selector .v-btn[data-v-b58c40a8]{width:30px !important;height:30px !important;max-width:30px !important;max-height:30px !important;min-width:30px !important;min-height:30px !important;margin:3px}[data-v-b58c40a8] .vc-popover-content-wrapper{position:fixed !important}[data-v-b58c40a8] .v-input--is-disabled input{color:var(--text) !important}[data-v-b58c40a8] .vc-popover-content{border-color:var(--grey-l-5)}[data-v-b58c40a8] .vc-title span{color:var(--text);font-size:var(--font-size-2);font-weight:600;font-family:"Roboto"}[data-v-b58c40a8] .vc-arrow{color:var(--grey)}[data-v-b58c40a8] .vc-weekday{color:var(--grey-l-2);font-size:var(--font-size);font-weight:600;font-family:"Roboto"}[data-v-b58c40a8] .vc-day-content{color:var(--text);font-size:var(--font-size);font-weight:400;font-family:"Roboto"}[data-v-b58c40a8] .vc-day-content.vc-disabled{color:var(--grey-l-2) !important}[data-v-b58c40a8] .vc-day-content.vc-highlight-content-solid{color:var(--white) !important;font-weight:600 !important}
|
|
6
6
|
.ld-tabs[data-v-bd490ea2]{margin-left:0;display:flex;height:100%;width:100%;overflow-y:auto}.ld-tabs .header-text[data-v-bd490ea2]{font-size:var(--font-size-2)}.ld-tabs-mobile[data-v-bd490ea2]{height:100%}.ld-tabs .vertical-body[data-v-bd490ea2]{--w: 44px;display:flex;flex-flow:column nowrap;width:calc(100% - var(--w)) !important;height:100%}.v-window[data-v-bd490ea2]{background-color:var(--white);box-shadow:1px 0 var(--grey-l-5),-1px 0 0 var(--grey-l-5);overflow-y:auto;height:100%;width:100%}.vertical-window.v-window[data-v-bd490ea2]{padding:10px 12px;border-bottom:1px solid var(--grey-l-5);border-right:1px solid var(--grey-l-5);border-top:1px solid var(--grey-l-5)}.vertical-window.v-window--no-padding[data-v-bd490ea2]{padding:0 !important}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical{background:var(--grey-l-6)}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical .v-tab{justify-content:flex-start;border:1px solid var(--grey-l-5);border-bottom:none;border-radius:0 !important;text-transform:none !important;width:100%;min-width:auto !important}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical .v-tab--selected{background-color:var(--white);border-right-color:rgba(0,0,0,0)}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical .v-tab:last-child{border-bottom:1px solid var(--grey-l-5) !important}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical .v-slide-group__content{flex-flow:column nowrap;height:100% !important;width:100% !important}[data-v-bd490ea2] .ld-tabs .v-tabs--vertical .v-slide-group__content .v-btn__content{text-overflow:ellipsis;display:inline-flex;justify-content:flex-start;gap:4px;white-space:nowrap;overflow:hidden}[data-v-bd490ea2] .ld-tabs .v-tabs--horizontal .v-tab--selected{border-bottom:1px solid var(--primary)}[data-v-bd490ea2] .ld-tabs .v-tabs .v-tab--selected .v-btn__content{font-weight:bold;color:var(--primary) !important}[data-v-bd490ea2] .ld-tabs .v-tab{height:var(--ld-tab-height) !important;display:flex !important;text-transform:uppercase !important;padding:0 12px !important;font-size:var(--font-size);color:var(--text) !important;letter-spacing:0 !important}[data-v-bd490ea2] .v-window.mobile .tg-field .v-row .v-col{flex:1 0 0 !important}[data-v-bd490ea2] .v-window.mobile .tg-field .text-viewer-wrapper .v-col{flex:1 0 0 !important}[data-v-bd490ea2] .v-slide-group--vertical{border-color:var(--grey-l-5);border:1px}[data-v-bd490ea2] .v-slide-group--vertical .v-tab__slider{width:0px}[data-v-bd490ea2] .v-slide-group__prev{display:none}[data-v-bd490ea2] .v-slide-group__next{display:none}[data-v-bd490ea2] .v-tabs-bar{flex:none;height:fit-content;height:-moz-max-content;max-height:fit-content;max-height:-moz-max-content;z-index:1}[data-v-bd490ea2] .v-window-item{height:100%}[data-v-bd490ea2] .ld-tabs-mobile.hide-tabs .v-tab{display:none !important}[data-v-bd490ea2] .ld-tabs-mobile.hide-body .v-slide-group{width:100% !important}[data-v-bd490ea2] .ld-tabs-mobile.hide-body .v-window{display:none !important}[data-v-bd490ea2] .v-tabs-mobile .v-slide-group__content .v-btn__content{display:block !important}
|
|
7
7
|
.v-toolbar[data-v-79e04ede]{position:relative;background-color:var(--white);box-shadow:var(--shadow-1);z-index:1}.toolbar-wrapper[data-v-79e04ede]{display:grid;width:100%;height:100%;padding:0 12px}.toolbar-wrapper[data-v-79e04ede]:not(.--preview){grid-template-columns:100%;grid-template-rows:var(--input-height);row-gap:4px}.toolbar-wrapper.--preview[data-v-79e04ede]{grid-template-columns:1fr}.toolbar-inner[data-v-79e04ede]{display:grid;grid-template-rows:100%;grid-template-columns:1fr max-content;column-gap:8px}.toolbar-caption[data-v-79e04ede]{--left: calc(var(--input-height) + 8px);display:flex;align-items:center;position:absolute;height:100%;width:calc(100% - var(--left));top:0;left:var(--left)}
|
|
8
|
-
.ld-select-list-box[data-v-
|
|
8
|
+
.ld-select-list-box[data-v-2977fc13]{display:flex;min-width:100%;max-width:100%;width:100%}.ld-select-list-box .select-list-box-validate[data-v-2977fc13]{overflow:hidden;height:20px}.ld-select-list-box .select-list-box-loading[data-v-2977fc13]{position:absolute;left:0;bottom:0;width:calc(100% - var(--input-height));height:3px;overflow:hidden;background-color:var(--grey-l-5)}.ld-select-list-box .select-list-box-loading[data-v-2977fc13]:before{content:"";display:block;position:absolute;top:0;left:0;width:25%;height:100%;background-color:var(--primary);animation:loading-2977fc13 1.4s linear;animation-iteration-count:infinite}@keyframes loading-2977fc13{from{transform:translateX(-300%)}to{transform:translateX(500%)}}
|
|
9
9
|
.ld-checkbox{display:flex;align-items:center;position:relative;height:var(--input-height);font-size:var(--font-size);cursor:pointer}.ld-checkbox input[type=checkbox]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.ld-checkbox input[type=checkbox]+.v-icon{display:flex;align-items:center;width:14px !important;height:15px !important;font-size:11px !important;background-color:var(--white);color:rgba(0,0,0,0);border:1px solid var(--grey-l-5)}.ld-checkbox input[type=checkbox]:focus+.v-icon{background-color:var(--grey-l-6)}.ld-checkbox input[type=checkbox]:checked+.v-icon{background-color:var(--primary-l-2);color:var(--white);font-size:10px;font-weight:bold}.ld-checkbox input[type=checkbox]:checked:focus+.v-icon{background-color:var(--primary-l-3)}.ld-checkbox input[type=checkbox]:disabled+.v-icon{background-color:var(--grey-l-3)}.checkbox-label{word-wrap:break-word;max-width:100%}.checkbox-label--disabled{color:var(--grey-l-3) !important}
|
|
10
10
|
.ld-radiobutton[data-v-2d8a7abd]{display:flex;align-items:center;font-size:var(--font-size)}
|
|
11
11
|
.ld-ragiogroup .validate[data-v-bd740210]{overflow:hidden;height:20px}.ld-ragiogroup--row[data-v-bd740210] .ld-radiobutton:not(:first-child){margin-left:8px}
|
package/dist/index.js
CHANGED
|
@@ -3055,15 +3055,20 @@ function ld_edit_text_reg(vue, options) {
|
|
|
3055
3055
|
}
|
|
3056
3056
|
/* harmony default export */ const src_ld_edit_text = (ld_edit_text_reg);
|
|
3057
3057
|
|
|
3058
|
-
;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-datepicker/ld-datepicker.vue?vue&type=template&id=
|
|
3058
|
+
;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-datepicker/ld-datepicker.vue?vue&type=template&id=b58c40a8&scoped=true
|
|
3059
3059
|
|
|
3060
3060
|
|
|
3061
|
-
const
|
|
3062
|
-
const
|
|
3063
|
-
const
|
|
3064
|
-
const
|
|
3061
|
+
const ld_datepickervue_type_template_id_b58c40a8_scoped_true_withScopeId = n => (_pushScopeId("data-v-b58c40a8"),n=n(),_popScopeId(),n)
|
|
3062
|
+
const ld_datepickervue_type_template_id_b58c40a8_scoped_true_hoisted_1 = { class: "time-selector" }
|
|
3063
|
+
const ld_datepickervue_type_template_id_b58c40a8_scoped_true_hoisted_2 = { key: 0 }
|
|
3064
|
+
const ld_datepickervue_type_template_id_b58c40a8_scoped_true_hoisted_3 = { key: 1 }
|
|
3065
|
+
const ld_datepickervue_type_template_id_b58c40a8_scoped_true_hoisted_4 = {
|
|
3066
|
+
key: 1,
|
|
3067
|
+
class: "w-100",
|
|
3068
|
+
style: {"position":"relative"}
|
|
3069
|
+
}
|
|
3065
3070
|
|
|
3066
|
-
function
|
|
3071
|
+
function ld_datepickervue_type_template_id_b58c40a8_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
3067
3072
|
const _component_ld_label = (0,external_vue_.resolveComponent)("ld-label")
|
|
3068
3073
|
const _component_ld_icon = (0,external_vue_.resolveComponent)("ld-icon")
|
|
3069
3074
|
const _component_square_button = (0,external_vue_.resolveComponent)("square-button")
|
|
@@ -3147,11 +3152,12 @@ function ld_datepickervue_type_template_id_29494c22_scoped_true_render(_ctx, _ca
|
|
|
3147
3152
|
}, 8, ["style", "onClick"]))
|
|
3148
3153
|
: (0,external_vue_.createCommentVNode)("", true),
|
|
3149
3154
|
(0,external_vue_.createTextVNode)(),
|
|
3150
|
-
(_ctx.showDatePicker
|
|
3155
|
+
(_ctx.showDatePicker)
|
|
3151
3156
|
? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, {
|
|
3152
3157
|
key: 1,
|
|
3153
3158
|
icon: "",
|
|
3154
3159
|
style: {"position":"absolute","top":"0","right":"0"},
|
|
3160
|
+
disabled: _ctx.disabled || _ctx.readonly,
|
|
3155
3161
|
onClick: _cache[0] || (_cache[0] = (0,external_vue_.withModifiers)($event => (_ctx.dateMenu = !_ctx.dateMenu), ["stop"]))
|
|
3156
3162
|
}, {
|
|
3157
3163
|
default: (0,external_vue_.withCtx)(() => [
|
|
@@ -3163,7 +3169,7 @@ function ld_datepickervue_type_template_id_29494c22_scoped_true_render(_ctx, _ca
|
|
|
3163
3169
|
})
|
|
3164
3170
|
]),
|
|
3165
3171
|
_: 1
|
|
3166
|
-
}))
|
|
3172
|
+
}, 8, ["disabled"]))
|
|
3167
3173
|
: (0,external_vue_.createCommentVNode)("", true)
|
|
3168
3174
|
], 16)
|
|
3169
3175
|
]),
|
|
@@ -3199,7 +3205,7 @@ function ld_datepickervue_type_template_id_29494c22_scoped_true_render(_ctx, _ca
|
|
|
3199
3205
|
(!_ctx.dateonly)
|
|
3200
3206
|
? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_v_col, {
|
|
3201
3207
|
key: 0,
|
|
3202
|
-
class: (0,external_vue_.normalizeClass)({ 'ml-2': !_ctx.mobile
|
|
3208
|
+
class: (0,external_vue_.normalizeClass)({ 'ml-2': !_ctx.mobile, 'mt-2': _ctx.mobile }),
|
|
3203
3209
|
style: {"max-width":"110px"}
|
|
3204
3210
|
}, {
|
|
3205
3211
|
default: (0,external_vue_.withCtx)(() => [
|
|
@@ -3276,13 +3282,13 @@ function ld_datepickervue_type_template_id_29494c22_scoped_true_render(_ctx, _ca
|
|
|
3276
3282
|
style: {"border":"1px solid var(--grey-l-5)"}
|
|
3277
3283
|
}, {
|
|
3278
3284
|
default: (0,external_vue_.withCtx)(() => [
|
|
3279
|
-
(0,external_vue_.createElementVNode)("div",
|
|
3285
|
+
(0,external_vue_.createElementVNode)("div", ld_datepickervue_type_template_id_b58c40a8_scoped_true_hoisted_1, [
|
|
3280
3286
|
(_ctx.isHours)
|
|
3281
|
-
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span",
|
|
3287
|
+
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_datepickervue_type_template_id_b58c40a8_scoped_true_hoisted_2, "Часы"))
|
|
3282
3288
|
: (0,external_vue_.createCommentVNode)("", true),
|
|
3283
3289
|
(0,external_vue_.createTextVNode)(),
|
|
3284
3290
|
(_ctx.isMinutes)
|
|
3285
|
-
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span",
|
|
3291
|
+
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", ld_datepickervue_type_template_id_b58c40a8_scoped_true_hoisted_3, "Минуты"))
|
|
3286
3292
|
: (0,external_vue_.createCommentVNode)("", true),
|
|
3287
3293
|
(0,external_vue_.createTextVNode)(),
|
|
3288
3294
|
(0,external_vue_.createElementVNode)("div", null, [
|
|
@@ -3329,16 +3335,32 @@ function ld_datepickervue_type_template_id_29494c22_scoped_true_render(_ctx, _ca
|
|
|
3329
3335
|
]),
|
|
3330
3336
|
_: 1
|
|
3331
3337
|
}, 8, ["modelValue", "disabled"]))
|
|
3332
|
-
: ((0,external_vue_.openBlock)(), (0,external_vue_.
|
|
3333
|
-
|
|
3334
|
-
|
|
3335
|
-
|
|
3336
|
-
|
|
3337
|
-
|
|
3338
|
-
|
|
3339
|
-
|
|
3340
|
-
|
|
3341
|
-
|
|
3338
|
+
: ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_datepickervue_type_template_id_b58c40a8_scoped_true_hoisted_4, [
|
|
3339
|
+
((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)((0,external_vue_.resolveDynamicComponent)(_ctx.$ldmui.options.aliases['ld-edit-text']), {
|
|
3340
|
+
modelValue: _ctx.timeString,
|
|
3341
|
+
"onUpdate:modelValue": _cache[4] || (_cache[4] = $event => ((_ctx.timeString) = $event)),
|
|
3342
|
+
placeholder: "ЧЧ:ММ",
|
|
3343
|
+
"hide-details": "",
|
|
3344
|
+
readonly: "",
|
|
3345
|
+
disabled: ""
|
|
3346
|
+
}, null, 8, ["modelValue"])),
|
|
3347
|
+
(0,external_vue_.createTextVNode)(),
|
|
3348
|
+
(0,external_vue_.createVNode)(_component_square_button, {
|
|
3349
|
+
icon: "",
|
|
3350
|
+
disabled: true,
|
|
3351
|
+
style: {"position":"absolute","top":"0","right":"0"}
|
|
3352
|
+
}, {
|
|
3353
|
+
default: (0,external_vue_.withCtx)(() => [
|
|
3354
|
+
(0,external_vue_.createVNode)(_component_ld_icon, null, {
|
|
3355
|
+
default: (0,external_vue_.withCtx)(() => [
|
|
3356
|
+
(0,external_vue_.createTextVNode)("access_time")
|
|
3357
|
+
]),
|
|
3358
|
+
_: 1
|
|
3359
|
+
})
|
|
3360
|
+
]),
|
|
3361
|
+
_: 1
|
|
3362
|
+
})
|
|
3363
|
+
]))
|
|
3342
3364
|
]),
|
|
3343
3365
|
_: 1
|
|
3344
3366
|
}, 8, ["class"]))
|
|
@@ -3382,7 +3404,7 @@ function ld_datepickervue_type_template_id_29494c22_scoped_true_render(_ctx, _ca
|
|
|
3382
3404
|
_: 1
|
|
3383
3405
|
}))
|
|
3384
3406
|
}
|
|
3385
|
-
;// CONCATENATED MODULE: ./src/ld-datepicker/ld-datepicker.vue?vue&type=template&id=
|
|
3407
|
+
;// CONCATENATED MODULE: ./src/ld-datepicker/ld-datepicker.vue?vue&type=template&id=b58c40a8&scoped=true
|
|
3386
3408
|
|
|
3387
3409
|
;// CONCATENATED MODULE: ./node_modules/imask/esm/core/utils.js
|
|
3388
3410
|
/** Checks if value is string */
|
|
@@ -8038,7 +8060,7 @@ DatepickerComponent = ld_datepickervue_type_script_lang_js_external_decorate([
|
|
|
8038
8060
|
;
|
|
8039
8061
|
|
|
8040
8062
|
|
|
8041
|
-
const ld_datepicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_datepickervue_type_script_lang_js_external, [['render',
|
|
8063
|
+
const ld_datepicker_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_datepickervue_type_script_lang_js_external, [['render',ld_datepickervue_type_template_id_b58c40a8_scoped_true_render],['__scopeId',"data-v-b58c40a8"]])
|
|
8042
8064
|
|
|
8043
8065
|
/* harmony default export */ const ld_datepicker = (ld_datepicker_exports_);
|
|
8044
8066
|
;// CONCATENATED MODULE: ./src/ld-datepicker/index.ts
|
|
@@ -8600,31 +8622,31 @@ function ld_page_toolbar_reg(vue, options) {
|
|
|
8600
8622
|
}
|
|
8601
8623
|
/* harmony default export */ const src_ld_page_toolbar = (ld_page_toolbar_reg);
|
|
8602
8624
|
|
|
8603
|
-
;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=
|
|
8625
|
+
;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use!./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=2977fc13&scoped=true&ts=true
|
|
8604
8626
|
|
|
8605
|
-
const
|
|
8606
|
-
const
|
|
8627
|
+
const ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_withScopeId = n => (_pushScopeId("data-v-2977fc13"), n = n(), _popScopeId(), n);
|
|
8628
|
+
const ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_hoisted_1 = {
|
|
8607
8629
|
key: 0,
|
|
8608
8630
|
class: "w-full overflow-hidden",
|
|
8609
8631
|
style: { "border-radius": "var(--border-radius)" }
|
|
8610
8632
|
};
|
|
8611
|
-
const
|
|
8612
|
-
const
|
|
8613
|
-
const
|
|
8633
|
+
const ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_hoisted_2 = { class: "w-full d-flex position-relative" };
|
|
8634
|
+
const ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_hoisted_3 = { class: "text-crop" };
|
|
8635
|
+
const ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_hoisted_4 = {
|
|
8614
8636
|
key: 0,
|
|
8615
8637
|
class: "d-flex align-center"
|
|
8616
8638
|
};
|
|
8617
|
-
const
|
|
8618
|
-
const
|
|
8639
|
+
const ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_hoisted_5 = { class: "d-flex flex-column justify-center" };
|
|
8640
|
+
const ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_hoisted_6 = {
|
|
8619
8641
|
key: 0,
|
|
8620
8642
|
class: "grey--text",
|
|
8621
8643
|
style: { "font-size": "var(--font-size--1)" }
|
|
8622
8644
|
};
|
|
8623
|
-
const
|
|
8645
|
+
const ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_hoisted_7 = {
|
|
8624
8646
|
key: 1,
|
|
8625
8647
|
class: "select-list-box-loading"
|
|
8626
8648
|
};
|
|
8627
|
-
const
|
|
8649
|
+
const ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_hoisted_8 = {
|
|
8628
8650
|
key: 1,
|
|
8629
8651
|
class: "w-full",
|
|
8630
8652
|
style: { "min-height": "var(--input-height)" }
|
|
@@ -8633,7 +8655,7 @@ const _hoisted_9 = {
|
|
|
8633
8655
|
key: 2,
|
|
8634
8656
|
class: "select-list-box-validate"
|
|
8635
8657
|
};
|
|
8636
|
-
function
|
|
8658
|
+
function ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
8637
8659
|
const _component_ld_label = (0,external_vue_.resolveComponent)("ld-label");
|
|
8638
8660
|
const _component_small_chip = (0,external_vue_.resolveComponent)("small-chip");
|
|
8639
8661
|
const _component_v_col = (0,external_vue_.resolveComponent)("v-col");
|
|
@@ -8660,8 +8682,8 @@ function ld_select_list_boxvue_type_template_id_0b117ea1_scoped_true_ts_true_ren
|
|
|
8660
8682
|
}, {
|
|
8661
8683
|
default: (0,external_vue_.withCtx)(() => [
|
|
8662
8684
|
(_ctx.multiselect || _ctx.selectedToArray.length === 0)
|
|
8663
|
-
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div",
|
|
8664
|
-
(0,external_vue_.createElementVNode)("div",
|
|
8685
|
+
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_hoisted_1, [
|
|
8686
|
+
(0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_hoisted_2, [
|
|
8665
8687
|
(0,external_vue_.createVNode)(_component_multiselect, {
|
|
8666
8688
|
ref: "multiselect",
|
|
8667
8689
|
modelValue: _ctx.selected,
|
|
@@ -8670,13 +8692,13 @@ function ld_select_list_boxvue_type_template_id_0b117ea1_scoped_true_ts_true_ren
|
|
|
8670
8692
|
_ctx.onInput
|
|
8671
8693
|
],
|
|
8672
8694
|
"track-by": "id",
|
|
8673
|
-
class:
|
|
8695
|
+
class: (0,external_vue_.normalizeClass)({ 'multiselect--with-right-button': !_ctx.isDialogDisabled }),
|
|
8674
8696
|
multiple: _ctx.multiselect,
|
|
8675
8697
|
placeholder: _ctx.placeholder,
|
|
8676
8698
|
"select-label": '',
|
|
8677
8699
|
options: _ctx.optionsList,
|
|
8678
8700
|
searchable: true,
|
|
8679
|
-
"internal-search": _ctx.
|
|
8701
|
+
"internal-search": _ctx.isInternalSearch,
|
|
8680
8702
|
"clear-on-select": true,
|
|
8681
8703
|
"close-on-select": !_ctx.multiselect,
|
|
8682
8704
|
"options-limit": 300,
|
|
@@ -8685,7 +8707,7 @@ function ld_select_list_boxvue_type_template_id_0b117ea1_scoped_true_ts_true_ren
|
|
|
8685
8707
|
disabled: _ctx.readonly || _ctx.disabled,
|
|
8686
8708
|
limit: _ctx.limit,
|
|
8687
8709
|
tabindex: _ctx.tabIndex,
|
|
8688
|
-
|
|
8710
|
+
"allow-empty": _ctx.allowEmpty,
|
|
8689
8711
|
onClose: _ctx.dropdownClose,
|
|
8690
8712
|
onSearchChange: _ctx.getItems
|
|
8691
8713
|
}, {
|
|
@@ -8702,7 +8724,7 @@ function ld_select_list_boxvue_type_template_id_0b117ea1_scoped_true_ts_true_ren
|
|
|
8702
8724
|
"onClick:close": ($event) => (_ctx.onRemoveItem(option))
|
|
8703
8725
|
}, {
|
|
8704
8726
|
default: (0,external_vue_.withCtx)(() => [
|
|
8705
|
-
(0,external_vue_.createElementVNode)("span",
|
|
8727
|
+
(0,external_vue_.createElementVNode)("span", ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_hoisted_3, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, this.itemTitle)), 1)
|
|
8706
8728
|
]),
|
|
8707
8729
|
_: 2
|
|
8708
8730
|
}, 1032, ["color", "closable", "onClick:close"]))
|
|
@@ -8730,7 +8752,7 @@ function ld_select_list_boxvue_type_template_id_0b117ea1_scoped_true_ts_true_ren
|
|
|
8730
8752
|
(0,external_vue_.createVNode)(_component_v_col, { class: "d-flex align-center" }, {
|
|
8731
8753
|
default: (0,external_vue_.withCtx)(() => [
|
|
8732
8754
|
(_ctx.multiselect)
|
|
8733
|
-
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div",
|
|
8755
|
+
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_hoisted_4, [
|
|
8734
8756
|
((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)((0,external_vue_.resolveDynamicComponent)(_ctx.$ldmui.options.aliases['ld-checkbox']), {
|
|
8735
8757
|
key: JSON.stringify(option),
|
|
8736
8758
|
"model-value": _ctx.checkedItems,
|
|
@@ -8745,13 +8767,13 @@ function ld_select_list_boxvue_type_template_id_0b117ea1_scoped_true_ts_true_ren
|
|
|
8745
8767
|
}, [
|
|
8746
8768
|
(0,external_vue_.renderSlot)(_ctx.$slots, "option-icon", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option, isSelected: _ctx.checkedItems.includes(_ctx.itemIdentity(option)) })), undefined, true),
|
|
8747
8769
|
(0,external_vue_.createTextVNode)(),
|
|
8748
|
-
(0,external_vue_.createElementVNode)("div",
|
|
8770
|
+
(0,external_vue_.createElementVNode)("div", ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_hoisted_5, [
|
|
8749
8771
|
(0,external_vue_.renderSlot)(_ctx.$slots, "option", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option, isSelected: _ctx.checkedItems.includes(_ctx.itemIdentity(option)) })), () => [
|
|
8750
8772
|
(0,external_vue_.createElementVNode)("div", null, (0,external_vue_.toDisplayString)(_ctx.$utils.deepValueGetter(option, _ctx.itemTitle)), 1)
|
|
8751
8773
|
], true),
|
|
8752
8774
|
(0,external_vue_.createTextVNode)(),
|
|
8753
8775
|
(_ctx.optionHint)
|
|
8754
|
-
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div",
|
|
8776
|
+
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_hoisted_6, [
|
|
8755
8777
|
(0,external_vue_.renderSlot)(_ctx.$slots, "option-hint", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: option })), () => [
|
|
8756
8778
|
(0,external_vue_.createTextVNode)("\r\n no slot \"option-hint\" found\r\n ")
|
|
8757
8779
|
], true)
|
|
@@ -8770,9 +8792,9 @@ function ld_select_list_boxvue_type_template_id_0b117ea1_scoped_true_ts_true_ren
|
|
|
8770
8792
|
(0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_ctx.message), 1)
|
|
8771
8793
|
]),
|
|
8772
8794
|
_: 3
|
|
8773
|
-
}, 8, ["modelValue", "multiple", "placeholder", "options", "internal-search", "close-on-select", "disabled", "limit", "tabindex", "
|
|
8795
|
+
}, 8, ["modelValue", "class", "multiple", "placeholder", "options", "internal-search", "close-on-select", "disabled", "limit", "tabindex", "allow-empty", "onClose", "onSearchChange", "onUpdate:modelValue"]),
|
|
8774
8796
|
(0,external_vue_.createTextVNode)(),
|
|
8775
|
-
(!_ctx.
|
|
8797
|
+
(!_ctx.isDialogDisabled)
|
|
8776
8798
|
? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_square_button, {
|
|
8777
8799
|
key: 0,
|
|
8778
8800
|
variant: "outlined",
|
|
@@ -8797,14 +8819,14 @@ function ld_select_list_boxvue_type_template_id_0b117ea1_scoped_true_ts_true_ren
|
|
|
8797
8819
|
: (0,external_vue_.createCommentVNode)("", true),
|
|
8798
8820
|
(0,external_vue_.createTextVNode)(),
|
|
8799
8821
|
(_ctx.loading)
|
|
8800
|
-
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div",
|
|
8822
|
+
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_hoisted_7))
|
|
8801
8823
|
: (0,external_vue_.createCommentVNode)("", true)
|
|
8802
8824
|
])
|
|
8803
8825
|
]))
|
|
8804
8826
|
: (0,external_vue_.createCommentVNode)("", true),
|
|
8805
8827
|
(0,external_vue_.createTextVNode)(),
|
|
8806
8828
|
(!_ctx.multiselect && _ctx.$utils.isDefined(_ctx.singleItem))
|
|
8807
|
-
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div",
|
|
8829
|
+
? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_hoisted_8, [
|
|
8808
8830
|
(0,external_vue_.renderSlot)(_ctx.$slots, "tag", (0,external_vue_.normalizeProps)((0,external_vue_.guardReactiveProps)({ item: _ctx.singleItem, onRemove: _ctx.onRemoveItem })), () => [
|
|
8809
8831
|
((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_small_chip, {
|
|
8810
8832
|
key: JSON.stringify(_ctx.selected),
|
|
@@ -8845,7 +8867,7 @@ function ld_select_list_boxvue_type_template_id_0b117ea1_scoped_true_ts_true_ren
|
|
|
8845
8867
|
}));
|
|
8846
8868
|
}
|
|
8847
8869
|
|
|
8848
|
-
;// CONCATENATED MODULE: ./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=
|
|
8870
|
+
;// CONCATENATED MODULE: ./src/ld-select-list-box/ld-select-list-box.vue?vue&type=template&id=2977fc13&scoped=true&ts=true
|
|
8849
8871
|
|
|
8850
8872
|
// EXTERNAL MODULE: external "./lib/multiselect.js"
|
|
8851
8873
|
var multiselect_js_ = __webpack_require__(5733);
|
|
@@ -11187,7 +11209,7 @@ var ld_select_list_boxvue_type_script_lang_ts_external_decorate = (undefined &&
|
|
|
11187
11209
|
var ld_select_list_boxvue_type_script_lang_ts_external_metadata = (undefined && undefined.__metadata) || function (k, v) {
|
|
11188
11210
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
11189
11211
|
};
|
|
11190
|
-
var ld_select_list_boxvue_type_script_lang_ts_external_a;
|
|
11212
|
+
var ld_select_list_boxvue_type_script_lang_ts_external_a, ld_select_list_boxvue_type_script_lang_ts_external_b, ld_select_list_boxvue_type_script_lang_ts_external_c;
|
|
11191
11213
|
|
|
11192
11214
|
|
|
11193
11215
|
|
|
@@ -11276,7 +11298,7 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
|
|
|
11276
11298
|
try {
|
|
11277
11299
|
this.loading = true;
|
|
11278
11300
|
if (this.handlers.fetchItem instanceof Function) {
|
|
11279
|
-
const selected = await this.
|
|
11301
|
+
const selected = await this.fetchItem(val);
|
|
11280
11302
|
this.selected = [...this.toArray(this.selected), ...selected];
|
|
11281
11303
|
this.onInput();
|
|
11282
11304
|
this.validate();
|
|
@@ -11286,6 +11308,11 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
|
|
|
11286
11308
|
this.loading = false;
|
|
11287
11309
|
}
|
|
11288
11310
|
}
|
|
11311
|
+
async onRestrictedChanged(value) {
|
|
11312
|
+
if (this.isRestricted) {
|
|
11313
|
+
this.optionsList = await this.fetchItem(this.restricted);
|
|
11314
|
+
}
|
|
11315
|
+
}
|
|
11289
11316
|
created() {
|
|
11290
11317
|
this.messagesBucket = {
|
|
11291
11318
|
...this.messagesBucket,
|
|
@@ -11337,7 +11364,9 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
|
|
|
11337
11364
|
dropdownClose() {
|
|
11338
11365
|
this.validate();
|
|
11339
11366
|
this.emitBlur(this.selectedToArray);
|
|
11340
|
-
this.
|
|
11367
|
+
if (!this.isRestricted) {
|
|
11368
|
+
this.optionsList = [];
|
|
11369
|
+
}
|
|
11341
11370
|
}
|
|
11342
11371
|
async onSelect() {
|
|
11343
11372
|
if (this.handlers.select instanceof Function) {
|
|
@@ -11409,6 +11438,11 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
|
|
|
11409
11438
|
this.readedItems = await this.handlers.fetchData();
|
|
11410
11439
|
}
|
|
11411
11440
|
}
|
|
11441
|
+
async fetchItem(ids) {
|
|
11442
|
+
if (this.handlers.fetchItem instanceof Function && ids?.length > 0) {
|
|
11443
|
+
return this.handlers.fetchItem(ids);
|
|
11444
|
+
}
|
|
11445
|
+
}
|
|
11412
11446
|
get hasItems() {
|
|
11413
11447
|
return this.readedItems.length > 0;
|
|
11414
11448
|
}
|
|
@@ -11452,6 +11486,15 @@ let SelectListBoxComponent = class SelectListBoxComponent extends (0,external_vu
|
|
|
11452
11486
|
}
|
|
11453
11487
|
return result;
|
|
11454
11488
|
}
|
|
11489
|
+
get isRestricted() {
|
|
11490
|
+
return this.restricted?.length > 0;
|
|
11491
|
+
}
|
|
11492
|
+
get isDialogDisabled() {
|
|
11493
|
+
return this.disableDialog || this.isRestricted;
|
|
11494
|
+
}
|
|
11495
|
+
get isInternalSearch() {
|
|
11496
|
+
return this.internalSearch || this.isRestricted;
|
|
11497
|
+
}
|
|
11455
11498
|
emitUpdate() {
|
|
11456
11499
|
this.emitUpdateValue();
|
|
11457
11500
|
this.emitUpdateItems();
|
|
@@ -11554,6 +11597,10 @@ ld_select_list_boxvue_type_script_lang_ts_external_decorate([
|
|
|
11554
11597
|
(0,external_vue_property_decorator_.Prop)({ type: Boolean, default: true }),
|
|
11555
11598
|
ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Boolean)
|
|
11556
11599
|
], SelectListBoxComponent.prototype, "allowEmpty", void 0);
|
|
11600
|
+
ld_select_list_boxvue_type_script_lang_ts_external_decorate([
|
|
11601
|
+
(0,external_vue_property_decorator_.Prop)({ type: Array, default: () => [] }),
|
|
11602
|
+
ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", typeof (ld_select_list_boxvue_type_script_lang_ts_external_b = typeof Array !== "undefined" && Array) === "function" ? ld_select_list_boxvue_type_script_lang_ts_external_b : Object)
|
|
11603
|
+
], SelectListBoxComponent.prototype, "restricted", void 0);
|
|
11557
11604
|
ld_select_list_boxvue_type_script_lang_ts_external_decorate([
|
|
11558
11605
|
(0,external_vue_property_decorator_.Prop)({ default: () => ({}) }),
|
|
11559
11606
|
ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Object)
|
|
@@ -11598,6 +11645,12 @@ ld_select_list_boxvue_type_script_lang_ts_external_decorate([
|
|
|
11598
11645
|
ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:paramtypes", [Object]),
|
|
11599
11646
|
ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:returntype", Promise)
|
|
11600
11647
|
], SelectListBoxComponent.prototype, "onValueChanged", null);
|
|
11648
|
+
ld_select_list_boxvue_type_script_lang_ts_external_decorate([
|
|
11649
|
+
(0,external_vue_property_decorator_.Watch)('restricted', { immediate: true }),
|
|
11650
|
+
ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:type", Function),
|
|
11651
|
+
ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:paramtypes", [typeof (ld_select_list_boxvue_type_script_lang_ts_external_c = typeof Array !== "undefined" && Array) === "function" ? ld_select_list_boxvue_type_script_lang_ts_external_c : Object]),
|
|
11652
|
+
ld_select_list_boxvue_type_script_lang_ts_external_metadata("design:returntype", Promise)
|
|
11653
|
+
], SelectListBoxComponent.prototype, "onRestrictedChanged", null);
|
|
11601
11654
|
SelectListBoxComponent = ld_select_list_boxvue_type_script_lang_ts_external_decorate([
|
|
11602
11655
|
(0,external_vue_property_decorator_.Options)({
|
|
11603
11656
|
components: {
|
|
@@ -11618,7 +11671,7 @@ SelectListBoxComponent = ld_select_list_boxvue_type_script_lang_ts_external_deco
|
|
|
11618
11671
|
;
|
|
11619
11672
|
|
|
11620
11673
|
|
|
11621
|
-
const ld_select_list_box_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_select_list_boxvue_type_script_lang_ts_external, [['render',
|
|
11674
|
+
const ld_select_list_box_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(ld_select_list_boxvue_type_script_lang_ts_external, [['render',ld_select_list_boxvue_type_template_id_2977fc13_scoped_true_ts_true_render],['__scopeId',"data-v-2977fc13"]])
|
|
11622
11675
|
|
|
11623
11676
|
/* harmony default export */ const ld_select_list_box = (ld_select_list_box_exports_);
|
|
11624
11677
|
;// CONCATENATED MODULE: ./src/ld-select-list-box/index.ts
|