@weni/unnnic-system 1.12.1 → 1.12.3
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/unnnic.common.js +286 -7
- package/dist/unnnic.common.js.map +1 -1
- package/dist/unnnic.css +1 -1
- package/dist/unnnic.umd.js +286 -7
- package/dist/unnnic.umd.js.map +1 -1
- package/dist/unnnic.umd.min.js +3 -3
- package/dist/unnnic.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Input/Autocomplete.vue +10 -1
- package/src/components/ModalNext/ModalNext.vue +396 -0
- package/src/components/index.js +3 -0
- package/src/stories/Autocomplete.stories.js +15 -1
- package/src/stories/ModalNext.stories.js +171 -0
package/dist/unnnic.common.js
CHANGED
|
@@ -10027,6 +10027,17 @@ module.exports = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
|
|
|
10027
10027
|
};
|
|
10028
10028
|
|
|
10029
10029
|
|
|
10030
|
+
/***/ }),
|
|
10031
|
+
|
|
10032
|
+
/***/ "5702":
|
|
10033
|
+
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
|
10034
|
+
|
|
10035
|
+
"use strict";
|
|
10036
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ModalNext_vue_vue_type_style_index_0_id_b28be08e_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("bf0c");
|
|
10037
|
+
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ModalNext_vue_vue_type_style_index_0_id_b28be08e_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_ModalNext_vue_vue_type_style_index_0_id_b28be08e_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
|
|
10038
|
+
/* unused harmony reexport * */
|
|
10039
|
+
|
|
10040
|
+
|
|
10030
10041
|
/***/ }),
|
|
10031
10042
|
|
|
10032
10043
|
/***/ "570c":
|
|
@@ -22025,6 +22036,13 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
|
|
|
22025
22036
|
|
|
22026
22037
|
/***/ }),
|
|
22027
22038
|
|
|
22039
|
+
/***/ "bf0c":
|
|
22040
|
+
/***/ (function(module, exports, __webpack_require__) {
|
|
22041
|
+
|
|
22042
|
+
// extracted by mini-css-extract-plugin
|
|
22043
|
+
|
|
22044
|
+
/***/ }),
|
|
22045
|
+
|
|
22028
22046
|
/***/ "bfe9":
|
|
22029
22047
|
/***/ (function(module, exports) {
|
|
22030
22048
|
|
|
@@ -32701,6 +32719,7 @@ __webpack_require__.d(__webpack_exports__, "unnnicCheckbox", function() { return
|
|
|
32701
32719
|
__webpack_require__.d(__webpack_exports__, "unnnicRadio", function() { return /* reexport */ unnnicRadio; });
|
|
32702
32720
|
__webpack_require__.d(__webpack_exports__, "unnniclanguageSelect", function() { return /* reexport */ unnniclanguageSelect; });
|
|
32703
32721
|
__webpack_require__.d(__webpack_exports__, "unnnicModal", function() { return /* reexport */ unnnicModal; });
|
|
32722
|
+
__webpack_require__.d(__webpack_exports__, "unnnicModalNext", function() { return /* reexport */ unnnicModalNext; });
|
|
32704
32723
|
__webpack_require__.d(__webpack_exports__, "unnnicModalUpload", function() { return /* reexport */ unnnicModalUpload; });
|
|
32705
32724
|
__webpack_require__.d(__webpack_exports__, "unnnicSelect", function() { return /* reexport */ unnnicSelect; });
|
|
32706
32725
|
__webpack_require__.d(__webpack_exports__, "unnnicSelectItem", function() { return /* reexport */ unnnicSelectItem; });
|
|
@@ -39409,6 +39428,254 @@ var Modal_component = normalizeComponent(
|
|
|
39409
39428
|
)
|
|
39410
39429
|
|
|
39411
39430
|
/* harmony default export */ var Modal = (Modal_component.exports);
|
|
39431
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ModalNext/ModalNext.vue?vue&type=template&id=b28be08e&scoped=true&
|
|
39432
|
+
var ModalNextvue_type_template_id_b28be08e_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:[
|
|
39433
|
+
'unnnic-modal', ("type-" + _vm.type),
|
|
39434
|
+
{
|
|
39435
|
+
'show-close-button': _vm.showCloseButton,
|
|
39436
|
+
'show-actions-area': _vm.validate || _vm.actionPrimaryLabel || _vm.actionSecondaryLabel
|
|
39437
|
+
}
|
|
39438
|
+
],on:{"click":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.closeByDarkBackground($event)}}},[_c('div',{staticClass:"container"},[(_vm.type === 'default')?[(_vm.showCloseButton)?_c('div',{staticClass:"header"},[_c('unnnic-icon',{attrs:{"icon":"close-1","size":"sm","clickable":""},on:{"click":function($event){return _vm.$emit('close')}}})],1):_vm._e(),_c('div',{staticClass:"content"},[_vm._t("default")],2)]:(_vm.type === 'video')?_c('div',{staticClass:"content"},[_c('div',{staticClass:"aspect-ratio-box"},[_c('iframe',{staticClass:"aspect-ratio-box-inside",attrs:{"type":"text/html","src":_vm.url,"frameborder":"0","allowfullscreen":""}})])]):(_vm.type === 'alert')?[(_vm.showCloseButton)?_c('div',{staticClass:"header"},[_c('unnnic-icon',{attrs:{"icon":"close-1","size":"sm","clickable":""},on:{"click":function($event){return _vm.$emit('close')}}})],1):_vm._e(),_c('div',{class:['content', { 'with-validation': _vm.validate }]},[_c('div',{staticClass:"icon"},[_c('unnnic-icon',{attrs:{"icon":_vm.icon,"scheme":_vm.scheme,"size":"xl"}})],1),(_vm.$slots.title || _vm.title)?_c('div',{staticClass:"title"},[(_vm.$slots.title)?_vm._t("title"):[_vm._v(_vm._s(_vm.title))]],2):_vm._e(),(_vm.$slots.description || _vm.description)?_c('div',{staticClass:"description"},[(_vm.$slots.description)?_vm._t("description"):[_vm._v(_vm._s(_vm.description))]],2):_vm._e(),(_vm.validate)?_c('div',{staticClass:"confirm-text"},[_c('unnnic-input',{attrs:{"placeholder":_vm.validatePlaceholder},model:{value:(_vm.confirmText),callback:function ($$v) {_vm.confirmText=$$v},expression:"confirmText"}},[_c('span',{attrs:{"slot":"label"},domProps:{"innerHTML":_vm._s(_vm.validateLabel)},slot:"label"})])],1):_vm._e(),(_vm.validate || _vm.actionPrimaryLabel || _vm.actionSecondaryLabel)?_c('div',{staticClass:"actions",style:({ marginTop: _vm.validate ? '0' : undefined })},[(_vm.validate || _vm.actionSecondaryLabel)?_c('unnnic-button',{attrs:{"type":"terciary","disabled":_vm.actionPrimaryLoading},on:{"click":function($event){_vm.$listeners.clickActionSecondary
|
|
39439
|
+
? _vm.$emit('click-action-secondary', { close: _vm.justClose })
|
|
39440
|
+
: _vm.$emit('close')}}},[_vm._v(" "+_vm._s(_vm.actionSecondaryLabel)+" ")]):_vm._e(),(_vm.validate || _vm.actionPrimaryLabel)?_c('unnnic-button',{class:_vm.actionPrimaryButtonType === 'primary'
|
|
39441
|
+
? ['button', _vm.buttonType]
|
|
39442
|
+
: undefined,attrs:{"type":_vm.actionPrimaryButtonType,"disabled":_vm.disabled || _vm.actionPrimaryLoading,"loading":_vm.actionPrimaryLoading},on:{"click":function($event){_vm.$listeners.clickActionPrimary
|
|
39443
|
+
? _vm.$emit('click-action-primary', { close: _vm.justClose })
|
|
39444
|
+
: null}}},[_vm._v(" "+_vm._s(_vm.actionPrimaryLabel)+" ")]):_vm._e()],1):_vm._e()])]:_vm._e()],2)])}
|
|
39445
|
+
var ModalNextvue_type_template_id_b28be08e_scoped_true_staticRenderFns = []
|
|
39446
|
+
|
|
39447
|
+
|
|
39448
|
+
// CONCATENATED MODULE: ./src/components/ModalNext/ModalNext.vue?vue&type=template&id=b28be08e&scoped=true&
|
|
39449
|
+
|
|
39450
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ModalNext/ModalNext.vue?vue&type=script&lang=js&
|
|
39451
|
+
//
|
|
39452
|
+
//
|
|
39453
|
+
//
|
|
39454
|
+
//
|
|
39455
|
+
//
|
|
39456
|
+
//
|
|
39457
|
+
//
|
|
39458
|
+
//
|
|
39459
|
+
//
|
|
39460
|
+
//
|
|
39461
|
+
//
|
|
39462
|
+
//
|
|
39463
|
+
//
|
|
39464
|
+
//
|
|
39465
|
+
//
|
|
39466
|
+
//
|
|
39467
|
+
//
|
|
39468
|
+
//
|
|
39469
|
+
//
|
|
39470
|
+
//
|
|
39471
|
+
//
|
|
39472
|
+
//
|
|
39473
|
+
//
|
|
39474
|
+
//
|
|
39475
|
+
//
|
|
39476
|
+
//
|
|
39477
|
+
//
|
|
39478
|
+
//
|
|
39479
|
+
//
|
|
39480
|
+
//
|
|
39481
|
+
//
|
|
39482
|
+
//
|
|
39483
|
+
//
|
|
39484
|
+
//
|
|
39485
|
+
//
|
|
39486
|
+
//
|
|
39487
|
+
//
|
|
39488
|
+
//
|
|
39489
|
+
//
|
|
39490
|
+
//
|
|
39491
|
+
//
|
|
39492
|
+
//
|
|
39493
|
+
//
|
|
39494
|
+
//
|
|
39495
|
+
//
|
|
39496
|
+
//
|
|
39497
|
+
//
|
|
39498
|
+
//
|
|
39499
|
+
//
|
|
39500
|
+
//
|
|
39501
|
+
//
|
|
39502
|
+
//
|
|
39503
|
+
//
|
|
39504
|
+
//
|
|
39505
|
+
//
|
|
39506
|
+
//
|
|
39507
|
+
//
|
|
39508
|
+
//
|
|
39509
|
+
//
|
|
39510
|
+
//
|
|
39511
|
+
//
|
|
39512
|
+
//
|
|
39513
|
+
//
|
|
39514
|
+
//
|
|
39515
|
+
//
|
|
39516
|
+
//
|
|
39517
|
+
//
|
|
39518
|
+
//
|
|
39519
|
+
//
|
|
39520
|
+
//
|
|
39521
|
+
//
|
|
39522
|
+
//
|
|
39523
|
+
//
|
|
39524
|
+
//
|
|
39525
|
+
//
|
|
39526
|
+
//
|
|
39527
|
+
//
|
|
39528
|
+
//
|
|
39529
|
+
//
|
|
39530
|
+
//
|
|
39531
|
+
//
|
|
39532
|
+
//
|
|
39533
|
+
//
|
|
39534
|
+
//
|
|
39535
|
+
//
|
|
39536
|
+
//
|
|
39537
|
+
//
|
|
39538
|
+
//
|
|
39539
|
+
//
|
|
39540
|
+
//
|
|
39541
|
+
//
|
|
39542
|
+
//
|
|
39543
|
+
//
|
|
39544
|
+
//
|
|
39545
|
+
//
|
|
39546
|
+
//
|
|
39547
|
+
//
|
|
39548
|
+
//
|
|
39549
|
+
//
|
|
39550
|
+
//
|
|
39551
|
+
//
|
|
39552
|
+
//
|
|
39553
|
+
//
|
|
39554
|
+
//
|
|
39555
|
+
//
|
|
39556
|
+
//
|
|
39557
|
+
//
|
|
39558
|
+
//
|
|
39559
|
+
//
|
|
39560
|
+
//
|
|
39561
|
+
//
|
|
39562
|
+
//
|
|
39563
|
+
//
|
|
39564
|
+
//
|
|
39565
|
+
//
|
|
39566
|
+
//
|
|
39567
|
+
|
|
39568
|
+
|
|
39569
|
+
|
|
39570
|
+
/* harmony default export */ var ModalNextvue_type_script_lang_js_ = ({
|
|
39571
|
+
components: {
|
|
39572
|
+
UnnnicIcon: Icon,
|
|
39573
|
+
UnnnicInput: InputNext,
|
|
39574
|
+
UnnnicButton: Button
|
|
39575
|
+
},
|
|
39576
|
+
props: {
|
|
39577
|
+
type: {
|
|
39578
|
+
type: String,
|
|
39579
|
+
default: 'default'
|
|
39580
|
+
},
|
|
39581
|
+
url: String,
|
|
39582
|
+
icon: String,
|
|
39583
|
+
scheme: String,
|
|
39584
|
+
title: String,
|
|
39585
|
+
description: String,
|
|
39586
|
+
validate: String,
|
|
39587
|
+
validatePlaceholder: String,
|
|
39588
|
+
validateLabel: String,
|
|
39589
|
+
actionPrimaryLabel: String,
|
|
39590
|
+
actionPrimaryLoading: Boolean,
|
|
39591
|
+
actionPrimaryButtonType: {
|
|
39592
|
+
type: String,
|
|
39593
|
+
default: 'primary'
|
|
39594
|
+
},
|
|
39595
|
+
actionSecondaryLabel: String,
|
|
39596
|
+
showCloseButton: Boolean
|
|
39597
|
+
},
|
|
39598
|
+
data: function data() {
|
|
39599
|
+
return {
|
|
39600
|
+
confirmText: ''
|
|
39601
|
+
};
|
|
39602
|
+
},
|
|
39603
|
+
computed: {
|
|
39604
|
+
isPersistent: function isPersistent() {
|
|
39605
|
+
var _this$data;
|
|
39606
|
+
|
|
39607
|
+
return (_this$data = this.data) === null || _this$data === void 0 ? void 0 : _this$data.persistent;
|
|
39608
|
+
},
|
|
39609
|
+
buttonType: function buttonType() {
|
|
39610
|
+
if (this.disabled) {
|
|
39611
|
+
return '';
|
|
39612
|
+
}
|
|
39613
|
+
|
|
39614
|
+
if (this.scheme === 'feedback-red') {
|
|
39615
|
+
return 'danger';
|
|
39616
|
+
}
|
|
39617
|
+
|
|
39618
|
+
if (this.scheme === 'feedback-yellow') {
|
|
39619
|
+
return 'alert';
|
|
39620
|
+
}
|
|
39621
|
+
|
|
39622
|
+
return '';
|
|
39623
|
+
},
|
|
39624
|
+
disabled: function disabled() {
|
|
39625
|
+
if (this.validate) {
|
|
39626
|
+
return this.confirmText !== this.validate;
|
|
39627
|
+
} // return (
|
|
39628
|
+
// _.get(this.data, 'validate.text') &&
|
|
39629
|
+
// this.confirmText !== this.data.validate.text
|
|
39630
|
+
// );
|
|
39631
|
+
|
|
39632
|
+
|
|
39633
|
+
return false;
|
|
39634
|
+
}
|
|
39635
|
+
},
|
|
39636
|
+
methods: {
|
|
39637
|
+
closeByDarkBackground: function closeByDarkBackground() {
|
|
39638
|
+
this.$emit('close');
|
|
39639
|
+
},
|
|
39640
|
+
close: function close() {
|
|
39641
|
+
var _this$data2;
|
|
39642
|
+
|
|
39643
|
+
this.justClose();
|
|
39644
|
+
|
|
39645
|
+
if ((_this$data2 = this.data) !== null && _this$data2 !== void 0 && _this$data2.onClose) {
|
|
39646
|
+
this.data.onClose();
|
|
39647
|
+
}
|
|
39648
|
+
},
|
|
39649
|
+
justClose: function justClose() {// this.closeModal(this.id);
|
|
39650
|
+
}
|
|
39651
|
+
}
|
|
39652
|
+
});
|
|
39653
|
+
// CONCATENATED MODULE: ./src/components/ModalNext/ModalNext.vue?vue&type=script&lang=js&
|
|
39654
|
+
/* harmony default export */ var ModalNext_ModalNextvue_type_script_lang_js_ = (ModalNextvue_type_script_lang_js_);
|
|
39655
|
+
// EXTERNAL MODULE: ./src/components/ModalNext/ModalNext.vue?vue&type=style&index=0&id=b28be08e&lang=scss&scoped=true&
|
|
39656
|
+
var ModalNextvue_type_style_index_0_id_b28be08e_lang_scss_scoped_true_ = __webpack_require__("5702");
|
|
39657
|
+
|
|
39658
|
+
// CONCATENATED MODULE: ./src/components/ModalNext/ModalNext.vue
|
|
39659
|
+
|
|
39660
|
+
|
|
39661
|
+
|
|
39662
|
+
|
|
39663
|
+
|
|
39664
|
+
|
|
39665
|
+
/* normalize component */
|
|
39666
|
+
|
|
39667
|
+
var ModalNext_component = normalizeComponent(
|
|
39668
|
+
ModalNext_ModalNextvue_type_script_lang_js_,
|
|
39669
|
+
ModalNextvue_type_template_id_b28be08e_scoped_true_render,
|
|
39670
|
+
ModalNextvue_type_template_id_b28be08e_scoped_true_staticRenderFns,
|
|
39671
|
+
false,
|
|
39672
|
+
null,
|
|
39673
|
+
"b28be08e",
|
|
39674
|
+
null
|
|
39675
|
+
|
|
39676
|
+
)
|
|
39677
|
+
|
|
39678
|
+
/* harmony default export */ var ModalNext = (ModalNext_component.exports);
|
|
39412
39679
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ModalUpload/ModalUpload.vue?vue&type=template&id=32dae3e5&scoped=true&
|
|
39413
39680
|
var ModalUploadvue_type_template_id_32dae3e5_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"modal-upload"},[_c('div',{staticClass:"close-button-container"},[_c('unnnic-icon',{staticClass:"close-button",attrs:{"icon":"close-1","scheme":"neutral-dark","size":"sm"},on:{"click":function($event){return _vm.$emit('close')}}})],1),_c('div',{staticClass:"title"},[_vm._v(" "+_vm._s(_vm.textTitle)+" ")]),_c('unnnic-upload-area',{attrs:{"accept-multiple":_vm.acceptMultiple,"supported-formats":_vm.supportedFormats,"maximum-uploads":_vm.maximumUploads,"files-progress":_vm.filesProgress,"is-uploading":_vm.isUploading,"can-import":_vm.canImport,"can-delete":_vm.canDelete,"max-file-size":_vm.maxFileSize,"files":_vm.files},on:{"fileChange":function($event){return _vm.$emit('file-change', $event)}}}),_c('div',{staticClass:"footer"},[_c('unnnic-button',{attrs:{"size":"large","type":"terciary","text":_vm.textCancel},on:{"click":function($event){return _vm.$emit('cancel')}}}),_c('unnnic-button',{attrs:{"size":"large","type":"primary","text":_vm.textAction},on:{"click":function($event){return _vm.$emit('action')}}})],1)],1)}
|
|
39414
39681
|
var ModalUploadvue_type_template_id_32dae3e5_scoped_true_staticRenderFns = []
|
|
@@ -41087,14 +41354,14 @@ var MultiSelect_component = normalizeComponent(
|
|
|
41087
41354
|
)
|
|
41088
41355
|
|
|
41089
41356
|
/* harmony default export */ var MultiSelect = (MultiSelect_component.exports);
|
|
41090
|
-
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Input/Autocomplete.vue?vue&type=template&id=
|
|
41091
|
-
var
|
|
41357
|
+
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Input/Autocomplete.vue?vue&type=template&id=3c24ee1b&
|
|
41358
|
+
var Autocompletevue_type_template_id_3c24ee1b_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:"click-outside",rawName:"v-click-outside",value:(_vm.onClickOutside),expression:"onClickOutside"}],staticClass:"unnnic-autocomplete"},[(_vm.label)?_c('p',{staticClass:"unnnic-form__label"},[_vm._v(" "+_vm._s(_vm.label)+" ")]):_vm._e(),_c('text-input',_vm._g({attrs:{"v-bind":_vm.$attrs,"icon-left":_vm.iconLeft,"icon-right":_vm.iconRight,"icon-right-clickable":Object.keys(_vm.$listeners).includes('icon-right-click'),"tooltip-icon-right":_vm.tooltipIconRight,"tooltip-side-icon-right":_vm.tooltipSideIconRight,"tooltip-force-open-icon-right":_vm.tooltipForceOpenIconRight,"type":_vm.type,"size":_vm.size,"placeholder":_vm.placeholder},on:{"focus":_vm.onFocus,"blur":_vm.onBlur},model:{value:(_vm.val),callback:function ($$v) {_vm.val=$$v},expression:"val"}},_vm.inputListeners)),_c('div',{directives:[{name:"show",rawName:"v-show",value:((_vm.open || (this.openWithFocus && this.isFocused)) && _vm.data.length),expression:"(open || (this.openWithFocus && this.isFocused)) && data.length"}],staticClass:"unnnic-autocomplete__container-list"},[_c('div',{class:['unnnic-autocomplete__list',
|
|
41092
41359
|
("unnnic-autocomplete__list--size-" + _vm.size),
|
|
41093
41360
|
_vm.message && _vm.message.length > 0 ? 'unnnic-autocomplete__list--with-message' : '']},[_vm._l((_vm.dataParsed),function(option,index){return [(option.type === 'category')?_c('div',{key:index,staticClass:"category",attrs:{"title":option.text}},[_vm._v(" "+_vm._s(option.text)+" ")]):_c('div',{key:index,staticClass:"unnnic--clickable option",on:{"click":function($event){return _vm.onChoose(option)}}},[_c('div',{staticClass:"label",attrs:{"title":option.text},domProps:{"innerHTML":_vm._s(_vm.highlighted(option.text))}})])]})],2)]),(_vm.message)?_c('p',{staticClass:"unnnic-form__message"},[_vm._v(" "+_vm._s(_vm.message)+" ")]):_vm._e()],1)}
|
|
41094
|
-
var
|
|
41361
|
+
var Autocompletevue_type_template_id_3c24ee1b_staticRenderFns = []
|
|
41095
41362
|
|
|
41096
41363
|
|
|
41097
|
-
// CONCATENATED MODULE: ./src/components/Input/Autocomplete.vue?vue&type=template&id=
|
|
41364
|
+
// CONCATENATED MODULE: ./src/components/Input/Autocomplete.vue?vue&type=template&id=3c24ee1b&
|
|
41098
41365
|
|
|
41099
41366
|
// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Input/Autocomplete.vue?vue&type=script&lang=js&
|
|
41100
41367
|
|
|
@@ -41154,6 +41421,10 @@ var Autocompletevue_type_template_id_44a1e94a_staticRenderFns = []
|
|
|
41154
41421
|
//
|
|
41155
41422
|
//
|
|
41156
41423
|
//
|
|
41424
|
+
//
|
|
41425
|
+
//
|
|
41426
|
+
//
|
|
41427
|
+
//
|
|
41157
41428
|
|
|
41158
41429
|
|
|
41159
41430
|
/* harmony default export */ var Autocompletevue_type_script_lang_js_ = ({
|
|
@@ -41228,7 +41499,8 @@ var Autocompletevue_type_template_id_44a1e94a_staticRenderFns = []
|
|
|
41228
41499
|
data: function data() {
|
|
41229
41500
|
return {
|
|
41230
41501
|
val: null,
|
|
41231
|
-
open: false
|
|
41502
|
+
open: false,
|
|
41503
|
+
isFocused: false
|
|
41232
41504
|
};
|
|
41233
41505
|
},
|
|
41234
41506
|
watch: {
|
|
@@ -41249,9 +41521,13 @@ var Autocompletevue_type_template_id_44a1e94a_staticRenderFns = []
|
|
|
41249
41521
|
},
|
|
41250
41522
|
methods: {
|
|
41251
41523
|
onFocus: function onFocus() {
|
|
41524
|
+
this.isFocused = true;
|
|
41252
41525
|
if (!this.val && !this.openWithFocus) return;
|
|
41253
41526
|
this.open = true;
|
|
41254
41527
|
},
|
|
41528
|
+
onBlur: function onBlur() {
|
|
41529
|
+
this.isFocused = false;
|
|
41530
|
+
},
|
|
41255
41531
|
onChoose: function onChoose(option) {
|
|
41256
41532
|
var _this = this;
|
|
41257
41533
|
|
|
@@ -41308,8 +41584,8 @@ var Autocompletevue_type_style_index_0_lang_scss_ = __webpack_require__("bc3b");
|
|
|
41308
41584
|
|
|
41309
41585
|
var Autocomplete_component = normalizeComponent(
|
|
41310
41586
|
Input_Autocompletevue_type_script_lang_js_,
|
|
41311
|
-
|
|
41312
|
-
|
|
41587
|
+
Autocompletevue_type_template_id_3c24ee1b_render,
|
|
41588
|
+
Autocompletevue_type_template_id_3c24ee1b_staticRenderFns,
|
|
41313
41589
|
false,
|
|
41314
41590
|
null,
|
|
41315
41591
|
null,
|
|
@@ -46205,6 +46481,7 @@ var ProgressBar_component = normalizeComponent(
|
|
|
46205
46481
|
|
|
46206
46482
|
|
|
46207
46483
|
|
|
46484
|
+
|
|
46208
46485
|
|
|
46209
46486
|
|
|
46210
46487
|
var components = {
|
|
@@ -46234,6 +46511,7 @@ var components = {
|
|
|
46234
46511
|
unnnicRadio: Radio,
|
|
46235
46512
|
unnnicLanguageSelect: LanguageSelect,
|
|
46236
46513
|
unnnicModal: Modal,
|
|
46514
|
+
unnnicModalNext: ModalNext,
|
|
46237
46515
|
unnnicModalUpload: ModalUpload,
|
|
46238
46516
|
unnnicSelect: Select,
|
|
46239
46517
|
unnnicSelectItem: SelectItem,
|
|
@@ -46301,6 +46579,7 @@ var unnnicCheckbox = Checkbox;
|
|
|
46301
46579
|
var unnnicRadio = Radio;
|
|
46302
46580
|
var unnniclanguageSelect = LanguageSelect;
|
|
46303
46581
|
var unnnicModal = Modal;
|
|
46582
|
+
var unnnicModalNext = ModalNext;
|
|
46304
46583
|
var unnnicModalUpload = ModalUpload;
|
|
46305
46584
|
var unnnicSelect = Select;
|
|
46306
46585
|
var unnnicSelectItem = SelectItem;
|