@weni/unnnic-system 1.5.6 → 1.6.0

package/dist/unnnic.common.js

@@ -16766,6 +16766,13 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 })));
 
 
+/***/ }),
+
+/***/ "b2a3":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "b3e3":
@@ -16875,6 +16882,17 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 })));
 
 
+/***/ }),
+
+/***/ "b427":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* 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_AutocompleteSelect_vue_vue_type_style_index_0_id_ab1b3dc6_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b2a3");
+/* 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_AutocompleteSelect_vue_vue_type_style_index_0_id_ab1b3dc6_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_AutocompleteSelect_vue_vue_type_style_index_0_id_ab1b3dc6_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "b469":
@@ -27994,6 +28012,7 @@ __webpack_require__.d(__webpack_exports__, "unnnicAlert", function() { return /*
 __webpack_require__.d(__webpack_exports__, "unnnicCallAlert", function() { return /* reexport */ unnnicCallAlert; });
 __webpack_require__.d(__webpack_exports__, "unnnicCallModal", function() { return /* reexport */ unnnicCallModal; });
 __webpack_require__.d(__webpack_exports__, "unnnicAutocomplete", function() { return /* reexport */ unnnicAutocomplete; });
+__webpack_require__.d(__webpack_exports__, "unnnicAutocompleteSelect", function() { return /* reexport */ unnnicAutocompleteSelect; });
 __webpack_require__.d(__webpack_exports__, "unnnicTag", function() { return /* reexport */ unnnicTag; });
 __webpack_require__.d(__webpack_exports__, "unnnicAccordion", function() { return /* reexport */ unnnicAccordion; });
 __webpack_require__.d(__webpack_exports__, "unnnicIndicator", function() { return /* reexport */ unnnicIndicator; });
@@ -34472,16 +34491,18 @@ function _nonIterableSpread() {
 function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
-// 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/Select/SelectItem.vue?vue&type=template&id=1fde6977&
-var SelectItemvue_type_template_id_1fde6977_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{
+// 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/Select/SelectItem.vue?vue&type=template&id=d2fb7cfc&
+var SelectItemvue_type_template_id_d2fb7cfc_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{
     'unnnic-select-item': true,
     'unnnic-select-item__active': _vm.active,
     'unnnic--clickable': _vm.selectable,
-    'unnnic-select-item--selectable': _vm.selectable},on:{"click":function($event){return _vm.$emit('click')}}},[_c('span',{class:['unnnic-select-item__label', ("unnnic-select-item__label--" + _vm.size)]},[_vm._t("default")],2)])}
-var SelectItemvue_type_template_id_1fde6977_staticRenderFns = []
+    'unnnic-select-item--selectable': _vm.selectable,
+    'text-focused': _vm.textFocused,
+  },on:{"click":function($event){return _vm.$emit('click')}}},[_c('span',{class:['unnnic-select-item__label', ("unnnic-select-item__label--" + _vm.size)]},[_vm._t("default")],2)])}
+var SelectItemvue_type_template_id_d2fb7cfc_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/Select/SelectItem.vue?vue&type=template&id=1fde6977&
+// CONCATENATED MODULE: ./src/components/Select/SelectItem.vue?vue&type=template&id=d2fb7cfc&
 
 // 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/Select/SelectItem.vue?vue&type=script&lang=js&
 //
@@ -34498,6 +34519,8 @@ var SelectItemvue_type_template_id_1fde6977_staticRenderFns = []
 //
 //
 //
+//
+//
 /* harmony default export */ var SelectItemvue_type_script_lang_js_ = ({
   name: 'UnnicSelectItem',
   props: {
@@ -34512,6 +34535,10 @@ var SelectItemvue_type_template_id_1fde6977_staticRenderFns = []
     active: {
       type: Boolean,
       default: false
+    },
+    textFocused: {
+      type: Boolean,
+      default: false
     }
   }
 });
@@ -34531,8 +34558,8 @@ var SelectItemvue_type_style_index_0_lang_scss_ = __webpack_require__("4cd7");
 
 var SelectItem_component = normalizeComponent(
   Select_SelectItemvue_type_script_lang_js_,
-  SelectItemvue_type_template_id_1fde6977_render,
-  SelectItemvue_type_template_id_1fde6977_staticRenderFns,
+  SelectItemvue_type_template_id_d2fb7cfc_render,
+  SelectItemvue_type_template_id_d2fb7cfc_staticRenderFns,
   false,
   null,
   null,
@@ -35411,6 +35438,158 @@ var Autocomplete_component = normalizeComponent(
 )
 
 /* harmony default export */ var Autocomplete = (Autocomplete_component.exports);
+// 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/AutocompleteSelect/AutocompleteSelect.vue?vue&type=template&id=ab1b3dc6&scoped=true&
+var AutocompleteSelectvue_type_template_id_ab1b3dc6_scoped_true_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:(function () { return _vm.isMenuOpen = false; }),expression:"() => isMenuOpen = false"}],staticClass:"unnnic-autocomplete-select"},[_c('unnnic-input',{attrs:{"size":"md","icon-left":"search-1","placeholder":_vm.placeholder},on:{"focus":function($event){_vm.isMenuOpen = true}},model:{value:(_vm.inputValue),callback:function ($$v) {_vm.inputValue=$$v},expression:"inputValue"}}),(_vm.isMenuOpen)?_c('div',{staticClass:"options-container"},[_c('div',{staticClass:"options"},_vm._l((_vm.items),function(item,index){return _c('unnnic-select-item',{key:item.value,ref:("option-" + index),refInFor:true,attrs:{"size":"md","text-focused":_vm.value.some(function (itemSelected) { return itemSelected.value === item.value; })},on:{"click":function($event){return _vm.toggle(item)}}},[_vm._v(" "+_vm._s(item.text)+" ")])}),1)]):_vm._e()],1)}
+var AutocompleteSelectvue_type_template_id_ab1b3dc6_scoped_true_staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/AutocompleteSelect/AutocompleteSelect.vue?vue&type=template&id=ab1b3dc6&scoped=true&
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.some.js
+var es_array_some = __webpack_require__("45fc");
+
+// 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/AutocompleteSelect/AutocompleteSelect.vue?vue&type=script&lang=js&
+
+
+
+
+
+
+
+
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+/* harmony default export */ var AutocompleteSelectvue_type_script_lang_js_ = ({
+  components: {
+    UnnnicInput: Input,
+    UnnnicSelectItem: SelectItem
+  },
+  props: {
+    value: {
+      type: Array
+    },
+    items: {
+      type: Array
+    },
+    placeholder: {
+      type: String,
+      default: 'Buscar por'
+    }
+  },
+  data: function data() {
+    return {
+      isMenuOpen: false,
+      inputValue: ''
+    };
+  },
+  directives: {
+    clickOutside: v_click_outside_umd_default.a.directive
+  },
+  computed: {
+    inputValueAndIsMenuOpen: function inputValueAndIsMenuOpen() {
+      return [this.inputValue, this.isMenuOpen].join('-');
+    }
+  },
+  watch: {
+    inputValueAndIsMenuOpen: function inputValueAndIsMenuOpen() {
+      var _this = this;
+
+      if (!this.isMenuOpen) {
+        return;
+      }
+
+      var index = this.items.map(function (item) {
+        return _objectSpread2(_objectSpread2({}, item), {}, {
+          text: item.text.toLowerCase()
+        });
+      }).findIndex(function (item) {
+        return item.text.includes(_this.inputValue.toLowerCase());
+      });
+
+      if (index === -1) {
+        return;
+      }
+
+      this.$nextTick(function () {
+        var element = _this.$refs["option-".concat(index)];
+
+        if (element && element[0] && element[0].$el && element[0].$el.scrollIntoView) {
+          element[0].$el.scrollIntoView();
+        }
+      });
+    }
+  },
+  methods: {
+    toggle: function toggle(item) {
+      var alreadySelected = this.value.some(function (itemSelected) {
+        return itemSelected.value === item.value;
+      });
+
+      if (alreadySelected) {
+        this.$emit('input', this.value.filter(function (itemSelected) {
+          return itemSelected.value !== item.value;
+        }));
+      } else {
+        this.$emit('input', this.value.concat(item));
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/AutocompleteSelect/AutocompleteSelect.vue?vue&type=script&lang=js&
+ /* harmony default export */ var AutocompleteSelect_AutocompleteSelectvue_type_script_lang_js_ = (AutocompleteSelectvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./src/components/AutocompleteSelect/AutocompleteSelect.vue?vue&type=style&index=0&id=ab1b3dc6&lang=scss&scoped=true&
+var AutocompleteSelectvue_type_style_index_0_id_ab1b3dc6_lang_scss_scoped_true_ = __webpack_require__("b427");
+
+// CONCATENATED MODULE: ./src/components/AutocompleteSelect/AutocompleteSelect.vue
+
+
+
+
+
+
+/* normalize component */
+
+var AutocompleteSelect_component = normalizeComponent(
+  AutocompleteSelect_AutocompleteSelectvue_type_script_lang_js_,
+  AutocompleteSelectvue_type_template_id_ab1b3dc6_scoped_true_render,
+  AutocompleteSelectvue_type_template_id_ab1b3dc6_scoped_true_staticRenderFns,
+  false,
+  null,
+  "ab1b3dc6",
+  null
+  
+)
+
+/* harmony default export */ var AutocompleteSelect = (AutocompleteSelect_component.exports);
 // 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/Accordion/Accordion.vue?vue&type=template&id=d2d86c3c&scoped=true&
 var Accordionvue_type_template_id_d2d86c3c_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"unnnic-accordion",on:{"click":function($event){return _vm.$emit('input', !_vm.open)}}},[_c('div',{staticClass:"header"},[_c('unnnic-icon-svg',{attrs:{"icon":_vm.open ? 'subtract-circle-1' : 'add-circle-1',"scheme":"neutral-clean","size":"md"}}),_c('div',{class:['title', { open: _vm.open }]},[_vm._v(_vm._s(_vm.title))]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.open),expression:"open"}],staticClass:"actions"},[_vm._t("actions")],2)],1),_c('div',{ref:"content",class:['content', { open: _vm.open }],style:({ height: _vm.height })},[_vm._t("default")],2)])}
 var Accordionvue_type_template_id_d2d86c3c_scoped_true_staticRenderFns = []
@@ -35856,9 +36035,6 @@ var TagCarouselvue_type_template_id_0bd2bd96_staticRenderFns = []
 
 // CONCATENATED MODULE: ./src/components/Carousel/TagCarousel.vue?vue&type=template&id=0bd2bd96&
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.some.js
-var es_array_some = __webpack_require__("45fc");
-
 // 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/Carousel/TagCarousel.vue?vue&type=script&lang=js&
 
 
@@ -38436,6 +38612,7 @@ var TextEditor_component = normalizeComponent(
 
 
 
+
 
 
 var components = {
@@ -38469,6 +38646,7 @@ var components = {
   unnnicMultiSelect: MultiSelect,
   unnnicAlert: Alert,
   unnnicAutocomplete: Autocomplete,
+  unnnicAutocompleteSelect: AutocompleteSelect,
   unnnicTag: Tag,
   unnnicAccordion: Accordion,
   unnnicIndicator: Indicator,
@@ -38528,6 +38706,7 @@ var unnnicAlert = Alert;
 var unnnicCallAlert = call.callAlert;
 var unnnicCallModal = call.callModal;
 var unnnicAutocomplete = Autocomplete;
+var unnnicAutocompleteSelect = AutocompleteSelect;
 var unnnicTag = Tag;
 var unnnicAccordion = Accordion;
 var unnnicIndicator = Indicator;