Update WVUI to v0.3.2
Release notes: https://gerrit.wikimedia.org/r/plugins/gitiles/wvui/+/refs/tags/v0.3.2/CHANGELOG.md#v0_3_2-2021_11_01 Bug: T290392 Change-Id: I8fb7761e60be330e58cd017872318fe3675c0be1
This commit is contained in:
Volker E
parent
7e24705bcd
commit
4c47d37688
7 changed files with 120 additions and 76 deletions
|
|
@ -63,6 +63,7 @@ For notes on 1.36.x and older releases, see HISTORY.
|
||||||
* …
|
* …
|
||||||
|
|
||||||
==== Changed external libraries ====
|
==== Changed external libraries ====
|
||||||
|
* Updated WVUI from v0.3.0 to v0.3.2
|
||||||
* Updated wikimedia/parsoid from v0.14.0-a14 to v0.15.0-a1.
|
* Updated wikimedia/parsoid from v0.14.0-a14 to v0.15.0-a1.
|
||||||
* Updated wikimedia/purtle from 1.0.7 to 1.0.8.
|
* Updated wikimedia/purtle from 1.0.7 to 1.0.8.
|
||||||
* Updated wikimedia/shellbox from 2.0.0 to 2.1.0.
|
* Updated wikimedia/shellbox from 2.0.0 to 2.1.0.
|
||||||
|
|
|
||||||
|
|
@ -337,8 +337,8 @@ vuex:
|
||||||
|
|
||||||
wvui:
|
wvui:
|
||||||
type: tar
|
type: tar
|
||||||
src: https://registry.npmjs.org/@wikimedia/wvui/-/wvui-0.3.0.tgz
|
src: https://registry.npmjs.org/@wikimedia/wvui/-/wvui-0.3.2.tgz
|
||||||
integrity: sha512-RiVvKReEn7KtvPzYghLr+e5FOYh71BWzaT1/uG/A2d8D6QM+0U5arF0MKJnB6drNvkQZPM/YcWu/IbV3zItcOA==
|
integrity: sha512-IZF9X/LN7waIP/XWxoYVJx28Q1pcrWL3gRu/wLy1Aihi5PdiISdqFYNbSpLoH9Q+/94qBRS0wOvgrs0yksXmPw==
|
||||||
|
|
||||||
dest:
|
dest:
|
||||||
package/README.md:
|
package/README.md:
|
||||||
|
|
|
||||||
|
|
@ -7,6 +7,11 @@ Vue.js shared user-interface components for Wikipedia, MediaWiki, and beyond. Se
|
||||||
Find WVUI's up-to-date code output in Storybook components demo at
|
Find WVUI's up-to-date code output in Storybook components demo at
|
||||||
[doc.wikimedia.org](https://doc.wikimedia.org/wvui/master/ui/)
|
[doc.wikimedia.org](https://doc.wikimedia.org/wvui/master/ui/)
|
||||||
|
|
||||||
|
Please note that WVUI is deprecated and in patch-only maintenance mode. A new Vue.js based component
|
||||||
|
library will be created based on WVUI and other prototypical libraries by Wikimedia Foundation and
|
||||||
|
Wikimedia Deutschland. Visit [this Phabricator task](https://phabricator.wikimedia.org/T288980) to
|
||||||
|
follow the initialization of the new library.
|
||||||
|
|
||||||
## Table of contents {ignore=true}
|
## Table of contents {ignore=true}
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
|
|
|
||||||
|
|
@ -1048,7 +1048,7 @@ var wvuiIconReferences = {
|
||||||
var wvuiIconReload = 'M15.65 4.35A8 8 0 1017.4 13h-2.22a6 6 0 11-1-7.22L11 9h7V2z';
|
var wvuiIconReload = 'M15.65 4.35A8 8 0 1017.4 13h-2.22a6 6 0 11-1-7.22L11 9h7V2z';
|
||||||
var wvuiIconRestore = 'M1.22 0L0 1.22l4 4V17a2 2 0 002 2h8a2 2 0 002-1.8l2.8 2.8 1.2-1.22zM17 4V2h-3.5l-1-1h-5l-1 1h-.84l2 2zM8.66 5H16v7.34z';
|
var wvuiIconRestore = 'M1.22 0L0 1.22l4 4V17a2 2 0 002 2h8a2 2 0 002-1.8l2.8 2.8 1.2-1.22zM17 4V2h-3.5l-1-1h-5l-1 1h-.84l2 2zM8.66 5H16v7.34z';
|
||||||
var wvuiIconRobot = 'M10.5 5h6.505C18.107 5 19 5.896 19 6.997V14h-7v2h5.005c1.102 0 1.995.888 1.995 2v2H1v-2c0-1.105.893-2 1.995-2H8v-2H1V6.997C1 5.894 1.893 5 2.995 5H9.5V2.915a1.5 1.5 0 111 0zm-4 6a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm7 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3z';
|
var wvuiIconRobot = 'M10.5 5h6.505C18.107 5 19 5.896 19 6.997V14h-7v2h5.005c1.102 0 1.995.888 1.995 2v2H1v-2c0-1.105.893-2 1.995-2H8v-2H1V6.997C1 5.894 1.893 5 2.995 5H9.5V2.915a1.5 1.5 0 111 0zm-4 6a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm7 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3z';
|
||||||
var wvuiIconSearch = 'M8 1a7 7 0 015.6 11.2l5.4 5.4-1.4 1.4-5.4-5.4A7 7 0 118 1zm0 2a5 5 0 100 10A5 5 0 008 3z';
|
var wvuiIconSearch = 'M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM3 8a5 5 0 1010 0A5 5 0 103 8z';
|
||||||
var wvuiIconSearchCaseSensitive = 'M11.59 15.87h-1.52a.64.64 0 01-.42-.13.84.84 0 01-.24-.32l-1-2.67H3.18l-1 2.67a.8.8 0 01-.23.31.63.63 0 01-.42.14H0L4.8 3.76h2zm-3.72-4.54L6.2 6.91a12.12 12.12 0 01-.41-1.3q-.09.4-.2.73c-.07.22-.14.42-.2.58l-1.67 4.41zm5.58-2.84a4.91 4.91 0 013.46-1.35 3.41 3.41 0 011.32.24 2.62 2.62 0 011 .68 3 3 0 01.6 1 4.08 4.08 0 01.17 1.36v5.45h-.81a.78.78 0 01-.39-.08.61.61 0 01-.23-.32l-.18-.7a7.87 7.87 0 01-.65.53 4.12 4.12 0 01-.66.39 3.3 3.3 0 01-.73.24 4.3 4.3 0 01-.86.08 3.18 3.18 0 01-1-.14 2.12 2.12 0 01-.78-.43 2 2 0 01-.52-.72 2.48 2.48 0 01-.19-1 2 2 0 01.26-1 2.42 2.42 0 01.87-.85 5.66 5.66 0 011.6-.62 11.7 11.7 0 012.51-.25v-.57A2.06 2.06 0 0017.85 9a1.46 1.46 0 00-1.16-.45 2.53 2.53 0 00-.87.13 3.9 3.9 0 00-.62.32l-.46.28a.77.77 0 01-.43.13.52.52 0 01-.32-.1.81.81 0 01-.21-.24zm4.79 3.63a11.49 11.49 0 00-1.63.15 4.61 4.61 0 00-1.08.31 1.42 1.42 0 00-.59.45 1 1 0 00-.18.57 1.25 1.25 0 00.1.52.94.94 0 00.27.35 1.08 1.08 0 00.4.2 1.93 1.93 0 00.51.06 2.59 2.59 0 001.21-.27 3.79 3.79 0 001-.77z';
|
var wvuiIconSearchCaseSensitive = 'M11.59 15.87h-1.52a.64.64 0 01-.42-.13.84.84 0 01-.24-.32l-1-2.67H3.18l-1 2.67a.8.8 0 01-.23.31.63.63 0 01-.42.14H0L4.8 3.76h2zm-3.72-4.54L6.2 6.91a12.12 12.12 0 01-.41-1.3q-.09.4-.2.73c-.07.22-.14.42-.2.58l-1.67 4.41zm5.58-2.84a4.91 4.91 0 013.46-1.35 3.41 3.41 0 011.32.24 2.62 2.62 0 011 .68 3 3 0 01.6 1 4.08 4.08 0 01.17 1.36v5.45h-.81a.78.78 0 01-.39-.08.61.61 0 01-.23-.32l-.18-.7a7.87 7.87 0 01-.65.53 4.12 4.12 0 01-.66.39 3.3 3.3 0 01-.73.24 4.3 4.3 0 01-.86.08 3.18 3.18 0 01-1-.14 2.12 2.12 0 01-.78-.43 2 2 0 01-.52-.72 2.48 2.48 0 01-.19-1 2 2 0 01.26-1 2.42 2.42 0 01.87-.85 5.66 5.66 0 011.6-.62 11.7 11.7 0 012.51-.25v-.57A2.06 2.06 0 0017.85 9a1.46 1.46 0 00-1.16-.45 2.53 2.53 0 00-.87.13 3.9 3.9 0 00-.62.32l-.46.28a.77.77 0 01-.43.13.52.52 0 01-.32-.1.81.81 0 01-.21-.24zm4.79 3.63a11.49 11.49 0 00-1.63.15 4.61 4.61 0 00-1.08.31 1.42 1.42 0 00-.59.45 1 1 0 00-.18.57 1.25 1.25 0 00.1.52.94.94 0 00.27.35 1.08 1.08 0 00.4.2 1.93 1.93 0 00.51.06 2.59 2.59 0 001.21-.27 3.79 3.79 0 001-.77z';
|
||||||
var wvuiIconSearchDiacritics = 'M5.31 7.87a7.27 7.27 0 015.13-2 5.06 5.06 0 011.95.35 3.91 3.91 0 011.43 1 4.44 4.44 0 01.88 1.54 6.05 6.05 0 01.3 2v8.04h-1.2a1.18 1.18 0 01-.58-.12.91.91 0 01-.34-.48l-.26-1a11.5 11.5 0 01-1 .78 6 6 0 01-1 .58 4.81 4.81 0 01-1.08.35 6.39 6.39 0 01-1.21.09 4.72 4.72 0 01-1.44-.21 3.14 3.14 0 01-1.15-.64A3 3 0 015 17.08a3.67 3.67 0 01-.28-1.49 2.89 2.89 0 01.39-1.43 3.58 3.58 0 011.29-1.25A8.37 8.37 0 018.76 12a17.22 17.22 0 013.64-.41v-.85a3 3 0 00-.59-2A2.15 2.15 0 0010.1 8a3.77 3.77 0 00-1.29.19 5.87 5.87 0 00-.91.42L7.21 9a1.15 1.15 0 01-.63.19.76.76 0 01-.47-.14 1.17 1.17 0 01-.32-.36zm6.2-5.8a.83.83 0 00.62-.23 1.11 1.11 0 00.24-.77H14a3.75 3.75 0 01-.17 1.18 2.74 2.74 0 01-.49.91 2.19 2.19 0 01-.76.59 2.27 2.27 0 01-1 .2 2 2 0 01-.82-.17 6.55 6.55 0 01-.72-.37L9.43 3a1.16 1.16 0 00-.56-.17.8.8 0 00-.62.24A1.12 1.12 0 008 3.9H6.37a3.67 3.67 0 01.18-1.18A2.81 2.81 0 017 1.8a2.25 2.25 0 01.76-.59 2.22 2.22 0 011-.21 2.06 2.06 0 01.83.17 6.42 6.42 0 01.72.37l.69.36a1.12 1.12 0 00.51.17zm.9 11.18a17 17 0 00-2.42.23 6.87 6.87 0 00-1.59.46 2.1 2.1 0 00-.88.67 1.45 1.45 0 00-.27.85 1.85 1.85 0 00.14.77 1.39 1.39 0 00.4.52 1.6 1.6 0 00.6.3 2.85 2.85 0 00.75.09 3.84 3.84 0 001.8-.39 5.61 5.61 0 001.46-1.14z';
|
var wvuiIconSearchDiacritics = 'M5.31 7.87a7.27 7.27 0 015.13-2 5.06 5.06 0 011.95.35 3.91 3.91 0 011.43 1 4.44 4.44 0 01.88 1.54 6.05 6.05 0 01.3 2v8.04h-1.2a1.18 1.18 0 01-.58-.12.91.91 0 01-.34-.48l-.26-1a11.5 11.5 0 01-1 .78 6 6 0 01-1 .58 4.81 4.81 0 01-1.08.35 6.39 6.39 0 01-1.21.09 4.72 4.72 0 01-1.44-.21 3.14 3.14 0 01-1.15-.64A3 3 0 015 17.08a3.67 3.67 0 01-.28-1.49 2.89 2.89 0 01.39-1.43 3.58 3.58 0 011.29-1.25A8.37 8.37 0 018.76 12a17.22 17.22 0 013.64-.41v-.85a3 3 0 00-.59-2A2.15 2.15 0 0010.1 8a3.77 3.77 0 00-1.29.19 5.87 5.87 0 00-.91.42L7.21 9a1.15 1.15 0 01-.63.19.76.76 0 01-.47-.14 1.17 1.17 0 01-.32-.36zm6.2-5.8a.83.83 0 00.62-.23 1.11 1.11 0 00.24-.77H14a3.75 3.75 0 01-.17 1.18 2.74 2.74 0 01-.49.91 2.19 2.19 0 01-.76.59 2.27 2.27 0 01-1 .2 2 2 0 01-.82-.17 6.55 6.55 0 01-.72-.37L9.43 3a1.16 1.16 0 00-.56-.17.8.8 0 00-.62.24A1.12 1.12 0 008 3.9H6.37a3.67 3.67 0 01.18-1.18A2.81 2.81 0 017 1.8a2.25 2.25 0 01.76-.59 2.22 2.22 0 011-.21 2.06 2.06 0 01.83.17 6.42 6.42 0 01.72.37l.69.36a1.12 1.12 0 00.51.17zm.9 11.18a17 17 0 00-2.42.23 6.87 6.87 0 00-1.59.46 2.1 2.1 0 00-.88.67 1.45 1.45 0 00-.27.85 1.85 1.85 0 00.14.77 1.39 1.39 0 00.4.52 1.6 1.6 0 00.6.3 2.85 2.85 0 00.75.09 3.84 3.84 0 001.8-.39 5.61 5.61 0 001.46-1.14z';
|
||||||
var wvuiIconSearchRegularExpression = 'M1.62 10a13.63 13.63 0 00.45 3.51A13.39 13.39 0 003.4 16.7a.91.91 0 01.1.27.41.41 0 010 .21.38.38 0 01-.1.15l-.14.11-.83.5a14.89 14.89 0 01-1.11-2 13.62 13.62 0 01-.74-2 13.22 13.22 0 01-.42-2 16.4 16.4 0 010-4.14 13.22 13.22 0 01.42-2 13.84 13.84 0 01.74-2A14.94 14.94 0 012.4 2l.83.51.14.11a.4.4 0 01.1.15.41.41 0 010 .21.93.93 0 01-.1.27A13.6 13.6 0 001.62 10zM15.8 8.79l-.54.94-1.75-1-.34-.23a1.38 1.38 0 01-.27-.26A1.84 1.84 0 0113 9v2h-1V9a2.16 2.16 0 01.12-.76 1.82 1.82 0 01-.58.48l-1.74 1-.54-.94 1.73-1a2.25 2.25 0 01.75-.29 1.77 1.77 0 01-.75-.28L9.2 6.2l.54-.94 1.75 1 .33.24a1.64 1.64 0 01.27.27A2 2 0 0112 6V4h1v2a2.93 2.93 0 010 .4 1.36 1.36 0 01-.1.36 2.24 2.24 0 01.59-.49l1.74-1 .54.94-1.73 1-.36.18a1.29 1.29 0 01-.36.1 2.11 2.11 0 01.36.1 2 2 0 01.36.19zM18.37 10a13.65 13.65 0 00-.45-3.51 13.81 13.81 0 00-1.32-3.27.93.93 0 01-.1-.27.45.45 0 010-.21.36.36 0 01.1-.15l.14-.11.86-.48a15.54 15.54 0 011.1 2 13.79 13.79 0 01.74 2 13.18 13.18 0 01.42 2 16.16 16.16 0 01.14 2 16.21 16.21 0 01-.13 2 13.18 13.18 0 01-.42 2 13.57 13.57 0 01-.74 2 15.49 15.49 0 01-1.1 2l-.84-.5-.14-.11a.35.35 0 01-.1-.15.44.44 0 010-.21.91.91 0 01.1-.27 13.62 13.62 0 001.31-3.23 13.69 13.69 0 00.43-3.53z M8 13.5 A1.5 1.5 0 0 1 6.5 15 A1.5 1.5 0 0 1 5 13.5 A1.5 1.5 0 0 1 8 13.5 z';
|
var wvuiIconSearchRegularExpression = 'M1.62 10a13.63 13.63 0 00.45 3.51A13.39 13.39 0 003.4 16.7a.91.91 0 01.1.27.41.41 0 010 .21.38.38 0 01-.1.15l-.14.11-.83.5a14.89 14.89 0 01-1.11-2 13.62 13.62 0 01-.74-2 13.22 13.22 0 01-.42-2 16.4 16.4 0 010-4.14 13.22 13.22 0 01.42-2 13.84 13.84 0 01.74-2A14.94 14.94 0 012.4 2l.83.51.14.11a.4.4 0 01.1.15.41.41 0 010 .21.93.93 0 01-.1.27A13.6 13.6 0 001.62 10zM15.8 8.79l-.54.94-1.75-1-.34-.23a1.38 1.38 0 01-.27-.26A1.84 1.84 0 0113 9v2h-1V9a2.16 2.16 0 01.12-.76 1.82 1.82 0 01-.58.48l-1.74 1-.54-.94 1.73-1a2.25 2.25 0 01.75-.29 1.77 1.77 0 01-.75-.28L9.2 6.2l.54-.94 1.75 1 .33.24a1.64 1.64 0 01.27.27A2 2 0 0112 6V4h1v2a2.93 2.93 0 010 .4 1.36 1.36 0 01-.1.36 2.24 2.24 0 01.59-.49l1.74-1 .54.94-1.73 1-.36.18a1.29 1.29 0 01-.36.1 2.11 2.11 0 01.36.1 2 2 0 01.36.19zM18.37 10a13.65 13.65 0 00-.45-3.51 13.81 13.81 0 00-1.32-3.27.93.93 0 01-.1-.27.45.45 0 010-.21.36.36 0 01.1-.15l.14-.11.86-.48a15.54 15.54 0 011.1 2 13.79 13.79 0 01.74 2 13.18 13.18 0 01.42 2 16.16 16.16 0 01.14 2 16.21 16.21 0 01-.13 2 13.18 13.18 0 01-.42 2 13.57 13.57 0 01-.74 2 15.49 15.49 0 01-1.1 2l-.84-.5-.14-.11a.35.35 0 01-.1-.15.44.44 0 010-.21.91.91 0 01.1-.27 13.62 13.62 0 001.31-3.23 13.69 13.69 0 00.43-3.53z M8 13.5 A1.5 1.5 0 0 1 6.5 15 A1.5 1.5 0 0 1 5 13.5 A1.5 1.5 0 0 1 8 13.5 z';
|
||||||
|
|
@ -1334,19 +1334,19 @@ var Input_component = normalizeComponent(
|
||||||
)
|
)
|
||||||
|
|
||||||
/* harmony default export */ var Input = (Input_component.exports);
|
/* harmony default export */ var Input = (Input_component.exports);
|
||||||
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/components/typeahead-search/TypeaheadSearch.vue?vue&type=template&id=682f66aa&
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/components/typeahead-search/TypeaheadSearch.vue?vue&type=template&id=517f4804&
|
||||||
var TypeaheadSearchvue_type_template_id_682f66aa_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"wvui-typeahead-search",class:_vm.rootClasses,attrs:{"role":"combobox","aria-expanded":_vm.isExpandedString,"aria-haspopup":"listbox","aria-owns":_vm.suggestionsId},on:{"mouseover":_vm.onRootMouseOver,"mouseout":_vm.onRootMouseOut,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }return _vm.onKeyDownUp($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }return _vm.onKeyDownDown($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.onKeyDownEscape($event)}]}},[_c('form',{staticClass:"wvui-typeahead-search__form",attrs:{"id":_vm.id,"action":_vm.formAction},on:{"submit":_vm.onSubmit}},[_c('div',{staticClass:"wvui-typeahead-search__wrapper"},[_c('wvui-input',_vm._b({staticClass:"wvui-typeahead-search__input",attrs:{"start-icon":_vm.startIcon,"value":_vm.inputValue,"type":_vm.InputType.Search,"name":"search","dir":"auto","autocapitalize":"off","autocomplete":"off","aria-autocomplete":"list","aria-controls":_vm.suggestionsId,"aria-activedescendant":_vm.activeSuggestionId},on:{"input":_vm.onInput,"blur":_vm.onInputBlur,"focus":_vm.onInputFocus}},'wvui-input',_vm.$attrs,false)),_vm._v(" "),_vm._t("default"),_vm._v(" "),_c('ol',{staticClass:"wvui-typeahead-search__suggestions",attrs:{"id":_vm.suggestionsId,"role":"listbox","aria-label":_vm.suggestionsLabel}},[_vm._l((_vm.suggestionsList),function(suggestion,index){return _c('li',{key:index,attrs:{"role":"option"}},[_c('wvui-typeahead-suggestion',{key:suggestion.id,staticClass:"wvui-typeahead-search__suggestion",attrs:{"id":_vm.getSuggestionId( suggestion ),"search-page-title":_vm.searchPageTitle,"article-path":_vm.formAction,"query":_vm.searchQuery,"active":_vm.suggestionActiveIndex === index,"suggestion":suggestion,"show-thumbnail":_vm.showThumbnail,"show-description":_vm.showDescription,"highlight-query":_vm.highlightQuery},on:{"mouseover":function($event){return _vm.onSuggestionMouseOver( index )},"click":function($event){return _vm.onSuggestionClick( suggestion )}},nativeOn:{"mousedown":function($event){return _vm.onSuggestionMouseDown($event)}}})],1)}),_vm._v(" "),_c('li',{attrs:{"role":"option"}},[_c('a',{ref:"footer",staticClass:"wvui-typeahead-search__suggestions__footer",class:_vm.footerClasses,attrs:{"id":_vm.footerId,"tabindex":"-1","href":_vm.footerUrl},on:{"mouseover":_vm.onFooterHover,"mousedown":_vm.onSuggestionMouseDown,"click":function($event){return _vm.onSuggestionClick()}}},[_c('wvui-icon',{staticClass:"wvui-typeahead-search__suggestions-footer-article-icon",attrs:{"icon":_vm.articleIcon}}),_vm._v(" "),_c('span',{staticClass:"wvui-typeahead-search__suggestions__footer__text"},[_vm._v(_vm._s(_vm.footerSearchText)+" "),_c('strong',{staticClass:"wvui-typeahead-search__suggestions__footer__text__query"},[_vm._v(_vm._s(_vm.searchQuery))])])],1)])],2)],2),_vm._v(" "),_c('wvui-button',{staticClass:"wvui-typeahead-search__submit"},[_vm._v("\n\t\t\t"+_vm._s(_vm.buttonLabel)+"\n\t\t")])],1)])}
|
var TypeaheadSearchvue_type_template_id_517f4804_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"wvui-typeahead-search",class:_vm.rootClasses,attrs:{"role":"combobox","aria-expanded":_vm.isExpandedString,"aria-haspopup":"listbox","aria-owns":_vm.suggestionsId},on:{"mouseover":_vm.onRootMouseOver,"mouseout":_vm.onRootMouseOut,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }return _vm.onKeyDownUp($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }return _vm.onKeyDownDown($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.onKeyDownEscape($event)}]}},[_c('form',{staticClass:"wvui-typeahead-search__form",attrs:{"id":_vm.id,"action":_vm.formAction},on:{"submit":_vm.onSubmit}},[_c('div',{staticClass:"wvui-typeahead-search__wrapper"},[_c('wvui-input',_vm._b({staticClass:"wvui-typeahead-search__input",attrs:{"start-icon":_vm.startIcon,"value":_vm.inputValue,"type":_vm.InputType.Search,"name":"search","dir":"auto","autocapitalize":"off","autocomplete":"off","aria-autocomplete":"list","aria-controls":_vm.suggestionsId,"aria-activedescendant":_vm.activeSuggestionId},on:{"input":_vm.onInput,"blur":_vm.onInputBlur,"focus":_vm.onInputFocus}},'wvui-input',_vm.$attrs,false)),_vm._v(" "),_vm._t("default"),_vm._v(" "),_c('ol',{staticClass:"wvui-typeahead-search__suggestions",attrs:{"id":_vm.suggestionsId,"role":"listbox","aria-label":_vm.suggestionsLabel}},[_vm._l((_vm.suggestionsList),function(suggestion,index){return _c('li',{key:index,attrs:{"role":"option","aria-selected":_vm.isSuggestionSelected(index)}},[_c('wvui-typeahead-suggestion',{key:suggestion.id,staticClass:"wvui-typeahead-search__suggestion",attrs:{"id":_vm.getSuggestionId( suggestion ),"search-page-title":_vm.searchPageTitle,"article-path":_vm.formAction,"query":_vm.searchQuery,"active":_vm.suggestionActiveIndex === index,"suggestion":suggestion,"show-thumbnail":_vm.showThumbnail,"show-description":_vm.showDescription,"highlight-query":_vm.highlightQuery},on:{"mouseover":function($event){return _vm.onSuggestionMouseOver( index )},"click":function($event){return _vm.onSuggestionClick( suggestion )}},nativeOn:{"mousedown":function($event){return _vm.onSuggestionMouseDown($event)}}})],1)}),_vm._v(" "),_c('li',{attrs:{"role":"option"}},[_c('a',{ref:"footer",staticClass:"wvui-typeahead-search__suggestions__footer",class:_vm.footerClasses,attrs:{"id":_vm.footerId,"tabindex":"-1","href":_vm.footerUrl},on:{"mouseover":_vm.onFooterHover,"mousedown":_vm.onSuggestionMouseDown,"click":function($event){return _vm.onSuggestionClick()}}},[_c('wvui-icon',{staticClass:"wvui-typeahead-search__suggestions__footer__icon",attrs:{"icon":_vm.articleIcon}}),_vm._v(" "),_c('span',{staticClass:"wvui-typeahead-search__suggestions__footer__text"},[_vm._t("search-footer-text",[_c('strong',{staticClass:"wvui-typeahead-search__suggestions__footer__text__query"},[_vm._v("\n\t\t\t\t\t\t\t\t\t"+_vm._s(_vm.searchQuery)+"\n\t\t\t\t\t\t\t\t")])],{"searchQuery":_vm.searchQuery})],2)],1)])],2)],2),_vm._v(" "),_c('wvui-button',{staticClass:"wvui-typeahead-search__submit"},[_vm._v("\n\t\t\t"+_vm._s(_vm.buttonLabel)+"\n\t\t")])],1)])}
|
||||||
var TypeaheadSearchvue_type_template_id_682f66aa_staticRenderFns = []
|
var TypeaheadSearchvue_type_template_id_517f4804_staticRenderFns = []
|
||||||
|
|
||||||
|
|
||||||
// CONCATENATED MODULE: ./src/components/typeahead-search/TypeaheadSearch.vue?vue&type=template&id=682f66aa&
|
// CONCATENATED MODULE: ./src/components/typeahead-search/TypeaheadSearch.vue?vue&type=template&id=517f4804&
|
||||||
|
|
||||||
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/components/typeahead-suggestion/TypeaheadSuggestion.vue?vue&type=template&id=34e7cc98&
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/components/typeahead-suggestion/TypeaheadSuggestion.vue?vue&type=template&id=0803fe4e&
|
||||||
var TypeaheadSuggestionvue_type_template_id_34e7cc98_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.suggestion)?_c('a',{staticClass:"wvui-typeahead-suggestion",class:_vm.rootClasses,attrs:{"href":_vm.suggestionWikiLink},on:{"mouseover":_vm.onMouseOver,"click":_vm.onClick}},[(_vm.showThumbnail && _vm.suggestion.thumbnail)?_c('span',{staticClass:"wvui-typeahead-suggestion__thumbnail",style:({backgroundImage: _vm.thumbnailBackgroundImage})}):(_vm.showThumbnail)?_c('span',{staticClass:"wvui-typeahead-suggestion__thumbnail-placeholder"},[_c('wvui-icon',{staticClass:"wvui-typeahead-suggestion__thumbnail-icon",attrs:{"icon":_vm.defaultThumbnailIcon}})],1):_vm._e(),_vm._v(" "),_c('span',{staticClass:"wvui-typeahead-suggestion__text"},[_c('wvui-typeahead-suggestion-title',{attrs:{"query":_vm.query,"title":_vm.suggestion.title,"highlight-query":_vm.highlightQuery}}),_vm._v(" "),(_vm.showDescription && _vm.suggestion.description)?_c('span',{staticClass:"wvui-typeahead-suggestion__description"},[_vm._v(_vm._s(_vm.suggestion.description))]):_vm._e()],1)]):_vm._e()}
|
var TypeaheadSuggestionvue_type_template_id_0803fe4e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.suggestion)?_c('a',{staticClass:"wvui-typeahead-suggestion",class:_vm.rootClasses,attrs:{"href":_vm.suggestionWikiLink},on:{"mouseover":_vm.onMouseOver,"click":_vm.onClick}},[(_vm.showThumbnail && _vm.suggestion.thumbnail)?_c('span',{staticClass:"wvui-typeahead-suggestion__thumbnail",style:({backgroundImage: _vm.thumbnailBackgroundImage})}):(_vm.showThumbnail)?_c('span',{staticClass:"wvui-typeahead-suggestion__thumbnail-placeholder"},[_c('wvui-icon',{staticClass:"wvui-typeahead-suggestion__thumbnail-icon",attrs:{"icon":_vm.defaultThumbnailIcon}})],1):_vm._e(),_vm._v(" "),_c('span',{staticClass:"wvui-typeahead-suggestion__text"},[_c('wvui-typeahead-suggestion-title',{attrs:{"query":_vm.query,"title":_vm.suggestion.title,"highlight-query":_vm.highlightQuery}}),_vm._v(" "),(_vm.showDescription && _vm.suggestion.description)?_c('span',{staticClass:"wvui-typeahead-suggestion__description"},[_vm._v(_vm._s(_vm.suggestion.description))]):_vm._e()],1)]):_vm._e()}
|
||||||
var TypeaheadSuggestionvue_type_template_id_34e7cc98_staticRenderFns = []
|
var TypeaheadSuggestionvue_type_template_id_0803fe4e_staticRenderFns = []
|
||||||
|
|
||||||
|
|
||||||
// CONCATENATED MODULE: ./src/components/typeahead-suggestion/TypeaheadSuggestion.vue?vue&type=template&id=34e7cc98&
|
// CONCATENATED MODULE: ./src/components/typeahead-suggestion/TypeaheadSuggestion.vue?vue&type=template&id=0803fe4e&
|
||||||
|
|
||||||
// CONCATENATED MODULE: ./src/components/typeahead-search/http/SearchClient.ts
|
// CONCATENATED MODULE: ./src/components/typeahead-search/http/SearchClient.ts
|
||||||
|
|
||||||
|
|
@ -1628,8 +1628,8 @@ var TypeaheadSuggestionvue_type_style_index_0_lang_less_ = __webpack_require__(1
|
||||||
|
|
||||||
var TypeaheadSuggestion_component = normalizeComponent(
|
var TypeaheadSuggestion_component = normalizeComponent(
|
||||||
typeahead_suggestion_TypeaheadSuggestionvue_type_script_lang_ts_,
|
typeahead_suggestion_TypeaheadSuggestionvue_type_script_lang_ts_,
|
||||||
TypeaheadSuggestionvue_type_template_id_34e7cc98_render,
|
TypeaheadSuggestionvue_type_template_id_0803fe4e_render,
|
||||||
TypeaheadSuggestionvue_type_template_id_34e7cc98_staticRenderFns,
|
TypeaheadSuggestionvue_type_template_id_0803fe4e_staticRenderFns,
|
||||||
false,
|
false,
|
||||||
null,
|
null,
|
||||||
null,
|
null,
|
||||||
|
|
@ -1786,10 +1786,6 @@ var DEBOUNCE_INTERVAL = 120;
|
||||||
type: String,
|
type: String,
|
||||||
default: 'Special:Search'
|
default: 'Special:Search'
|
||||||
},
|
},
|
||||||
footerSearchText: {
|
|
||||||
type: String,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
suggestionsLabel: {
|
suggestionsLabel: {
|
||||||
type: String,
|
type: String,
|
||||||
required: true
|
required: true
|
||||||
|
|
@ -1842,7 +1838,7 @@ var DEBOUNCE_INTERVAL = 120;
|
||||||
},
|
},
|
||||||
footerClasses: function () {
|
footerClasses: function () {
|
||||||
return {
|
return {
|
||||||
'wvui-typeahead-search__suggestions__footer--active': this.isFooterSelected
|
'wvui-typeahead-search__suggestions__footer--active': this.isFooterActive
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
footerUrl: function () {
|
footerUrl: function () {
|
||||||
|
|
@ -1850,7 +1846,7 @@ var DEBOUNCE_INTERVAL = 120;
|
||||||
title: this.searchPageTitle
|
title: this.searchPageTitle
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
isFooterSelected: function () {
|
isFooterActive: function () {
|
||||||
return this.suggestionActiveIndex === this.suggestionsList.length;
|
return this.suggestionActiveIndex === this.suggestionsList.length;
|
||||||
},
|
},
|
||||||
suggestionsId: function () {
|
suggestionsId: function () {
|
||||||
|
|
@ -1864,7 +1860,7 @@ var DEBOUNCE_INTERVAL = 120;
|
||||||
this.suggestionActiveIndex > this.suggestionsList.length) {
|
this.suggestionActiveIndex > this.suggestionsList.length) {
|
||||||
return '';
|
return '';
|
||||||
}
|
}
|
||||||
if (this.isFooterSelected) {
|
if (this.isFooterActive) {
|
||||||
return this.footerId;
|
return this.footerId;
|
||||||
}
|
}
|
||||||
return this.getSuggestionId(this.suggestionsList[this.suggestionActiveIndex]);
|
return this.getSuggestionId(this.suggestionsList[this.suggestionActiveIndex]);
|
||||||
|
|
@ -1884,6 +1880,27 @@ var DEBOUNCE_INTERVAL = 120;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
/**
|
||||||
|
* Return value of "aria-selected" for a given suggestion
|
||||||
|
*
|
||||||
|
* Suggestion is considered "selected" if input value matches suggestion
|
||||||
|
* "selected" is distinct from "active", 'suggestionActiveIndex' updates on hover and
|
||||||
|
* doesn't affect the input value, This definition means a user can enter a value that
|
||||||
|
* matches a suggestion exactly and that suggestion is considered "selected" even
|
||||||
|
* though the user doesn't interact with the list via keyboard or mouse.
|
||||||
|
*
|
||||||
|
* This behavior is approximately equivalent to
|
||||||
|
* W3's "List Autocomplete with Automatic Selection" example
|
||||||
|
* https://www.w3.org/TR/wai-aria-practices-1.1/examples/combobox/aria1.1pattern/listbox-combo.html#ex2_label
|
||||||
|
*
|
||||||
|
* @param {number} index
|
||||||
|
* @return {string} either 'true' or 'false'
|
||||||
|
*/
|
||||||
|
isSuggestionSelected: function (index) {
|
||||||
|
var suggestionTitle = this.suggestionsList[index].title;
|
||||||
|
var isSelected = this.inputValue.toLowerCase() === suggestionTitle.toLowerCase();
|
||||||
|
return isSelected && !this.isFooterActive ? 'true' : 'false';
|
||||||
|
},
|
||||||
/**
|
/**
|
||||||
* A convenience method to update those properties that should be updated when new
|
* A convenience method to update those properties that should be updated when new
|
||||||
* suggestions are available.
|
* suggestions are available.
|
||||||
|
|
@ -1906,11 +1923,13 @@ var DEBOUNCE_INTERVAL = 120;
|
||||||
},
|
},
|
||||||
onInput: function (value) {
|
onInput: function (value) {
|
||||||
var _this = this;
|
var _this = this;
|
||||||
|
this.inputValue = value;
|
||||||
if (this.debounceId) {
|
if (this.debounceId) {
|
||||||
// Cancel the last setTimeout callback in case it hasn't executed yet.
|
// Cancel the last setTimeout callback in case it hasn't executed yet.
|
||||||
clearTimeout(this.debounceId);
|
clearTimeout(this.debounceId);
|
||||||
}
|
}
|
||||||
this.debounceId = setTimeout(function () {
|
this.debounceId = setTimeout(function () {
|
||||||
|
_this.inputValue = value;
|
||||||
var query = value.trim();
|
var query = value.trim();
|
||||||
if (_this.request) {
|
if (_this.request) {
|
||||||
// Cancel the last request before making a new one in case it is still
|
// Cancel the last request before making a new one in case it is still
|
||||||
|
|
@ -2092,8 +2111,8 @@ var TypeaheadSearchvue_type_style_index_0_lang_less_ = __webpack_require__(12);
|
||||||
|
|
||||||
var TypeaheadSearch_component = normalizeComponent(
|
var TypeaheadSearch_component = normalizeComponent(
|
||||||
typeahead_search_TypeaheadSearchvue_type_script_lang_ts_,
|
typeahead_search_TypeaheadSearchvue_type_script_lang_ts_,
|
||||||
TypeaheadSearchvue_type_template_id_682f66aa_render,
|
TypeaheadSearchvue_type_template_id_517f4804_render,
|
||||||
TypeaheadSearchvue_type_template_id_682f66aa_staticRenderFns,
|
TypeaheadSearchvue_type_template_id_517f4804_staticRenderFns,
|
||||||
false,
|
false,
|
||||||
null,
|
null,
|
||||||
null,
|
null,
|
||||||
|
|
@ -2112,7 +2131,7 @@ var TypeaheadSearch_component = normalizeComponent(
|
||||||
|
|
||||||
// Export version as a named export so that the default export can be
|
// Export version as a named export so that the default export can be
|
||||||
// passed to the Vue app instance's components directly.
|
// passed to the Vue app instance's components directly.
|
||||||
var version = "0.3.0";
|
var version = "0.3.2";
|
||||||
|
|
||||||
// Export all components available in the library.
|
// Export all components available in the library.
|
||||||
/* harmony default export */ var wvui_search = __webpack_exports__["default"] = ({
|
/* harmony default export */ var wvui_search = __webpack_exports__["default"] = ({
|
||||||
|
|
|
||||||
|
|
@ -371,8 +371,8 @@
|
||||||
-webkit-box-pack: center;
|
-webkit-box-pack: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.wvui-typeahead-suggestion__thumbnail-icon {
|
.wvui-typeahead-suggestion__thumbnail-placeholder-icon {
|
||||||
color: #54595d;
|
color: #72777d;
|
||||||
}
|
}
|
||||||
.wvui-typeahead-suggestion__text {
|
.wvui-typeahead-suggestion__text {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
@ -436,6 +436,9 @@
|
||||||
padding: 0;
|
padding: 0;
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
|
||||||
}
|
}
|
||||||
|
.wvui-typeahead-search__suggestion {
|
||||||
|
padding-left: 36px;
|
||||||
|
}
|
||||||
.wvui-typeahead-search__suggestions__footer {
|
.wvui-typeahead-search__suggestions__footer {
|
||||||
color: #202122;
|
color: #202122;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
@ -451,21 +454,18 @@
|
||||||
.wvui-typeahead-search__suggestions__footer:active {
|
.wvui-typeahead-search__suggestions__footer:active {
|
||||||
color: #202122;
|
color: #202122;
|
||||||
}
|
}
|
||||||
.wvui-typeahead-search__suggestions__footer .wvui-icon {
|
.wvui-typeahead-search__suggestions__footer--active {
|
||||||
|
background-color: #eaecf0;
|
||||||
|
}
|
||||||
|
.wvui-typeahead-search__suggestions__footer__icon {
|
||||||
color: #54595d;
|
color: #54595d;
|
||||||
width: auto;
|
width: auto;
|
||||||
height: 2.57142857em;
|
height: 2.57142857em;
|
||||||
margin-right: 12px;
|
margin-right: 12px;
|
||||||
}
|
}
|
||||||
.wvui-typeahead-search__suggestions__footer--active {
|
|
||||||
background-color: #eaecf0;
|
|
||||||
}
|
|
||||||
.wvui-typeahead-search__suggestions__footer__text {
|
.wvui-typeahead-search__suggestions__footer__text {
|
||||||
font-size: 1.14285714em;
|
font-size: 1.14285714em;
|
||||||
}
|
}
|
||||||
.wvui-typeahead-search__suggestion {
|
|
||||||
padding-left: 36px;
|
|
||||||
}
|
|
||||||
.wvui-typeahead-search .wvui-input__input {
|
.wvui-typeahead-search .wvui-input__input {
|
||||||
border-right-color: transparent;
|
border-right-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
@ -491,15 +491,15 @@
|
||||||
.wvui-typeahead-search--show-thumbnail .wvui-input__input {
|
.wvui-typeahead-search--show-thumbnail .wvui-input__input {
|
||||||
padding-left: 2.57142857em;
|
padding-left: 2.57142857em;
|
||||||
}
|
}
|
||||||
.wvui-typeahead-search--show-thumbnail .wvui-input__start-icon {
|
|
||||||
width: 2.57142857em;
|
|
||||||
}
|
|
||||||
.wvui-typeahead-search--show-thumbnail .wvui-input__input:focus {
|
.wvui-typeahead-search--show-thumbnail .wvui-input__input:focus {
|
||||||
position: relative;
|
position: relative;
|
||||||
left: -24px;
|
left: -24px;
|
||||||
width: calc(100% + 24px);
|
width: calc(100% + 24px);
|
||||||
padding-left: calc(12px + 2.57142857em + 12px);
|
padding-left: calc(12px + 2.57142857em + 12px);
|
||||||
}
|
}
|
||||||
|
.wvui-typeahead-search--show-thumbnail .wvui-input__start-icon {
|
||||||
|
width: 2.57142857em;
|
||||||
|
}
|
||||||
.wvui-typeahead-search--show-thumbnail .wvui-input__input:focus + .wvui-input__start-icon {
|
.wvui-typeahead-search--show-thumbnail .wvui-input__input:focus + .wvui-input__start-icon {
|
||||||
left: -11px;
|
left: -11px;
|
||||||
}
|
}
|
||||||
|
|
@ -514,6 +514,10 @@
|
||||||
padding-right: 12px;
|
padding-right: 12px;
|
||||||
padding-left: 12px;
|
padding-left: 12px;
|
||||||
}
|
}
|
||||||
|
.wvui-typeahead-search--show-thumbnail .wvui-typeahead-search__suggestions__footer__icon {
|
||||||
|
flex-shrink: 0;
|
||||||
|
width: 2.57142857em;
|
||||||
|
}
|
||||||
.wvui-typeahead-search--show-thumbnail .wvui-typeahead-search__suggestions__footer__text,
|
.wvui-typeahead-search--show-thumbnail .wvui-typeahead-search__suggestions__footer__text,
|
||||||
.wvui-typeahead-search--show-thumbnail .wvui-typeahead-search__suggestions__footer__text__query {
|
.wvui-typeahead-search--show-thumbnail .wvui-typeahead-search__suggestions__footer__text__query {
|
||||||
-webkit-hyphens: auto;
|
-webkit-hyphens: auto;
|
||||||
|
|
@ -522,8 +526,4 @@
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
.wvui-typeahead-search--show-thumbnail .wvui-typeahead-search__suggestions-footer-article-icon {
|
|
||||||
flex-shrink: 0;
|
|
||||||
width: 2.57142857em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3400,7 +3400,7 @@ var wvuiIconReferences = {
|
||||||
var wvuiIconReload = 'M15.65 4.35A8 8 0 1017.4 13h-2.22a6 6 0 11-1-7.22L11 9h7V2z';
|
var wvuiIconReload = 'M15.65 4.35A8 8 0 1017.4 13h-2.22a6 6 0 11-1-7.22L11 9h7V2z';
|
||||||
var wvuiIconRestore = 'M1.22 0L0 1.22l4 4V17a2 2 0 002 2h8a2 2 0 002-1.8l2.8 2.8 1.2-1.22zM17 4V2h-3.5l-1-1h-5l-1 1h-.84l2 2zM8.66 5H16v7.34z';
|
var wvuiIconRestore = 'M1.22 0L0 1.22l4 4V17a2 2 0 002 2h8a2 2 0 002-1.8l2.8 2.8 1.2-1.22zM17 4V2h-3.5l-1-1h-5l-1 1h-.84l2 2zM8.66 5H16v7.34z';
|
||||||
var wvuiIconRobot = 'M10.5 5h6.505C18.107 5 19 5.896 19 6.997V14h-7v2h5.005c1.102 0 1.995.888 1.995 2v2H1v-2c0-1.105.893-2 1.995-2H8v-2H1V6.997C1 5.894 1.893 5 2.995 5H9.5V2.915a1.5 1.5 0 111 0zm-4 6a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm7 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3z';
|
var wvuiIconRobot = 'M10.5 5h6.505C18.107 5 19 5.896 19 6.997V14h-7v2h5.005c1.102 0 1.995.888 1.995 2v2H1v-2c0-1.105.893-2 1.995-2H8v-2H1V6.997C1 5.894 1.893 5 2.995 5H9.5V2.915a1.5 1.5 0 111 0zm-4 6a1.5 1.5 0 100-3 1.5 1.5 0 000 3zm7 0a1.5 1.5 0 100-3 1.5 1.5 0 000 3z';
|
||||||
var wvuiIconSearch = 'M8 1a7 7 0 015.6 11.2l5.4 5.4-1.4 1.4-5.4-5.4A7 7 0 118 1zm0 2a5 5 0 100 10A5 5 0 008 3z';
|
var wvuiIconSearch = 'M12.2 13.6a7 7 0 111.4-1.4l5.4 5.4-1.4 1.4-5.4-5.4zM3 8a5 5 0 1010 0A5 5 0 103 8z';
|
||||||
var wvuiIconSearchCaseSensitive = 'M11.59 15.87h-1.52a.64.64 0 01-.42-.13.84.84 0 01-.24-.32l-1-2.67H3.18l-1 2.67a.8.8 0 01-.23.31.63.63 0 01-.42.14H0L4.8 3.76h2zm-3.72-4.54L6.2 6.91a12.12 12.12 0 01-.41-1.3q-.09.4-.2.73c-.07.22-.14.42-.2.58l-1.67 4.41zm5.58-2.84a4.91 4.91 0 013.46-1.35 3.41 3.41 0 011.32.24 2.62 2.62 0 011 .68 3 3 0 01.6 1 4.08 4.08 0 01.17 1.36v5.45h-.81a.78.78 0 01-.39-.08.61.61 0 01-.23-.32l-.18-.7a7.87 7.87 0 01-.65.53 4.12 4.12 0 01-.66.39 3.3 3.3 0 01-.73.24 4.3 4.3 0 01-.86.08 3.18 3.18 0 01-1-.14 2.12 2.12 0 01-.78-.43 2 2 0 01-.52-.72 2.48 2.48 0 01-.19-1 2 2 0 01.26-1 2.42 2.42 0 01.87-.85 5.66 5.66 0 011.6-.62 11.7 11.7 0 012.51-.25v-.57A2.06 2.06 0 0017.85 9a1.46 1.46 0 00-1.16-.45 2.53 2.53 0 00-.87.13 3.9 3.9 0 00-.62.32l-.46.28a.77.77 0 01-.43.13.52.52 0 01-.32-.1.81.81 0 01-.21-.24zm4.79 3.63a11.49 11.49 0 00-1.63.15 4.61 4.61 0 00-1.08.31 1.42 1.42 0 00-.59.45 1 1 0 00-.18.57 1.25 1.25 0 00.1.52.94.94 0 00.27.35 1.08 1.08 0 00.4.2 1.93 1.93 0 00.51.06 2.59 2.59 0 001.21-.27 3.79 3.79 0 001-.77z';
|
var wvuiIconSearchCaseSensitive = 'M11.59 15.87h-1.52a.64.64 0 01-.42-.13.84.84 0 01-.24-.32l-1-2.67H3.18l-1 2.67a.8.8 0 01-.23.31.63.63 0 01-.42.14H0L4.8 3.76h2zm-3.72-4.54L6.2 6.91a12.12 12.12 0 01-.41-1.3q-.09.4-.2.73c-.07.22-.14.42-.2.58l-1.67 4.41zm5.58-2.84a4.91 4.91 0 013.46-1.35 3.41 3.41 0 011.32.24 2.62 2.62 0 011 .68 3 3 0 01.6 1 4.08 4.08 0 01.17 1.36v5.45h-.81a.78.78 0 01-.39-.08.61.61 0 01-.23-.32l-.18-.7a7.87 7.87 0 01-.65.53 4.12 4.12 0 01-.66.39 3.3 3.3 0 01-.73.24 4.3 4.3 0 01-.86.08 3.18 3.18 0 01-1-.14 2.12 2.12 0 01-.78-.43 2 2 0 01-.52-.72 2.48 2.48 0 01-.19-1 2 2 0 01.26-1 2.42 2.42 0 01.87-.85 5.66 5.66 0 011.6-.62 11.7 11.7 0 012.51-.25v-.57A2.06 2.06 0 0017.85 9a1.46 1.46 0 00-1.16-.45 2.53 2.53 0 00-.87.13 3.9 3.9 0 00-.62.32l-.46.28a.77.77 0 01-.43.13.52.52 0 01-.32-.1.81.81 0 01-.21-.24zm4.79 3.63a11.49 11.49 0 00-1.63.15 4.61 4.61 0 00-1.08.31 1.42 1.42 0 00-.59.45 1 1 0 00-.18.57 1.25 1.25 0 00.1.52.94.94 0 00.27.35 1.08 1.08 0 00.4.2 1.93 1.93 0 00.51.06 2.59 2.59 0 001.21-.27 3.79 3.79 0 001-.77z';
|
||||||
var wvuiIconSearchDiacritics = 'M5.31 7.87a7.27 7.27 0 015.13-2 5.06 5.06 0 011.95.35 3.91 3.91 0 011.43 1 4.44 4.44 0 01.88 1.54 6.05 6.05 0 01.3 2v8.04h-1.2a1.18 1.18 0 01-.58-.12.91.91 0 01-.34-.48l-.26-1a11.5 11.5 0 01-1 .78 6 6 0 01-1 .58 4.81 4.81 0 01-1.08.35 6.39 6.39 0 01-1.21.09 4.72 4.72 0 01-1.44-.21 3.14 3.14 0 01-1.15-.64A3 3 0 015 17.08a3.67 3.67 0 01-.28-1.49 2.89 2.89 0 01.39-1.43 3.58 3.58 0 011.29-1.25A8.37 8.37 0 018.76 12a17.22 17.22 0 013.64-.41v-.85a3 3 0 00-.59-2A2.15 2.15 0 0010.1 8a3.77 3.77 0 00-1.29.19 5.87 5.87 0 00-.91.42L7.21 9a1.15 1.15 0 01-.63.19.76.76 0 01-.47-.14 1.17 1.17 0 01-.32-.36zm6.2-5.8a.83.83 0 00.62-.23 1.11 1.11 0 00.24-.77H14a3.75 3.75 0 01-.17 1.18 2.74 2.74 0 01-.49.91 2.19 2.19 0 01-.76.59 2.27 2.27 0 01-1 .2 2 2 0 01-.82-.17 6.55 6.55 0 01-.72-.37L9.43 3a1.16 1.16 0 00-.56-.17.8.8 0 00-.62.24A1.12 1.12 0 008 3.9H6.37a3.67 3.67 0 01.18-1.18A2.81 2.81 0 017 1.8a2.25 2.25 0 01.76-.59 2.22 2.22 0 011-.21 2.06 2.06 0 01.83.17 6.42 6.42 0 01.72.37l.69.36a1.12 1.12 0 00.51.17zm.9 11.18a17 17 0 00-2.42.23 6.87 6.87 0 00-1.59.46 2.1 2.1 0 00-.88.67 1.45 1.45 0 00-.27.85 1.85 1.85 0 00.14.77 1.39 1.39 0 00.4.52 1.6 1.6 0 00.6.3 2.85 2.85 0 00.75.09 3.84 3.84 0 001.8-.39 5.61 5.61 0 001.46-1.14z';
|
var wvuiIconSearchDiacritics = 'M5.31 7.87a7.27 7.27 0 015.13-2 5.06 5.06 0 011.95.35 3.91 3.91 0 011.43 1 4.44 4.44 0 01.88 1.54 6.05 6.05 0 01.3 2v8.04h-1.2a1.18 1.18 0 01-.58-.12.91.91 0 01-.34-.48l-.26-1a11.5 11.5 0 01-1 .78 6 6 0 01-1 .58 4.81 4.81 0 01-1.08.35 6.39 6.39 0 01-1.21.09 4.72 4.72 0 01-1.44-.21 3.14 3.14 0 01-1.15-.64A3 3 0 015 17.08a3.67 3.67 0 01-.28-1.49 2.89 2.89 0 01.39-1.43 3.58 3.58 0 011.29-1.25A8.37 8.37 0 018.76 12a17.22 17.22 0 013.64-.41v-.85a3 3 0 00-.59-2A2.15 2.15 0 0010.1 8a3.77 3.77 0 00-1.29.19 5.87 5.87 0 00-.91.42L7.21 9a1.15 1.15 0 01-.63.19.76.76 0 01-.47-.14 1.17 1.17 0 01-.32-.36zm6.2-5.8a.83.83 0 00.62-.23 1.11 1.11 0 00.24-.77H14a3.75 3.75 0 01-.17 1.18 2.74 2.74 0 01-.49.91 2.19 2.19 0 01-.76.59 2.27 2.27 0 01-1 .2 2 2 0 01-.82-.17 6.55 6.55 0 01-.72-.37L9.43 3a1.16 1.16 0 00-.56-.17.8.8 0 00-.62.24A1.12 1.12 0 008 3.9H6.37a3.67 3.67 0 01.18-1.18A2.81 2.81 0 017 1.8a2.25 2.25 0 01.76-.59 2.22 2.22 0 011-.21 2.06 2.06 0 01.83.17 6.42 6.42 0 01.72.37l.69.36a1.12 1.12 0 00.51.17zm.9 11.18a17 17 0 00-2.42.23 6.87 6.87 0 00-1.59.46 2.1 2.1 0 00-.88.67 1.45 1.45 0 00-.27.85 1.85 1.85 0 00.14.77 1.39 1.39 0 00.4.52 1.6 1.6 0 00.6.3 2.85 2.85 0 00.75.09 3.84 3.84 0 001.8-.39 5.61 5.61 0 001.46-1.14z';
|
||||||
var wvuiIconSearchRegularExpression = 'M1.62 10a13.63 13.63 0 00.45 3.51A13.39 13.39 0 003.4 16.7a.91.91 0 01.1.27.41.41 0 010 .21.38.38 0 01-.1.15l-.14.11-.83.5a14.89 14.89 0 01-1.11-2 13.62 13.62 0 01-.74-2 13.22 13.22 0 01-.42-2 16.4 16.4 0 010-4.14 13.22 13.22 0 01.42-2 13.84 13.84 0 01.74-2A14.94 14.94 0 012.4 2l.83.51.14.11a.4.4 0 01.1.15.41.41 0 010 .21.93.93 0 01-.1.27A13.6 13.6 0 001.62 10zM15.8 8.79l-.54.94-1.75-1-.34-.23a1.38 1.38 0 01-.27-.26A1.84 1.84 0 0113 9v2h-1V9a2.16 2.16 0 01.12-.76 1.82 1.82 0 01-.58.48l-1.74 1-.54-.94 1.73-1a2.25 2.25 0 01.75-.29 1.77 1.77 0 01-.75-.28L9.2 6.2l.54-.94 1.75 1 .33.24a1.64 1.64 0 01.27.27A2 2 0 0112 6V4h1v2a2.93 2.93 0 010 .4 1.36 1.36 0 01-.1.36 2.24 2.24 0 01.59-.49l1.74-1 .54.94-1.73 1-.36.18a1.29 1.29 0 01-.36.1 2.11 2.11 0 01.36.1 2 2 0 01.36.19zM18.37 10a13.65 13.65 0 00-.45-3.51 13.81 13.81 0 00-1.32-3.27.93.93 0 01-.1-.27.45.45 0 010-.21.36.36 0 01.1-.15l.14-.11.86-.48a15.54 15.54 0 011.1 2 13.79 13.79 0 01.74 2 13.18 13.18 0 01.42 2 16.16 16.16 0 01.14 2 16.21 16.21 0 01-.13 2 13.18 13.18 0 01-.42 2 13.57 13.57 0 01-.74 2 15.49 15.49 0 01-1.1 2l-.84-.5-.14-.11a.35.35 0 01-.1-.15.44.44 0 010-.21.91.91 0 01.1-.27 13.62 13.62 0 001.31-3.23 13.69 13.69 0 00.43-3.53z M8 13.5 A1.5 1.5 0 0 1 6.5 15 A1.5 1.5 0 0 1 5 13.5 A1.5 1.5 0 0 1 8 13.5 z';
|
var wvuiIconSearchRegularExpression = 'M1.62 10a13.63 13.63 0 00.45 3.51A13.39 13.39 0 003.4 16.7a.91.91 0 01.1.27.41.41 0 010 .21.38.38 0 01-.1.15l-.14.11-.83.5a14.89 14.89 0 01-1.11-2 13.62 13.62 0 01-.74-2 13.22 13.22 0 01-.42-2 16.4 16.4 0 010-4.14 13.22 13.22 0 01.42-2 13.84 13.84 0 01.74-2A14.94 14.94 0 012.4 2l.83.51.14.11a.4.4 0 01.1.15.41.41 0 010 .21.93.93 0 01-.1.27A13.6 13.6 0 001.62 10zM15.8 8.79l-.54.94-1.75-1-.34-.23a1.38 1.38 0 01-.27-.26A1.84 1.84 0 0113 9v2h-1V9a2.16 2.16 0 01.12-.76 1.82 1.82 0 01-.58.48l-1.74 1-.54-.94 1.73-1a2.25 2.25 0 01.75-.29 1.77 1.77 0 01-.75-.28L9.2 6.2l.54-.94 1.75 1 .33.24a1.64 1.64 0 01.27.27A2 2 0 0112 6V4h1v2a2.93 2.93 0 010 .4 1.36 1.36 0 01-.1.36 2.24 2.24 0 01.59-.49l1.74-1 .54.94-1.73 1-.36.18a1.29 1.29 0 01-.36.1 2.11 2.11 0 01.36.1 2 2 0 01.36.19zM18.37 10a13.65 13.65 0 00-.45-3.51 13.81 13.81 0 00-1.32-3.27.93.93 0 01-.1-.27.45.45 0 010-.21.36.36 0 01.1-.15l.14-.11.86-.48a15.54 15.54 0 011.1 2 13.79 13.79 0 01.74 2 13.18 13.18 0 01.42 2 16.16 16.16 0 01.14 2 16.21 16.21 0 01-.13 2 13.18 13.18 0 01-.42 2 13.57 13.57 0 01-.74 2 15.49 15.49 0 01-1.1 2l-.84-.5-.14-.11a.35.35 0 01-.1-.15.44.44 0 010-.21.91.91 0 01.1-.27 13.62 13.62 0 001.31-3.23 13.69 13.69 0 00.43-3.53z M8 13.5 A1.5 1.5 0 0 1 6.5 15 A1.5 1.5 0 0 1 5 13.5 A1.5 1.5 0 0 1 8 13.5 z';
|
||||||
|
|
@ -4149,19 +4149,19 @@ var ToggleButton_component = normalizeComponent(
|
||||||
)
|
)
|
||||||
|
|
||||||
/* harmony default export */ var ToggleButton = (ToggleButton_component.exports);
|
/* harmony default export */ var ToggleButton = (ToggleButton_component.exports);
|
||||||
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/components/typeahead-search/TypeaheadSearch.vue?vue&type=template&id=682f66aa&
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/components/typeahead-search/TypeaheadSearch.vue?vue&type=template&id=517f4804&
|
||||||
var TypeaheadSearchvue_type_template_id_682f66aa_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"wvui-typeahead-search",class:_vm.rootClasses,attrs:{"role":"combobox","aria-expanded":_vm.isExpandedString,"aria-haspopup":"listbox","aria-owns":_vm.suggestionsId},on:{"mouseover":_vm.onRootMouseOver,"mouseout":_vm.onRootMouseOut,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }return _vm.onKeyDownUp($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }return _vm.onKeyDownDown($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.onKeyDownEscape($event)}]}},[_c('form',{staticClass:"wvui-typeahead-search__form",attrs:{"id":_vm.id,"action":_vm.formAction},on:{"submit":_vm.onSubmit}},[_c('div',{staticClass:"wvui-typeahead-search__wrapper"},[_c('wvui-input',_vm._b({staticClass:"wvui-typeahead-search__input",attrs:{"start-icon":_vm.startIcon,"value":_vm.inputValue,"type":_vm.InputType.Search,"name":"search","dir":"auto","autocapitalize":"off","autocomplete":"off","aria-autocomplete":"list","aria-controls":_vm.suggestionsId,"aria-activedescendant":_vm.activeSuggestionId},on:{"input":_vm.onInput,"blur":_vm.onInputBlur,"focus":_vm.onInputFocus}},'wvui-input',_vm.$attrs,false)),_vm._v(" "),_vm._t("default"),_vm._v(" "),_c('ol',{staticClass:"wvui-typeahead-search__suggestions",attrs:{"id":_vm.suggestionsId,"role":"listbox","aria-label":_vm.suggestionsLabel}},[_vm._l((_vm.suggestionsList),function(suggestion,index){return _c('li',{key:index,attrs:{"role":"option"}},[_c('wvui-typeahead-suggestion',{key:suggestion.id,staticClass:"wvui-typeahead-search__suggestion",attrs:{"id":_vm.getSuggestionId( suggestion ),"search-page-title":_vm.searchPageTitle,"article-path":_vm.formAction,"query":_vm.searchQuery,"active":_vm.suggestionActiveIndex === index,"suggestion":suggestion,"show-thumbnail":_vm.showThumbnail,"show-description":_vm.showDescription,"highlight-query":_vm.highlightQuery},on:{"mouseover":function($event){return _vm.onSuggestionMouseOver( index )},"click":function($event){return _vm.onSuggestionClick( suggestion )}},nativeOn:{"mousedown":function($event){return _vm.onSuggestionMouseDown($event)}}})],1)}),_vm._v(" "),_c('li',{attrs:{"role":"option"}},[_c('a',{ref:"footer",staticClass:"wvui-typeahead-search__suggestions__footer",class:_vm.footerClasses,attrs:{"id":_vm.footerId,"tabindex":"-1","href":_vm.footerUrl},on:{"mouseover":_vm.onFooterHover,"mousedown":_vm.onSuggestionMouseDown,"click":function($event){return _vm.onSuggestionClick()}}},[_c('wvui-icon',{staticClass:"wvui-typeahead-search__suggestions-footer-article-icon",attrs:{"icon":_vm.articleIcon}}),_vm._v(" "),_c('span',{staticClass:"wvui-typeahead-search__suggestions__footer__text"},[_vm._v(_vm._s(_vm.footerSearchText)+" "),_c('strong',{staticClass:"wvui-typeahead-search__suggestions__footer__text__query"},[_vm._v(_vm._s(_vm.searchQuery))])])],1)])],2)],2),_vm._v(" "),_c('wvui-button',{staticClass:"wvui-typeahead-search__submit"},[_vm._v("\n\t\t\t"+_vm._s(_vm.buttonLabel)+"\n\t\t")])],1)])}
|
var TypeaheadSearchvue_type_template_id_517f4804_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"wvui-typeahead-search",class:_vm.rootClasses,attrs:{"role":"combobox","aria-expanded":_vm.isExpandedString,"aria-haspopup":"listbox","aria-owns":_vm.suggestionsId},on:{"mouseover":_vm.onRootMouseOver,"mouseout":_vm.onRootMouseOut,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }return _vm.onKeyDownUp($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }return _vm.onKeyDownDown($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"escape",undefined,$event.key,undefined)){ return null; }return _vm.onKeyDownEscape($event)}]}},[_c('form',{staticClass:"wvui-typeahead-search__form",attrs:{"id":_vm.id,"action":_vm.formAction},on:{"submit":_vm.onSubmit}},[_c('div',{staticClass:"wvui-typeahead-search__wrapper"},[_c('wvui-input',_vm._b({staticClass:"wvui-typeahead-search__input",attrs:{"start-icon":_vm.startIcon,"value":_vm.inputValue,"type":_vm.InputType.Search,"name":"search","dir":"auto","autocapitalize":"off","autocomplete":"off","aria-autocomplete":"list","aria-controls":_vm.suggestionsId,"aria-activedescendant":_vm.activeSuggestionId},on:{"input":_vm.onInput,"blur":_vm.onInputBlur,"focus":_vm.onInputFocus}},'wvui-input',_vm.$attrs,false)),_vm._v(" "),_vm._t("default"),_vm._v(" "),_c('ol',{staticClass:"wvui-typeahead-search__suggestions",attrs:{"id":_vm.suggestionsId,"role":"listbox","aria-label":_vm.suggestionsLabel}},[_vm._l((_vm.suggestionsList),function(suggestion,index){return _c('li',{key:index,attrs:{"role":"option","aria-selected":_vm.isSuggestionSelected(index)}},[_c('wvui-typeahead-suggestion',{key:suggestion.id,staticClass:"wvui-typeahead-search__suggestion",attrs:{"id":_vm.getSuggestionId( suggestion ),"search-page-title":_vm.searchPageTitle,"article-path":_vm.formAction,"query":_vm.searchQuery,"active":_vm.suggestionActiveIndex === index,"suggestion":suggestion,"show-thumbnail":_vm.showThumbnail,"show-description":_vm.showDescription,"highlight-query":_vm.highlightQuery},on:{"mouseover":function($event){return _vm.onSuggestionMouseOver( index )},"click":function($event){return _vm.onSuggestionClick( suggestion )}},nativeOn:{"mousedown":function($event){return _vm.onSuggestionMouseDown($event)}}})],1)}),_vm._v(" "),_c('li',{attrs:{"role":"option"}},[_c('a',{ref:"footer",staticClass:"wvui-typeahead-search__suggestions__footer",class:_vm.footerClasses,attrs:{"id":_vm.footerId,"tabindex":"-1","href":_vm.footerUrl},on:{"mouseover":_vm.onFooterHover,"mousedown":_vm.onSuggestionMouseDown,"click":function($event){return _vm.onSuggestionClick()}}},[_c('wvui-icon',{staticClass:"wvui-typeahead-search__suggestions__footer__icon",attrs:{"icon":_vm.articleIcon}}),_vm._v(" "),_c('span',{staticClass:"wvui-typeahead-search__suggestions__footer__text"},[_vm._t("search-footer-text",[_c('strong',{staticClass:"wvui-typeahead-search__suggestions__footer__text__query"},[_vm._v("\n\t\t\t\t\t\t\t\t\t"+_vm._s(_vm.searchQuery)+"\n\t\t\t\t\t\t\t\t")])],{"searchQuery":_vm.searchQuery})],2)],1)])],2)],2),_vm._v(" "),_c('wvui-button',{staticClass:"wvui-typeahead-search__submit"},[_vm._v("\n\t\t\t"+_vm._s(_vm.buttonLabel)+"\n\t\t")])],1)])}
|
||||||
var TypeaheadSearchvue_type_template_id_682f66aa_staticRenderFns = []
|
var TypeaheadSearchvue_type_template_id_517f4804_staticRenderFns = []
|
||||||
|
|
||||||
|
|
||||||
// CONCATENATED MODULE: ./src/components/typeahead-search/TypeaheadSearch.vue?vue&type=template&id=682f66aa&
|
// CONCATENATED MODULE: ./src/components/typeahead-search/TypeaheadSearch.vue?vue&type=template&id=517f4804&
|
||||||
|
|
||||||
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/components/typeahead-suggestion/TypeaheadSuggestion.vue?vue&type=template&id=34e7cc98&
|
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./src/components/typeahead-suggestion/TypeaheadSuggestion.vue?vue&type=template&id=0803fe4e&
|
||||||
var TypeaheadSuggestionvue_type_template_id_34e7cc98_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.suggestion)?_c('a',{staticClass:"wvui-typeahead-suggestion",class:_vm.rootClasses,attrs:{"href":_vm.suggestionWikiLink},on:{"mouseover":_vm.onMouseOver,"click":_vm.onClick}},[(_vm.showThumbnail && _vm.suggestion.thumbnail)?_c('span',{staticClass:"wvui-typeahead-suggestion__thumbnail",style:({backgroundImage: _vm.thumbnailBackgroundImage})}):(_vm.showThumbnail)?_c('span',{staticClass:"wvui-typeahead-suggestion__thumbnail-placeholder"},[_c('wvui-icon',{staticClass:"wvui-typeahead-suggestion__thumbnail-icon",attrs:{"icon":_vm.defaultThumbnailIcon}})],1):_vm._e(),_vm._v(" "),_c('span',{staticClass:"wvui-typeahead-suggestion__text"},[_c('wvui-typeahead-suggestion-title',{attrs:{"query":_vm.query,"title":_vm.suggestion.title,"highlight-query":_vm.highlightQuery}}),_vm._v(" "),(_vm.showDescription && _vm.suggestion.description)?_c('span',{staticClass:"wvui-typeahead-suggestion__description"},[_vm._v(_vm._s(_vm.suggestion.description))]):_vm._e()],1)]):_vm._e()}
|
var TypeaheadSuggestionvue_type_template_id_0803fe4e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.suggestion)?_c('a',{staticClass:"wvui-typeahead-suggestion",class:_vm.rootClasses,attrs:{"href":_vm.suggestionWikiLink},on:{"mouseover":_vm.onMouseOver,"click":_vm.onClick}},[(_vm.showThumbnail && _vm.suggestion.thumbnail)?_c('span',{staticClass:"wvui-typeahead-suggestion__thumbnail",style:({backgroundImage: _vm.thumbnailBackgroundImage})}):(_vm.showThumbnail)?_c('span',{staticClass:"wvui-typeahead-suggestion__thumbnail-placeholder"},[_c('wvui-icon',{staticClass:"wvui-typeahead-suggestion__thumbnail-icon",attrs:{"icon":_vm.defaultThumbnailIcon}})],1):_vm._e(),_vm._v(" "),_c('span',{staticClass:"wvui-typeahead-suggestion__text"},[_c('wvui-typeahead-suggestion-title',{attrs:{"query":_vm.query,"title":_vm.suggestion.title,"highlight-query":_vm.highlightQuery}}),_vm._v(" "),(_vm.showDescription && _vm.suggestion.description)?_c('span',{staticClass:"wvui-typeahead-suggestion__description"},[_vm._v(_vm._s(_vm.suggestion.description))]):_vm._e()],1)]):_vm._e()}
|
||||||
var TypeaheadSuggestionvue_type_template_id_34e7cc98_staticRenderFns = []
|
var TypeaheadSuggestionvue_type_template_id_0803fe4e_staticRenderFns = []
|
||||||
|
|
||||||
|
|
||||||
// CONCATENATED MODULE: ./src/components/typeahead-suggestion/TypeaheadSuggestion.vue?vue&type=template&id=34e7cc98&
|
// CONCATENATED MODULE: ./src/components/typeahead-suggestion/TypeaheadSuggestion.vue?vue&type=template&id=0803fe4e&
|
||||||
|
|
||||||
// CONCATENATED MODULE: ./src/components/typeahead-search/http/SearchClient.ts
|
// CONCATENATED MODULE: ./src/components/typeahead-search/http/SearchClient.ts
|
||||||
|
|
||||||
|
|
@ -4443,8 +4443,8 @@ var TypeaheadSuggestionvue_type_style_index_0_lang_less_ = __webpack_require__(2
|
||||||
|
|
||||||
var TypeaheadSuggestion_component = normalizeComponent(
|
var TypeaheadSuggestion_component = normalizeComponent(
|
||||||
typeahead_suggestion_TypeaheadSuggestionvue_type_script_lang_ts_,
|
typeahead_suggestion_TypeaheadSuggestionvue_type_script_lang_ts_,
|
||||||
TypeaheadSuggestionvue_type_template_id_34e7cc98_render,
|
TypeaheadSuggestionvue_type_template_id_0803fe4e_render,
|
||||||
TypeaheadSuggestionvue_type_template_id_34e7cc98_staticRenderFns,
|
TypeaheadSuggestionvue_type_template_id_0803fe4e_staticRenderFns,
|
||||||
false,
|
false,
|
||||||
null,
|
null,
|
||||||
null,
|
null,
|
||||||
|
|
@ -4601,10 +4601,6 @@ var DEBOUNCE_INTERVAL = 120;
|
||||||
type: String,
|
type: String,
|
||||||
default: 'Special:Search'
|
default: 'Special:Search'
|
||||||
},
|
},
|
||||||
footerSearchText: {
|
|
||||||
type: String,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
suggestionsLabel: {
|
suggestionsLabel: {
|
||||||
type: String,
|
type: String,
|
||||||
required: true
|
required: true
|
||||||
|
|
@ -4657,7 +4653,7 @@ var DEBOUNCE_INTERVAL = 120;
|
||||||
},
|
},
|
||||||
footerClasses: function () {
|
footerClasses: function () {
|
||||||
return {
|
return {
|
||||||
'wvui-typeahead-search__suggestions__footer--active': this.isFooterSelected
|
'wvui-typeahead-search__suggestions__footer--active': this.isFooterActive
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
footerUrl: function () {
|
footerUrl: function () {
|
||||||
|
|
@ -4665,7 +4661,7 @@ var DEBOUNCE_INTERVAL = 120;
|
||||||
title: this.searchPageTitle
|
title: this.searchPageTitle
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
isFooterSelected: function () {
|
isFooterActive: function () {
|
||||||
return this.suggestionActiveIndex === this.suggestionsList.length;
|
return this.suggestionActiveIndex === this.suggestionsList.length;
|
||||||
},
|
},
|
||||||
suggestionsId: function () {
|
suggestionsId: function () {
|
||||||
|
|
@ -4679,7 +4675,7 @@ var DEBOUNCE_INTERVAL = 120;
|
||||||
this.suggestionActiveIndex > this.suggestionsList.length) {
|
this.suggestionActiveIndex > this.suggestionsList.length) {
|
||||||
return '';
|
return '';
|
||||||
}
|
}
|
||||||
if (this.isFooterSelected) {
|
if (this.isFooterActive) {
|
||||||
return this.footerId;
|
return this.footerId;
|
||||||
}
|
}
|
||||||
return this.getSuggestionId(this.suggestionsList[this.suggestionActiveIndex]);
|
return this.getSuggestionId(this.suggestionsList[this.suggestionActiveIndex]);
|
||||||
|
|
@ -4699,6 +4695,27 @@ var DEBOUNCE_INTERVAL = 120;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
/**
|
||||||
|
* Return value of "aria-selected" for a given suggestion
|
||||||
|
*
|
||||||
|
* Suggestion is considered "selected" if input value matches suggestion
|
||||||
|
* "selected" is distinct from "active", 'suggestionActiveIndex' updates on hover and
|
||||||
|
* doesn't affect the input value, This definition means a user can enter a value that
|
||||||
|
* matches a suggestion exactly and that suggestion is considered "selected" even
|
||||||
|
* though the user doesn't interact with the list via keyboard or mouse.
|
||||||
|
*
|
||||||
|
* This behavior is approximately equivalent to
|
||||||
|
* W3's "List Autocomplete with Automatic Selection" example
|
||||||
|
* https://www.w3.org/TR/wai-aria-practices-1.1/examples/combobox/aria1.1pattern/listbox-combo.html#ex2_label
|
||||||
|
*
|
||||||
|
* @param {number} index
|
||||||
|
* @return {string} either 'true' or 'false'
|
||||||
|
*/
|
||||||
|
isSuggestionSelected: function (index) {
|
||||||
|
var suggestionTitle = this.suggestionsList[index].title;
|
||||||
|
var isSelected = this.inputValue.toLowerCase() === suggestionTitle.toLowerCase();
|
||||||
|
return isSelected && !this.isFooterActive ? 'true' : 'false';
|
||||||
|
},
|
||||||
/**
|
/**
|
||||||
* A convenience method to update those properties that should be updated when new
|
* A convenience method to update those properties that should be updated when new
|
||||||
* suggestions are available.
|
* suggestions are available.
|
||||||
|
|
@ -4721,11 +4738,13 @@ var DEBOUNCE_INTERVAL = 120;
|
||||||
},
|
},
|
||||||
onInput: function (value) {
|
onInput: function (value) {
|
||||||
var _this = this;
|
var _this = this;
|
||||||
|
this.inputValue = value;
|
||||||
if (this.debounceId) {
|
if (this.debounceId) {
|
||||||
// Cancel the last setTimeout callback in case it hasn't executed yet.
|
// Cancel the last setTimeout callback in case it hasn't executed yet.
|
||||||
clearTimeout(this.debounceId);
|
clearTimeout(this.debounceId);
|
||||||
}
|
}
|
||||||
this.debounceId = setTimeout(function () {
|
this.debounceId = setTimeout(function () {
|
||||||
|
_this.inputValue = value;
|
||||||
var query = value.trim();
|
var query = value.trim();
|
||||||
if (_this.request) {
|
if (_this.request) {
|
||||||
// Cancel the last request before making a new one in case it is still
|
// Cancel the last request before making a new one in case it is still
|
||||||
|
|
@ -4907,8 +4926,8 @@ var TypeaheadSearchvue_type_style_index_0_lang_less_ = __webpack_require__(24);
|
||||||
|
|
||||||
var TypeaheadSearch_component = normalizeComponent(
|
var TypeaheadSearch_component = normalizeComponent(
|
||||||
typeahead_search_TypeaheadSearchvue_type_script_lang_ts_,
|
typeahead_search_TypeaheadSearchvue_type_script_lang_ts_,
|
||||||
TypeaheadSearchvue_type_template_id_682f66aa_render,
|
TypeaheadSearchvue_type_template_id_517f4804_render,
|
||||||
TypeaheadSearchvue_type_template_id_682f66aa_staticRenderFns,
|
TypeaheadSearchvue_type_template_id_517f4804_staticRenderFns,
|
||||||
false,
|
false,
|
||||||
null,
|
null,
|
||||||
null,
|
null,
|
||||||
|
|
@ -4931,7 +4950,7 @@ var TypeaheadSearch_component = normalizeComponent(
|
||||||
|
|
||||||
// Export version as a named export so that the default export can be
|
// Export version as a named export so that the default export can be
|
||||||
// passed to the Vue app instance's components directly.
|
// passed to the Vue app instance's components directly.
|
||||||
var wvui_version = "0.3.0";
|
var wvui_version = "0.3.2";
|
||||||
|
|
||||||
// Export all components available in the library.
|
// Export all components available in the library.
|
||||||
/* harmony default export */ var wvui = __webpack_exports__["default"] = ({
|
/* harmony default export */ var wvui = __webpack_exports__["default"] = ({
|
||||||
|
|
|
||||||
|
|
@ -827,8 +827,8 @@ to {
|
||||||
-webkit-box-pack: center;
|
-webkit-box-pack: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
.wvui-typeahead-suggestion__thumbnail-icon {
|
.wvui-typeahead-suggestion__thumbnail-placeholder-icon {
|
||||||
color: #54595d;
|
color: #72777d;
|
||||||
}
|
}
|
||||||
.wvui-typeahead-suggestion__text {
|
.wvui-typeahead-suggestion__text {
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
@ -892,6 +892,9 @@ to {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
|
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
|
||||||
}
|
}
|
||||||
|
.wvui-typeahead-search__suggestion {
|
||||||
|
padding-left: 36px;
|
||||||
|
}
|
||||||
.wvui-typeahead-search__suggestions__footer {
|
.wvui-typeahead-search__suggestions__footer {
|
||||||
color: #202122;
|
color: #202122;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
@ -907,21 +910,18 @@ to {
|
||||||
.wvui-typeahead-search__suggestions__footer:active {
|
.wvui-typeahead-search__suggestions__footer:active {
|
||||||
color: #202122;
|
color: #202122;
|
||||||
}
|
}
|
||||||
.wvui-typeahead-search__suggestions__footer .wvui-icon {
|
.wvui-typeahead-search__suggestions__footer--active {
|
||||||
|
background-color: #eaecf0;
|
||||||
|
}
|
||||||
|
.wvui-typeahead-search__suggestions__footer__icon {
|
||||||
color: #54595d;
|
color: #54595d;
|
||||||
width: auto;
|
width: auto;
|
||||||
height: 2.57142857em;
|
height: 2.57142857em;
|
||||||
margin-right: 12px;
|
margin-right: 12px;
|
||||||
}
|
}
|
||||||
.wvui-typeahead-search__suggestions__footer--active {
|
|
||||||
background-color: #eaecf0;
|
|
||||||
}
|
|
||||||
.wvui-typeahead-search__suggestions__footer__text {
|
.wvui-typeahead-search__suggestions__footer__text {
|
||||||
font-size: 1.14285714em;
|
font-size: 1.14285714em;
|
||||||
}
|
}
|
||||||
.wvui-typeahead-search__suggestion {
|
|
||||||
padding-left: 36px;
|
|
||||||
}
|
|
||||||
.wvui-typeahead-search .wvui-input__input {
|
.wvui-typeahead-search .wvui-input__input {
|
||||||
border-right-color: transparent;
|
border-right-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
@ -947,15 +947,15 @@ to {
|
||||||
.wvui-typeahead-search--show-thumbnail .wvui-input__input {
|
.wvui-typeahead-search--show-thumbnail .wvui-input__input {
|
||||||
padding-left: 2.57142857em;
|
padding-left: 2.57142857em;
|
||||||
}
|
}
|
||||||
.wvui-typeahead-search--show-thumbnail .wvui-input__start-icon {
|
|
||||||
width: 2.57142857em;
|
|
||||||
}
|
|
||||||
.wvui-typeahead-search--show-thumbnail .wvui-input__input:focus {
|
.wvui-typeahead-search--show-thumbnail .wvui-input__input:focus {
|
||||||
position: relative;
|
position: relative;
|
||||||
left: -24px;
|
left: -24px;
|
||||||
width: calc(100% + 24px);
|
width: calc(100% + 24px);
|
||||||
padding-left: calc(12px + 2.57142857em + 12px);
|
padding-left: calc(12px + 2.57142857em + 12px);
|
||||||
}
|
}
|
||||||
|
.wvui-typeahead-search--show-thumbnail .wvui-input__start-icon {
|
||||||
|
width: 2.57142857em;
|
||||||
|
}
|
||||||
.wvui-typeahead-search--show-thumbnail .wvui-input__input:focus + .wvui-input__start-icon {
|
.wvui-typeahead-search--show-thumbnail .wvui-input__input:focus + .wvui-input__start-icon {
|
||||||
left: -11px;
|
left: -11px;
|
||||||
}
|
}
|
||||||
|
|
@ -970,6 +970,10 @@ to {
|
||||||
padding-right: 12px;
|
padding-right: 12px;
|
||||||
padding-left: 12px;
|
padding-left: 12px;
|
||||||
}
|
}
|
||||||
|
.wvui-typeahead-search--show-thumbnail .wvui-typeahead-search__suggestions__footer__icon {
|
||||||
|
flex-shrink: 0;
|
||||||
|
width: 2.57142857em;
|
||||||
|
}
|
||||||
.wvui-typeahead-search--show-thumbnail .wvui-typeahead-search__suggestions__footer__text,
|
.wvui-typeahead-search--show-thumbnail .wvui-typeahead-search__suggestions__footer__text,
|
||||||
.wvui-typeahead-search--show-thumbnail .wvui-typeahead-search__suggestions__footer__text__query {
|
.wvui-typeahead-search--show-thumbnail .wvui-typeahead-search__suggestions__footer__text__query {
|
||||||
-webkit-hyphens: auto;
|
-webkit-hyphens: auto;
|
||||||
|
|
@ -978,8 +982,4 @@ to {
|
||||||
word-break: break-word;
|
word-break: break-word;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
}
|
}
|
||||||
.wvui-typeahead-search--show-thumbnail .wvui-typeahead-search__suggestions-footer-article-icon {
|
|
||||||
flex-shrink: 0;
|
|
||||||
width: 2.57142857em;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue