@webitel/ui-sdk 3.2.31 → 3.2.32
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/ui-sdk.common.js +54 -70
- package/dist/ui-sdk.common.js.map +1 -1
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.umd.js +54 -70
- package/dist/ui-sdk.umd.js.map +1 -1
- package/dist/ui-sdk.umd.min.js +1 -1
- package/dist/ui-sdk.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/src/components/molecules/wt-search-bar/wt-search-bar.vue +51 -69
package/dist/ui-sdk.common.js
CHANGED
|
@@ -20080,50 +20080,25 @@ function wt_radiovue_type_template_id_945ef6c4_scoped_true_render(_ctx, _cache,
|
|
|
20080
20080
|
const wt_radio_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_radiovue_type_script_lang_js, [['render',wt_radiovue_type_template_id_945ef6c4_scoped_true_render],['__scopeId',"data-v-945ef6c4"]])
|
|
20081
20081
|
|
|
20082
20082
|
/* harmony default export */ var wt_radio = (wt_radio_exports_);
|
|
20083
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/molecules/wt-search-bar/wt-search-bar.vue?vue&type=template&id=5f7c84e4&scoped=true
|
|
20084
|
-
|
|
20085
|
-
const wt_search_barvue_type_template_id_5f7c84e4_scoped_true_withScopeId = n => (_pushScopeId("data-v-5f7c84e4"), n = n(), _popScopeId(), n);
|
|
20086
|
-
const wt_search_barvue_type_template_id_5f7c84e4_scoped_true_hoisted_1 = {
|
|
20087
|
-
class: "wt-search-bar__wrapper"
|
|
20088
|
-
};
|
|
20089
|
-
const wt_search_barvue_type_template_id_5f7c84e4_scoped_true_hoisted_2 = ["placeholder", "value"];
|
|
20090
|
-
const wt_search_barvue_type_template_id_5f7c84e4_scoped_true_hoisted_3 = {
|
|
20091
|
-
class: "wt-search-bar__search-icon"
|
|
20092
|
-
};
|
|
20093
|
-
function wt_search_barvue_type_template_id_5f7c84e4_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
20094
|
-
const _component_wt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-icon");
|
|
20095
|
-
const _component_wt_icon_btn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-icon-btn");
|
|
20096
|
-
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
|
|
20097
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([{
|
|
20098
|
-
'wt-search-bar--outline': $props.outline
|
|
20099
|
-
}, "wt-search-bar"])
|
|
20100
|
-
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", wt_search_barvue_type_template_id_5f7c84e4_scoped_true_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
|
|
20101
|
-
placeholder: $options.searchBarPlaceholder,
|
|
20102
|
-
value: $props.value,
|
|
20103
|
-
class: "wt-search-bar__input",
|
|
20104
|
-
type: "search"
|
|
20105
|
-
}, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.listeners, true)), null, 16, wt_search_barvue_type_template_id_5f7c84e4_scoped_true_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", wt_search_barvue_type_template_id_5f7c84e4_scoped_true_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "search-icon", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_icon, {
|
|
20106
|
-
icon: "search"
|
|
20107
|
-
})], true)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_icon_btn, {
|
|
20108
|
-
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([{
|
|
20109
|
-
'hidden': !$props.value
|
|
20110
|
-
}, "wt-search-bar__reset-icon-btn"]),
|
|
20111
|
-
icon: "close",
|
|
20112
|
-
onClick: _cache[0] || (_cache[0] = $event => _ctx.$emit('input', ''))
|
|
20113
|
-
}, null, 8, ["class"])])], 2);
|
|
20114
|
-
}
|
|
20115
|
-
;// CONCATENATED MODULE: ./src/components/molecules/wt-search-bar/wt-search-bar.vue?vue&type=template&id=5f7c84e4&scoped=true
|
|
20116
|
-
|
|
20117
20083
|
// EXTERNAL MODULE: ./node_modules/lodash.debounce/index.js
|
|
20118
20084
|
var lodash_debounce = __webpack_require__(296);
|
|
20119
20085
|
var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce);
|
|
20120
20086
|
;// CONCATENATED MODULE: ./src/scripts/debounce.js
|
|
20121
20087
|
|
|
20122
20088
|
/* harmony default export */ var debounce = ((lodash_debounce_default()));
|
|
20123
|
-
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/molecules/wt-search-bar/wt-search-bar.vue?vue&type=script&lang=js
|
|
20089
|
+
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/molecules/wt-search-bar/wt-search-bar.vue?vue&type=script&setup=true&lang=js
|
|
20124
20090
|
|
|
20125
|
-
|
|
20126
|
-
|
|
20091
|
+
const wt_search_barvue_type_script_setup_true_lang_js_withScopeId = n => (_pushScopeId("data-v-1e5a91c6"), n = n(), _popScopeId(), n);
|
|
20092
|
+
const wt_search_barvue_type_script_setup_true_lang_js_hoisted_1 = {
|
|
20093
|
+
class: "wt-search-bar__wrapper"
|
|
20094
|
+
};
|
|
20095
|
+
const wt_search_barvue_type_script_setup_true_lang_js_hoisted_2 = ["placeholder", "value"];
|
|
20096
|
+
const wt_search_barvue_type_script_setup_true_lang_js_hoisted_3 = {
|
|
20097
|
+
class: "wt-search-bar__search-icon"
|
|
20098
|
+
};
|
|
20099
|
+
|
|
20100
|
+
/* harmony default export */ var wt_search_barvue_type_script_setup_true_lang_js = ({
|
|
20101
|
+
__name: 'wt-search-bar',
|
|
20127
20102
|
props: {
|
|
20128
20103
|
/**
|
|
20129
20104
|
* Current search-bar value (`v-model`)
|
|
@@ -20151,59 +20126,68 @@ var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce
|
|
|
20151
20126
|
default: false
|
|
20152
20127
|
}
|
|
20153
20128
|
},
|
|
20154
|
-
|
|
20155
|
-
|
|
20156
|
-
|
|
20157
|
-
|
|
20158
|
-
|
|
20159
|
-
|
|
20160
|
-
|
|
20161
|
-
|
|
20162
|
-
|
|
20163
|
-
|
|
20164
|
-
|
|
20165
|
-
listeners() {
|
|
20166
|
-
return {
|
|
20167
|
-
...this.$listeners,
|
|
20168
|
-
input: event => this.$emit('input', event.target.value),
|
|
20169
|
-
keyup: this.handleKeyup
|
|
20170
|
-
};
|
|
20171
|
-
},
|
|
20172
|
-
searchBarPlaceholder() {
|
|
20173
|
-
return this.placeholder || this.$t('webitelUI.searchBar.placeholder');
|
|
20129
|
+
emits: ['input', 'search', 'enter'],
|
|
20130
|
+
setup(__props, {
|
|
20131
|
+
emit
|
|
20132
|
+
}) {
|
|
20133
|
+
const props = __props;
|
|
20134
|
+
const search = debounce(value => {
|
|
20135
|
+
emit('search', value);
|
|
20136
|
+
});
|
|
20137
|
+
function handleInput(value) {
|
|
20138
|
+
emit('input', value);
|
|
20139
|
+
search(value);
|
|
20174
20140
|
}
|
|
20175
|
-
|
|
20176
|
-
methods: {
|
|
20177
|
-
search() {
|
|
20178
|
-
this.$emit('search', this.value);
|
|
20179
|
-
},
|
|
20180
|
-
handleKeyup(event) {
|
|
20141
|
+
function handleKeyup(event) {
|
|
20181
20142
|
if (event.key === 'Enter') {
|
|
20182
|
-
|
|
20143
|
+
search(props.value);
|
|
20183
20144
|
event.preventDefault();
|
|
20184
20145
|
} else if (event.key === 'Esc') {
|
|
20185
|
-
|
|
20146
|
+
handleInput('');
|
|
20186
20147
|
event.preventDefault();
|
|
20187
20148
|
}
|
|
20188
20149
|
}
|
|
20150
|
+
return (_ctx, _cache) => {
|
|
20151
|
+
const _component_wt_icon = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-icon");
|
|
20152
|
+
const _component_wt_icon_btn = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("wt-icon-btn");
|
|
20153
|
+
return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
|
|
20154
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([{
|
|
20155
|
+
'wt-search-bar--outline': __props.outline
|
|
20156
|
+
}, "wt-search-bar"])
|
|
20157
|
+
}, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", wt_search_barvue_type_script_setup_true_lang_js_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("input", {
|
|
20158
|
+
placeholder: __props.placeholder || _ctx.$t('webitelUI.searchBar.placeholder'),
|
|
20159
|
+
value: __props.value,
|
|
20160
|
+
class: "wt-search-bar__input",
|
|
20161
|
+
type: "search",
|
|
20162
|
+
onInput: _cache[0] || (_cache[0] = $event => handleInput($event.target.value)),
|
|
20163
|
+
onKeyup: handleKeyup
|
|
20164
|
+
}, null, 40, wt_search_barvue_type_script_setup_true_lang_js_hoisted_2), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", wt_search_barvue_type_script_setup_true_lang_js_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "search-icon", {}, () => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_icon, {
|
|
20165
|
+
icon: "search"
|
|
20166
|
+
})])]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_wt_icon_btn, {
|
|
20167
|
+
class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)([{
|
|
20168
|
+
'hidden': !__props.value
|
|
20169
|
+
}, "wt-search-bar__reset-icon-btn"]),
|
|
20170
|
+
icon: "close",
|
|
20171
|
+
onClick: _cache[1] || (_cache[1] = $event => _ctx.$emit('input', ''))
|
|
20172
|
+
}, null, 8, ["class"])])], 2);
|
|
20173
|
+
};
|
|
20189
20174
|
}
|
|
20190
20175
|
});
|
|
20191
|
-
;// CONCATENATED MODULE: ./src/components/molecules/wt-search-bar/wt-search-bar.vue?vue&type=script&lang=js
|
|
20176
|
+
;// CONCATENATED MODULE: ./src/components/molecules/wt-search-bar/wt-search-bar.vue?vue&type=script&setup=true&lang=js
|
|
20192
20177
|
|
|
20193
|
-
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/molecules/wt-search-bar/wt-search-bar.vue?vue&type=style&index=0&id=
|
|
20178
|
+
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/molecules/wt-search-bar/wt-search-bar.vue?vue&type=style&index=0&id=1e5a91c6&lang=scss&scoped=true
|
|
20194
20179
|
// extracted by mini-css-extract-plugin
|
|
20195
20180
|
|
|
20196
|
-
;// CONCATENATED MODULE: ./src/components/molecules/wt-search-bar/wt-search-bar.vue?vue&type=style&index=0&id=
|
|
20181
|
+
;// CONCATENATED MODULE: ./src/components/molecules/wt-search-bar/wt-search-bar.vue?vue&type=style&index=0&id=1e5a91c6&lang=scss&scoped=true
|
|
20197
20182
|
|
|
20198
20183
|
;// CONCATENATED MODULE: ./src/components/molecules/wt-search-bar/wt-search-bar.vue
|
|
20199
20184
|
|
|
20200
20185
|
|
|
20201
20186
|
|
|
20202
|
-
|
|
20203
20187
|
;
|
|
20204
20188
|
|
|
20205
20189
|
|
|
20206
|
-
const wt_search_bar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(
|
|
20190
|
+
const wt_search_bar_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(wt_search_barvue_type_script_setup_true_lang_js, [['__scopeId',"data-v-1e5a91c6"]])
|
|
20207
20191
|
|
|
20208
20192
|
/* harmony default export */ var wt_search_bar = (wt_search_bar_exports_);
|
|
20209
20193
|
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/molecules/wt-select/wt-select.vue?vue&type=template&id=b9100f08&scoped=true
|