Merge pull request #52 from studio24/hotfix/accessible-autocomplete

fix: fix accessible autocomplete
studio24 · Dec 20, 2023 · 5582060 · 5582060
2 parents fa1ca3c + 4078e34
commit 5582060
Show file tree

Hide file tree

Showing 8 changed files with 237 additions and 86 deletions.
diff --git a/assets-src/styles/sass/70-third-party-plugins/_s24-accessible-autocomplete.scss b/assets-src/styles/sass/70-third-party-plugins/_s24-accessible-autocomplete.scss
@@ -48,6 +48,9 @@
 	border: 2px solid inherit;
 }
 
+.autocomplete__option {
+    margin-block-start: 0;
+}
 
 .autocomplete__option--odd {
 	background-color: $twiki-gray;

diff --git a/web/dist/js/country-autocomplete.js b/web/dist/js/country-autocomplete.js
diff --git a/web/dist/js/main.js b/web/dist/js/main.js
@@ -7,7 +7,7 @@
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "exists": function() { return /* binding */ exists; }
+/* harmony export */   exists: function() { return /* binding */ exists; }
 /* harmony export */ });
 /**
  * Check whether an element exists in the DOM
@@ -27,7 +27,7 @@ var exists = function exists(elem) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "cardEnhancement": function() { return /* binding */ cardEnhancement; }
+/* harmony export */   cardEnhancement: function() { return /* binding */ cardEnhancement; }
 /* harmony export */ });
 /* harmony import */ var _exists_helper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
 
@@ -71,7 +71,7 @@ var cardEnhancement = function cardEnhancement() {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "collapsibles": function() { return /* binding */ collapsibles; }
+/* harmony export */   collapsibles: function() { return /* binding */ collapsibles; }
 /* harmony export */ });
 /* harmony import */ var _exists_helper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
 
@@ -135,7 +135,7 @@ var collapsibles = function collapsibles() {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "disclosureWidget": function() { return /* binding */ disclosureWidget; }
+/* harmony export */   disclosureWidget: function() { return /* binding */ disclosureWidget; }
 /* harmony export */ });
 /* harmony import */ var _exists_helper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
 /* harmony import */ var _closest_polyfill_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5);
@@ -225,7 +225,7 @@ if (!Element.prototype.closest) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "formErrorSummary": function() { return /* binding */ formErrorSummary; }
+/* harmony export */   formErrorSummary: function() { return /* binding */ formErrorSummary; }
 /* harmony export */ });
 /* harmony import */ var _exists_helper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
 
@@ -249,7 +249,7 @@ var formErrorSummary = function formErrorSummary() {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "navSingleLevel": function() { return /* binding */ navSingleLevel; }
+/* harmony export */   navSingleLevel: function() { return /* binding */ navSingleLevel; }
 /* harmony export */ });
 /* harmony import */ var _object_assign_polyfill__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8);
 /* harmony import */ var _object_assign_polyfill__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_object_assign_polyfill__WEBPACK_IMPORTED_MODULE_0__);
@@ -373,7 +373,7 @@ if (typeof Object.assign != 'function') {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "navDoubleLevel": function() { return /* binding */ navDoubleLevel; }
+/* harmony export */   navDoubleLevel: function() { return /* binding */ navDoubleLevel; }
 /* harmony export */ });
 /* harmony import */ var _object_assign_polyfill__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8);
 /* harmony import */ var _object_assign_polyfill__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_object_assign_polyfill__WEBPACK_IMPORTED_MODULE_0__);

diff --git a/web/dist/js/splide.js b/web/dist/js/splide.js
@@ -7,81 +7,81 @@
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "CLASSES": function() { return /* binding */ CLASSES; },
-/* harmony export */   "CLASS_ACTIVE": function() { return /* binding */ CLASS_ACTIVE; },
-/* harmony export */   "CLASS_ARROW": function() { return /* binding */ CLASS_ARROW; },
-/* harmony export */   "CLASS_ARROWS": function() { return /* binding */ CLASS_ARROWS; },
-/* harmony export */   "CLASS_ARROW_NEXT": function() { return /* binding */ CLASS_ARROW_NEXT; },
-/* harmony export */   "CLASS_ARROW_PREV": function() { return /* binding */ CLASS_ARROW_PREV; },
-/* harmony export */   "CLASS_CLONE": function() { return /* binding */ CLASS_CLONE; },
-/* harmony export */   "CLASS_CONTAINER": function() { return /* binding */ CLASS_CONTAINER; },
-/* harmony export */   "CLASS_FOCUS_IN": function() { return /* binding */ CLASS_FOCUS_IN; },
-/* harmony export */   "CLASS_INITIALIZED": function() { return /* binding */ CLASS_INITIALIZED; },
-/* harmony export */   "CLASS_LIST": function() { return /* binding */ CLASS_LIST; },
-/* harmony export */   "CLASS_LOADING": function() { return /* binding */ CLASS_LOADING; },
-/* harmony export */   "CLASS_NEXT": function() { return /* binding */ CLASS_NEXT; },
-/* harmony export */   "CLASS_OVERFLOW": function() { return /* binding */ CLASS_OVERFLOW; },
-/* harmony export */   "CLASS_PAGINATION": function() { return /* binding */ CLASS_PAGINATION; },
-/* harmony export */   "CLASS_PAGINATION_PAGE": function() { return /* binding */ CLASS_PAGINATION_PAGE; },
-/* harmony export */   "CLASS_PREV": function() { return /* binding */ CLASS_PREV; },
-/* harmony export */   "CLASS_PROGRESS": function() { return /* binding */ CLASS_PROGRESS; },
-/* harmony export */   "CLASS_PROGRESS_BAR": function() { return /* binding */ CLASS_PROGRESS_BAR; },
-/* harmony export */   "CLASS_ROOT": function() { return /* binding */ CLASS_ROOT; },
-/* harmony export */   "CLASS_SLIDE": function() { return /* binding */ CLASS_SLIDE; },
-/* harmony export */   "CLASS_SPINNER": function() { return /* binding */ CLASS_SPINNER; },
-/* harmony export */   "CLASS_SR": function() { return /* binding */ CLASS_SR; },
-/* harmony export */   "CLASS_TOGGLE": function() { return /* binding */ CLASS_TOGGLE; },
-/* harmony export */   "CLASS_TOGGLE_PAUSE": function() { return /* binding */ CLASS_TOGGLE_PAUSE; },
-/* harmony export */   "CLASS_TOGGLE_PLAY": function() { return /* binding */ CLASS_TOGGLE_PLAY; },
-/* harmony export */   "CLASS_TRACK": function() { return /* binding */ CLASS_TRACK; },
-/* harmony export */   "CLASS_VISIBLE": function() { return /* binding */ CLASS_VISIBLE; },
-/* harmony export */   "DEFAULTS": function() { return /* binding */ DEFAULTS; },
-/* harmony export */   "EVENT_ACTIVE": function() { return /* binding */ EVENT_ACTIVE; },
-/* harmony export */   "EVENT_ARROWS_MOUNTED": function() { return /* binding */ EVENT_ARROWS_MOUNTED; },
-/* harmony export */   "EVENT_ARROWS_UPDATED": function() { return /* binding */ EVENT_ARROWS_UPDATED; },
-/* harmony export */   "EVENT_AUTOPLAY_PAUSE": function() { return /* binding */ EVENT_AUTOPLAY_PAUSE; },
-/* harmony export */   "EVENT_AUTOPLAY_PLAY": function() { return /* binding */ EVENT_AUTOPLAY_PLAY; },
-/* harmony export */   "EVENT_AUTOPLAY_PLAYING": function() { return /* binding */ EVENT_AUTOPLAY_PLAYING; },
-/* harmony export */   "EVENT_CLICK": function() { return /* binding */ EVENT_CLICK; },
-/* harmony export */   "EVENT_DESTROY": function() { return /* binding */ EVENT_DESTROY; },
-/* harmony export */   "EVENT_DRAG": function() { return /* binding */ EVENT_DRAG; },
-/* harmony export */   "EVENT_DRAGGED": function() { return /* binding */ EVENT_DRAGGED; },
-/* harmony export */   "EVENT_DRAGGING": function() { return /* binding */ EVENT_DRAGGING; },
-/* harmony export */   "EVENT_END_INDEX_CHANGED": function() { return /* binding */ EVENT_END_INDEX_CHANGED; },
-/* harmony export */   "EVENT_HIDDEN": function() { return /* binding */ EVENT_HIDDEN; },
-/* harmony export */   "EVENT_INACTIVE": function() { return /* binding */ EVENT_INACTIVE; },
-/* harmony export */   "EVENT_LAZYLOAD_LOADED": function() { return /* binding */ EVENT_LAZYLOAD_LOADED; },
-/* harmony export */   "EVENT_MOUNTED": function() { return /* binding */ EVENT_MOUNTED; },
-/* harmony export */   "EVENT_MOVE": function() { return /* binding */ EVENT_MOVE; },
-/* harmony export */   "EVENT_MOVED": function() { return /* binding */ EVENT_MOVED; },
-/* harmony export */   "EVENT_NAVIGATION_MOUNTED": function() { return /* binding */ EVENT_NAVIGATION_MOUNTED; },
-/* harmony export */   "EVENT_OVERFLOW": function() { return /* binding */ EVENT_OVERFLOW; },
-/* harmony export */   "EVENT_PAGINATION_MOUNTED": function() { return /* binding */ EVENT_PAGINATION_MOUNTED; },
-/* harmony export */   "EVENT_PAGINATION_UPDATED": function() { return /* binding */ EVENT_PAGINATION_UPDATED; },
-/* harmony export */   "EVENT_READY": function() { return /* binding */ EVENT_READY; },
-/* harmony export */   "EVENT_REFRESH": function() { return /* binding */ EVENT_REFRESH; },
-/* harmony export */   "EVENT_RESIZE": function() { return /* binding */ EVENT_RESIZE; },
-/* harmony export */   "EVENT_RESIZED": function() { return /* binding */ EVENT_RESIZED; },
-/* harmony export */   "EVENT_SCROLL": function() { return /* binding */ EVENT_SCROLL; },
-/* harmony export */   "EVENT_SCROLLED": function() { return /* binding */ EVENT_SCROLLED; },
-/* harmony export */   "EVENT_SHIFTED": function() { return /* binding */ EVENT_SHIFTED; },
-/* harmony export */   "EVENT_SLIDE_KEYDOWN": function() { return /* binding */ EVENT_SLIDE_KEYDOWN; },
-/* harmony export */   "EVENT_UPDATED": function() { return /* binding */ EVENT_UPDATED; },
-/* harmony export */   "EVENT_VISIBLE": function() { return /* binding */ EVENT_VISIBLE; },
-/* harmony export */   "EventBinder": function() { return /* binding */ EventBinder; },
-/* harmony export */   "EventInterface": function() { return /* binding */ EventInterface; },
-/* harmony export */   "FADE": function() { return /* binding */ FADE; },
-/* harmony export */   "LOOP": function() { return /* binding */ LOOP; },
-/* harmony export */   "LTR": function() { return /* binding */ LTR; },
-/* harmony export */   "RTL": function() { return /* binding */ RTL; },
-/* harmony export */   "RequestInterval": function() { return /* binding */ RequestInterval; },
-/* harmony export */   "SLIDE": function() { return /* binding */ SLIDE; },
-/* harmony export */   "STATUS_CLASSES": function() { return /* binding */ STATUS_CLASSES; },
-/* harmony export */   "Splide": function() { return /* binding */ Splide; },
-/* harmony export */   "SplideRenderer": function() { return /* binding */ SplideRenderer; },
-/* harmony export */   "State": function() { return /* binding */ State; },
-/* harmony export */   "TTB": function() { return /* binding */ TTB; },
-/* harmony export */   "Throttle": function() { return /* binding */ Throttle; },
+/* harmony export */   CLASSES: function() { return /* binding */ CLASSES; },
+/* harmony export */   CLASS_ACTIVE: function() { return /* binding */ CLASS_ACTIVE; },
+/* harmony export */   CLASS_ARROW: function() { return /* binding */ CLASS_ARROW; },
+/* harmony export */   CLASS_ARROWS: function() { return /* binding */ CLASS_ARROWS; },
+/* harmony export */   CLASS_ARROW_NEXT: function() { return /* binding */ CLASS_ARROW_NEXT; },
+/* harmony export */   CLASS_ARROW_PREV: function() { return /* binding */ CLASS_ARROW_PREV; },
+/* harmony export */   CLASS_CLONE: function() { return /* binding */ CLASS_CLONE; },
+/* harmony export */   CLASS_CONTAINER: function() { return /* binding */ CLASS_CONTAINER; },
+/* harmony export */   CLASS_FOCUS_IN: function() { return /* binding */ CLASS_FOCUS_IN; },
+/* harmony export */   CLASS_INITIALIZED: function() { return /* binding */ CLASS_INITIALIZED; },
+/* harmony export */   CLASS_LIST: function() { return /* binding */ CLASS_LIST; },
+/* harmony export */   CLASS_LOADING: function() { return /* binding */ CLASS_LOADING; },
+/* harmony export */   CLASS_NEXT: function() { return /* binding */ CLASS_NEXT; },
+/* harmony export */   CLASS_OVERFLOW: function() { return /* binding */ CLASS_OVERFLOW; },
+/* harmony export */   CLASS_PAGINATION: function() { return /* binding */ CLASS_PAGINATION; },
+/* harmony export */   CLASS_PAGINATION_PAGE: function() { return /* binding */ CLASS_PAGINATION_PAGE; },
+/* harmony export */   CLASS_PREV: function() { return /* binding */ CLASS_PREV; },
+/* harmony export */   CLASS_PROGRESS: function() { return /* binding */ CLASS_PROGRESS; },
+/* harmony export */   CLASS_PROGRESS_BAR: function() { return /* binding */ CLASS_PROGRESS_BAR; },
+/* harmony export */   CLASS_ROOT: function() { return /* binding */ CLASS_ROOT; },
+/* harmony export */   CLASS_SLIDE: function() { return /* binding */ CLASS_SLIDE; },
+/* harmony export */   CLASS_SPINNER: function() { return /* binding */ CLASS_SPINNER; },
+/* harmony export */   CLASS_SR: function() { return /* binding */ CLASS_SR; },
+/* harmony export */   CLASS_TOGGLE: function() { return /* binding */ CLASS_TOGGLE; },
+/* harmony export */   CLASS_TOGGLE_PAUSE: function() { return /* binding */ CLASS_TOGGLE_PAUSE; },
+/* harmony export */   CLASS_TOGGLE_PLAY: function() { return /* binding */ CLASS_TOGGLE_PLAY; },
+/* harmony export */   CLASS_TRACK: function() { return /* binding */ CLASS_TRACK; },
+/* harmony export */   CLASS_VISIBLE: function() { return /* binding */ CLASS_VISIBLE; },
+/* harmony export */   DEFAULTS: function() { return /* binding */ DEFAULTS; },
+/* harmony export */   EVENT_ACTIVE: function() { return /* binding */ EVENT_ACTIVE; },
+/* harmony export */   EVENT_ARROWS_MOUNTED: function() { return /* binding */ EVENT_ARROWS_MOUNTED; },
+/* harmony export */   EVENT_ARROWS_UPDATED: function() { return /* binding */ EVENT_ARROWS_UPDATED; },
+/* harmony export */   EVENT_AUTOPLAY_PAUSE: function() { return /* binding */ EVENT_AUTOPLAY_PAUSE; },
+/* harmony export */   EVENT_AUTOPLAY_PLAY: function() { return /* binding */ EVENT_AUTOPLAY_PLAY; },
+/* harmony export */   EVENT_AUTOPLAY_PLAYING: function() { return /* binding */ EVENT_AUTOPLAY_PLAYING; },
+/* harmony export */   EVENT_CLICK: function() { return /* binding */ EVENT_CLICK; },
+/* harmony export */   EVENT_DESTROY: function() { return /* binding */ EVENT_DESTROY; },
+/* harmony export */   EVENT_DRAG: function() { return /* binding */ EVENT_DRAG; },
+/* harmony export */   EVENT_DRAGGED: function() { return /* binding */ EVENT_DRAGGED; },
+/* harmony export */   EVENT_DRAGGING: function() { return /* binding */ EVENT_DRAGGING; },
+/* harmony export */   EVENT_END_INDEX_CHANGED: function() { return /* binding */ EVENT_END_INDEX_CHANGED; },
+/* harmony export */   EVENT_HIDDEN: function() { return /* binding */ EVENT_HIDDEN; },
+/* harmony export */   EVENT_INACTIVE: function() { return /* binding */ EVENT_INACTIVE; },
+/* harmony export */   EVENT_LAZYLOAD_LOADED: function() { return /* binding */ EVENT_LAZYLOAD_LOADED; },
+/* harmony export */   EVENT_MOUNTED: function() { return /* binding */ EVENT_MOUNTED; },
+/* harmony export */   EVENT_MOVE: function() { return /* binding */ EVENT_MOVE; },
+/* harmony export */   EVENT_MOVED: function() { return /* binding */ EVENT_MOVED; },
+/* harmony export */   EVENT_NAVIGATION_MOUNTED: function() { return /* binding */ EVENT_NAVIGATION_MOUNTED; },
+/* harmony export */   EVENT_OVERFLOW: function() { return /* binding */ EVENT_OVERFLOW; },
+/* harmony export */   EVENT_PAGINATION_MOUNTED: function() { return /* binding */ EVENT_PAGINATION_MOUNTED; },
+/* harmony export */   EVENT_PAGINATION_UPDATED: function() { return /* binding */ EVENT_PAGINATION_UPDATED; },
+/* harmony export */   EVENT_READY: function() { return /* binding */ EVENT_READY; },
+/* harmony export */   EVENT_REFRESH: function() { return /* binding */ EVENT_REFRESH; },
+/* harmony export */   EVENT_RESIZE: function() { return /* binding */ EVENT_RESIZE; },
+/* harmony export */   EVENT_RESIZED: function() { return /* binding */ EVENT_RESIZED; },
+/* harmony export */   EVENT_SCROLL: function() { return /* binding */ EVENT_SCROLL; },
+/* harmony export */   EVENT_SCROLLED: function() { return /* binding */ EVENT_SCROLLED; },
+/* harmony export */   EVENT_SHIFTED: function() { return /* binding */ EVENT_SHIFTED; },
+/* harmony export */   EVENT_SLIDE_KEYDOWN: function() { return /* binding */ EVENT_SLIDE_KEYDOWN; },
+/* harmony export */   EVENT_UPDATED: function() { return /* binding */ EVENT_UPDATED; },
+/* harmony export */   EVENT_VISIBLE: function() { return /* binding */ EVENT_VISIBLE; },
+/* harmony export */   EventBinder: function() { return /* binding */ EventBinder; },
+/* harmony export */   EventInterface: function() { return /* binding */ EventInterface; },
+/* harmony export */   FADE: function() { return /* binding */ FADE; },
+/* harmony export */   LOOP: function() { return /* binding */ LOOP; },
+/* harmony export */   LTR: function() { return /* binding */ LTR; },
+/* harmony export */   RTL: function() { return /* binding */ RTL; },
+/* harmony export */   RequestInterval: function() { return /* binding */ RequestInterval; },
+/* harmony export */   SLIDE: function() { return /* binding */ SLIDE; },
+/* harmony export */   STATUS_CLASSES: function() { return /* binding */ STATUS_CLASSES; },
+/* harmony export */   Splide: function() { return /* binding */ Splide; },
+/* harmony export */   SplideRenderer: function() { return /* binding */ SplideRenderer; },
+/* harmony export */   State: function() { return /* binding */ State; },
+/* harmony export */   TTB: function() { return /* binding */ TTB; },
+/* harmony export */   Throttle: function() { return /* binding */ Throttle; },
 /* harmony export */   "default": function() { return /* binding */ Splide; }
 /* harmony export */ });
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -3769,7 +3769,7 @@ var SplideRenderer = /*#__PURE__*/function () {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "exists": function() { return /* binding */ exists; }
+/* harmony export */   exists: function() { return /* binding */ exists; }
 /* harmony export */ });
 /**
  * Check whether an element exists in the DOM

diff --git a/web/dist/js/splide.min.js b/web/dist/js/splide.min.js
diff --git a/web/dist/styles/advanced.css b/web/dist/styles/advanced.css
@@ -783,6 +783,11 @@ td.active {
   border: 2px solid inherit;
 }
 
+.autocomplete__option {
+  -webkit-margin-before: 0;
+          margin-block-start: 0;
+}
+
 .autocomplete__option--odd {
   background-color: #bdbdbd;
 }