@ministryofjustice/frontend 4.0.1 → 5.1.0

package/moj/components/button-menu/_button-menu.scss

@@ -6,7 +6,8 @@
   position: relative;
 }
 
-.moj-button-menu__toggle-button {
+.moj-button-menu__toggle-button,
+.moj-button-menu__single-button {
   margin-bottom: 0;
   vertical-align: baseline;
 }
@@ -116,3 +117,5 @@
     box-shadow: 0 2px 0 $govuk-focus-text-colour;
   }
 }
+
+/*# sourceMappingURL=_button-menu.scss.map */

package/moj/components/button-menu/_button-menu.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/button-menu/_button-menu.scss"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,uCAAuC;;AAEvC;EACE,qBAAqB;EACrB,kBAAkB;AACpB;;AAEA;;EAEE,gBAAgB;EAChB,wBAAwB;AAC1B;;AAEA;EACE,oBAAoB;EACpB,mBAAmB;EACnB,QAAQ;AACV;;AAEA;EACE,eAAe;EACf,yBAAyB;AAC3B;;AAEA;EACE,uBAAuB;AACzB;;AAEA;EACE,WAAW;EACX,eAAe,EAAE,qBAAqB;EACtC,UAAU;EACV,gBAAgB;;EAEhB;;IAEE,kBAAkB;IAClB,YAAY;EACd;;EAEA;IACE,QAAQ;EACV;AACF;;AAEA,0BAA0B;AAC1B;EACE,qBAAqB;EACrB,WAAW,EAAE,2BAA2B;EACxC,8BAA8B;EAC9B,+BAA+B;EAC/B,wBAAwB;;EAExB;IACE,eAAe;EACjB;AACF;;AAEA,uBAAuB;AACvB;EACE,sBAAsB;EACtB,qBAAqB;EACrB,kBAAkB;EAClB,WAAW;EACX,aAAa;EACb,eAAe;EACf,gBAAgB;EAChB,cAAc;EACd,yBAAyB;EACzB,0DAA0D;EAC1D,+CAA+C;EAC/C,gBAAgB;EAChB,yBAAyB;EACzB,4CAA4C;EAC5C,gBAAgB;EAChB,mBAAmB;EACnB,eAAe;EACf,wBAAwB;EACxB,gBAAgB;EAChB,kDAAkD;;EAElD;;;;IAIE,yBAAyB;IACzB,qBAAqB;EACvB;;EAEA;;IAEE,4BAA4B;EAC9B;;EAEA,wCAAwC;EACxC;IACE,UAAU;IACV,SAAS;EACX;;EAEA;IACE,8CAA8C;EAChD;;EAEA;IACE,WAAW;IACX,iCAAiC;IACjC,6CAA6C;IAC7C,+CAA+C;EACjD;;EAEA;IACE,iCAAiC;IACjC,+BAA+B;IAC/B,qCAAqC;IACrC,4CAA4C;EAC9C;AACF","file":"_button-menu.scss","sourcesContent":["@use \"../../settings/colours\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n.moj-button-menu {\n  display: inline-block;\n  position: relative;\n}\n\n.moj-button-menu__toggle-button,\n.moj-button-menu__single-button {\n  margin-bottom: 0;\n  vertical-align: baseline;\n}\n\n.moj-button-menu__toggle-button span {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.moj-button-menu__toggle-button svg {\n  margin-top: 2px;\n  transform: rotate(180deg);\n}\n\n.moj-button-menu__toggle-button[aria-expanded=\"true\"] svg {\n  transform: rotate(0deg);\n}\n\n.moj-button-menu__wrapper {\n  z-index: 10;\n  margin: 5px 0 0; // 2px shadow, 3px gap\n  padding: 0;\n  list-style: none;\n\n  &,\n  .moj-button-group--inline {\n    position: absolute;\n    width: 200px;\n  }\n\n  &--right {\n    right: 0;\n  }\n}\n\n/* Menu items with no JS */\n.moj-button-menu__item {\n  display: inline-block;\n  width: auto; // Override GDS’s 100% width\n  margin-right: govuk-spacing(2);\n  margin-bottom: govuk-spacing(2);\n  vertical-align: baseline;\n\n  &:last-child {\n    margin-right: 0;\n  }\n}\n\n/* Menu items with JS */\n.moj-button-menu li > .moj-button-menu__item {\n  box-sizing: border-box;\n  display: inline-block;\n  position: relative;\n  width: 100%;\n  margin-top: 0;\n  margin-right: 0;\n  margin-bottom: 0;\n  margin-left: 0;\n  padding: govuk-spacing(2);\n  border: $govuk-border-width-form-element solid transparent;\n  border-bottom: 1px solid $moj-button-menu-color;\n  border-radius: 0;\n  color: $govuk-text-colour;\n  background-color: govuk-colour(\"light-grey\");\n  text-align: left;\n  vertical-align: top;\n  cursor: pointer;\n  -webkit-appearance: none;\n  appearance: none;\n  @include govuk-font($size: 19, $line-height: 19px);\n\n  &:link,\n  &:visited,\n  &:active,\n  &:hover {\n    color: $govuk-text-colour;\n    text-decoration: none;\n  }\n\n  &:active,\n  &:hover {\n    color: govuk-colour(\"white\");\n  }\n\n  // Fix unwanted button padding in Firefox\n  &::-moz-focus-inner {\n    padding: 0;\n    border: 0;\n  }\n\n  &:hover {\n    background-color: $moj-button-menu-hover-color;\n  }\n\n  &:focus {\n    z-index: 10;\n    border-color: $govuk-focus-colour;\n    outline: $govuk-focus-width solid transparent;\n    box-shadow: inset 0 0 0 1px $govuk-focus-colour;\n  }\n\n  &:focus:not(:active):not(:hover) {\n    border-color: $govuk-focus-colour;\n    color: $govuk-focus-text-colour;\n    background-color: $govuk-focus-colour;\n    box-shadow: 0 2px 0 $govuk-focus-text-colour;\n  }\n}\n"]}

package/moj/components/button-menu/button-menu.bundle.js

@@ -0,0 +1,270 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('govuk-frontend')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'govuk-frontend'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.MOJFrontend = global.MOJFrontend || {}, global.GOVUKFrontend));
+})(this, (function (exports, govukFrontend) { 'use strict';
+
+  /**
+   * @augments {ConfigurableComponent<ButtonMenuConfig>}
+   */
+  class ButtonMenu extends govukFrontend.ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for button menu
+     * @param {ButtonMenuConfig} [config] - Button menu config
+     */
+    constructor($root, config = {}) {
+      super($root, config);
+
+      // If only one button is provided, don't initiate a menu and toggle button
+      // if classes have been provided for the toggleButton, apply them to the single item
+      if (this.$root.children.length === 1) {
+        const $button = this.$root.children[0];
+        $button.classList.forEach(className => {
+          if (className.startsWith('govuk-button-')) {
+            $button.classList.remove(className);
+          }
+          $button.classList.remove('moj-button-menu__item');
+          $button.classList.add('moj-button-menu__single-button');
+        });
+        if (this.config.buttonClasses) {
+          $button.classList.add(...this.config.buttonClasses.split(' '));
+        }
+      }
+      // Otherwise initialise a button menu
+      if (this.$root.children.length > 1) {
+        this.initMenu();
+      }
+    }
+    initMenu() {
+      this.$menu = this.createMenu();
+      this.$root.insertAdjacentHTML('afterbegin', this.toggleTemplate());
+      this.setupMenuItems();
+      this.$menuToggle = this.$root.querySelector(':scope > button');
+      this.$items = this.$menu.querySelectorAll('a, button');
+      this.$menuToggle.addEventListener('click', event => {
+        this.toggleMenu(event);
+      });
+      this.$root.addEventListener('keydown', event => {
+        this.handleKeyDown(event);
+      });
+      document.addEventListener('click', event => {
+        if (event.target instanceof Node && !this.$root.contains(event.target)) {
+          this.closeMenu(false);
+        }
+      });
+    }
+    createMenu() {
+      const $menu = document.createElement('ul');
+      $menu.setAttribute('role', 'list');
+      $menu.hidden = true;
+      $menu.classList.add('moj-button-menu__wrapper');
+      if (this.config.alignMenu === 'right') {
+        $menu.classList.add('moj-button-menu__wrapper--right');
+      }
+      this.$root.appendChild($menu);
+      while (this.$root.firstChild !== $menu) {
+        $menu.appendChild(this.$root.firstChild);
+      }
+      return $menu;
+    }
+    setupMenuItems() {
+      Array.from(this.$menu.children).forEach($menuItem => {
+        // wrap item in li tag
+        const $listItem = document.createElement('li');
+        this.$menu.insertBefore($listItem, $menuItem);
+        $listItem.appendChild($menuItem);
+        $menuItem.setAttribute('tabindex', '-1');
+        if ($menuItem.tagName === 'BUTTON') {
+          $menuItem.setAttribute('type', 'button');
+        }
+        $menuItem.classList.forEach(className => {
+          if (className.startsWith('govuk-button')) {
+            $menuItem.classList.remove(className);
+          }
+        });
+
+        // add a slight delay after click before closing the menu, makes it *feel* better
+        $menuItem.addEventListener('click', () => {
+          setTimeout(() => {
+            this.closeMenu(false);
+          }, 50);
+        });
+      });
+    }
+    toggleTemplate() {
+      return `
+    <button type="button" class="govuk-button moj-button-menu__toggle-button ${this.config.buttonClasses || ''}" aria-haspopup="true" aria-expanded="false">
+      <span>
+       ${this.config.buttonText}
+       <svg width="11" height="5" viewBox="0 0 11 5"  xmlns="http://www.w3.org/2000/svg">
+         <path d="M5.5 0L11 5L0 5L5.5 0Z" fill="currentColor"/>
+       </svg>
+      </span>
+    </button>`;
+    }
+
+    /**
+     * @returns {boolean}
+     */
+    isOpen() {
+      return this.$menuToggle.getAttribute('aria-expanded') === 'true';
+    }
+
+    /**
+     * @param {MouseEvent} event - Click event
+     */
+    toggleMenu(event) {
+      event.preventDefault();
+
+      // If menu is triggered with mouse don't move focus to first item
+      const keyboardEvent = event.detail === 0;
+      const focusIndex = keyboardEvent ? 0 : -1;
+      if (this.isOpen()) {
+        this.closeMenu();
+      } else {
+        this.openMenu(focusIndex);
+      }
+    }
+
+    /**
+     * Opens the menu and optionally sets the focus to the item with given index
+     *
+     * @param {number} focusIndex - The index of the item to focus
+     */
+    openMenu(focusIndex = 0) {
+      this.$menu.hidden = false;
+      this.$menuToggle.setAttribute('aria-expanded', 'true');
+      if (focusIndex !== -1) {
+        this.focusItem(focusIndex);
+      }
+    }
+
+    /**
+     * Closes the menu and optionally returns focus back to menuToggle
+     *
+     * @param {boolean} moveFocus - whether to return focus to the toggle button
+     */
+    closeMenu(moveFocus = true) {
+      this.$menu.hidden = true;
+      this.$menuToggle.setAttribute('aria-expanded', 'false');
+      if (moveFocus) {
+        this.$menuToggle.focus();
+      }
+    }
+
+    /**
+     * Focuses the menu item at the specified index
+     *
+     * @param {number} index - the index of the item to focus
+     */
+    focusItem(index) {
+      if (index >= this.$items.length) index = 0;
+      if (index < 0) index = this.$items.length - 1;
+      const $menuItem = this.$items.item(index);
+      if ($menuItem) {
+        $menuItem.focus();
+      }
+    }
+    currentFocusIndex() {
+      const $activeElement = document.activeElement;
+      const $menuItems = Array.from(this.$items);
+      return ($activeElement instanceof HTMLAnchorElement || $activeElement instanceof HTMLButtonElement) && $menuItems.indexOf($activeElement);
+    }
+
+    /**
+     * @param {KeyboardEvent} event - Keydown event
+     */
+    handleKeyDown(event) {
+      if (event.target === this.$menuToggle) {
+        switch (event.key) {
+          case 'ArrowDown':
+            event.preventDefault();
+            this.openMenu();
+            break;
+          case 'ArrowUp':
+            event.preventDefault();
+            this.openMenu(this.$items.length - 1);
+            break;
+        }
+      }
+      if (event.target instanceof Node && this.$menu.contains(event.target) && this.isOpen()) {
+        switch (event.key) {
+          case 'ArrowDown':
+            event.preventDefault();
+            if (this.currentFocusIndex() !== -1) {
+              this.focusItem(this.currentFocusIndex() + 1);
+            }
+            break;
+          case 'ArrowUp':
+            event.preventDefault();
+            if (this.currentFocusIndex() !== -1) {
+              this.focusItem(this.currentFocusIndex() - 1);
+            }
+            break;
+          case 'Home':
+            event.preventDefault();
+            this.focusItem(0);
+            break;
+          case 'End':
+            event.preventDefault();
+            this.focusItem(this.$items.length - 1);
+            break;
+        }
+      }
+      if (event.key === 'Escape' && this.isOpen()) {
+        this.closeMenu();
+      }
+      if (event.key === 'Tab' && this.isOpen()) {
+        this.closeMenu(false);
+      }
+    }
+
+    /**
+     * Name for the component used when initialising using data-module attributes.
+     */
+  }
+
+  /**
+   * @typedef {object} ButtonMenuConfig
+   * @property {string} [buttonText='Actions'] - Label for the toggle button
+   * @property {"left" | "right"} [alignMenu='left'] - the alignment of the menu
+   * @property {string} [buttonClasses='govuk-button--secondary'] - css classes applied to the toggle button
+   */
+
+  /**
+   * @import { Schema } from 'govuk-frontend/dist/govuk/common/configuration.mjs'
+   */
+  ButtonMenu.moduleName = 'moj-button-menu';
+  /**
+   * Button menu config
+   *
+   * @type {ButtonMenuConfig}
+   */
+  ButtonMenu.defaults = Object.freeze({
+    buttonText: 'Actions',
+    alignMenu: 'left',
+    buttonClasses: ''
+  });
+  /**
+   * Button menu config schema
+   *
+   * @type {Schema<ButtonMenuConfig>}
+   */
+  ButtonMenu.schema = Object.freeze(/** @type {const} */{
+    properties: {
+      buttonText: {
+        type: 'string'
+      },
+      buttonClasses: {
+        type: 'string'
+      },
+      alignMenu: {
+        type: 'string'
+      }
+    }
+  });
+
+  exports.ButtonMenu = ButtonMenu;
+
+}));
+//# sourceMappingURL=button-menu.bundle.js.map

package/moj/components/button-menu/button-menu.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-menu.bundle.js","sources":["../../../../src/moj/components/button-menu/button-menu.mjs"],"sourcesContent":["import { ConfigurableComponent } from 'govuk-frontend'\n\n/**\n * @augments {ConfigurableComponent<ButtonMenuConfig>}\n */\nexport class ButtonMenu extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for button menu\n   * @param {ButtonMenuConfig} [config] - Button menu config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    // If only one button is provided, don't initiate a menu and toggle button\n    // if classes have been provided for the toggleButton, apply them to the single item\n    if (this.$root.children.length === 1) {\n      const $button = this.$root.children[0]\n\n      $button.classList.forEach((className) => {\n        if (className.startsWith('govuk-button-')) {\n          $button.classList.remove(className)\n        }\n\n        $button.classList.remove('moj-button-menu__item')\n        $button.classList.add('moj-button-menu__single-button')\n      })\n\n      if (this.config.buttonClasses) {\n        $button.classList.add(...this.config.buttonClasses.split(' '))\n      }\n    }\n    // Otherwise initialise a button menu\n    if (this.$root.children.length > 1) {\n      this.initMenu()\n    }\n  }\n\n  initMenu() {\n    this.$menu = this.createMenu()\n    this.$root.insertAdjacentHTML('afterbegin', this.toggleTemplate())\n    this.setupMenuItems()\n\n    this.$menuToggle = this.$root.querySelector(':scope > button')\n    this.$items = this.$menu.querySelectorAll('a, button')\n\n    this.$menuToggle.addEventListener('click', (event) => {\n      this.toggleMenu(event)\n    })\n\n    this.$root.addEventListener('keydown', (event) => {\n      this.handleKeyDown(event)\n    })\n\n    document.addEventListener('click', (event) => {\n      if (event.target instanceof Node && !this.$root.contains(event.target)) {\n        this.closeMenu(false)\n      }\n    })\n  }\n\n  createMenu() {\n    const $menu = document.createElement('ul')\n\n    $menu.setAttribute('role', 'list')\n    $menu.hidden = true\n    $menu.classList.add('moj-button-menu__wrapper')\n\n    if (this.config.alignMenu === 'right') {\n      $menu.classList.add('moj-button-menu__wrapper--right')\n    }\n\n    this.$root.appendChild($menu)\n\n    while (this.$root.firstChild !== $menu) {\n      $menu.appendChild(this.$root.firstChild)\n    }\n\n    return $menu\n  }\n\n  setupMenuItems() {\n    Array.from(this.$menu.children).forEach(($menuItem) => {\n      // wrap item in li tag\n      const $listItem = document.createElement('li')\n      this.$menu.insertBefore($listItem, $menuItem)\n      $listItem.appendChild($menuItem)\n\n      $menuItem.setAttribute('tabindex', '-1')\n\n      if ($menuItem.tagName === 'BUTTON') {\n        $menuItem.setAttribute('type', 'button')\n      }\n\n      $menuItem.classList.forEach((className) => {\n        if (className.startsWith('govuk-button')) {\n          $menuItem.classList.remove(className)\n        }\n      })\n\n      // add a slight delay after click before closing the menu, makes it *feel* better\n      $menuItem.addEventListener('click', () => {\n        setTimeout(() => {\n          this.closeMenu(false)\n        }, 50)\n      })\n    })\n  }\n\n  toggleTemplate() {\n    return `\n    <button type=\"button\" class=\"govuk-button moj-button-menu__toggle-button ${this.config.buttonClasses || ''}\" aria-haspopup=\"true\" aria-expanded=\"false\">\n      <span>\n       ${this.config.buttonText}\n       <svg width=\"11\" height=\"5\" viewBox=\"0 0 11 5\"  xmlns=\"http://www.w3.org/2000/svg\">\n         <path d=\"M5.5 0L11 5L0 5L5.5 0Z\" fill=\"currentColor\"/>\n       </svg>\n      </span>\n    </button>`\n  }\n\n  /**\n   * @returns {boolean}\n   */\n  isOpen() {\n    return this.$menuToggle.getAttribute('aria-expanded') === 'true'\n  }\n\n  /**\n   * @param {MouseEvent} event - Click event\n   */\n  toggleMenu(event) {\n    event.preventDefault()\n\n    // If menu is triggered with mouse don't move focus to first item\n    const keyboardEvent = event.detail === 0\n    const focusIndex = keyboardEvent ? 0 : -1\n\n    if (this.isOpen()) {\n      this.closeMenu()\n    } else {\n      this.openMenu(focusIndex)\n    }\n  }\n\n  /**\n   * Opens the menu and optionally sets the focus to the item with given index\n   *\n   * @param {number} focusIndex - The index of the item to focus\n   */\n  openMenu(focusIndex = 0) {\n    this.$menu.hidden = false\n    this.$menuToggle.setAttribute('aria-expanded', 'true')\n    if (focusIndex !== -1) {\n      this.focusItem(focusIndex)\n    }\n  }\n\n  /**\n   * Closes the menu and optionally returns focus back to menuToggle\n   *\n   * @param {boolean} moveFocus - whether to return focus to the toggle button\n   */\n  closeMenu(moveFocus = true) {\n    this.$menu.hidden = true\n    this.$menuToggle.setAttribute('aria-expanded', 'false')\n    if (moveFocus) {\n      this.$menuToggle.focus()\n    }\n  }\n\n  /**\n   * Focuses the menu item at the specified index\n   *\n   * @param {number} index - the index of the item to focus\n   */\n  focusItem(index) {\n    if (index >= this.$items.length) index = 0\n    if (index < 0) index = this.$items.length - 1\n\n    const $menuItem = this.$items.item(index)\n    if ($menuItem) {\n      $menuItem.focus()\n    }\n  }\n\n  currentFocusIndex() {\n    const $activeElement = document.activeElement\n    const $menuItems = Array.from(this.$items)\n\n    return (\n      ($activeElement instanceof HTMLAnchorElement ||\n        $activeElement instanceof HTMLButtonElement) &&\n      $menuItems.indexOf($activeElement)\n    )\n  }\n\n  /**\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  handleKeyDown(event) {\n    if (event.target === this.$menuToggle) {\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault()\n          this.openMenu()\n          break\n        case 'ArrowUp':\n          event.preventDefault()\n          this.openMenu(this.$items.length - 1)\n          break\n      }\n    }\n\n    if (\n      event.target instanceof Node &&\n      this.$menu.contains(event.target) &&\n      this.isOpen()\n    ) {\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault()\n          if (this.currentFocusIndex() !== -1) {\n            this.focusItem(this.currentFocusIndex() + 1)\n          }\n          break\n        case 'ArrowUp':\n          event.preventDefault()\n          if (this.currentFocusIndex() !== -1) {\n            this.focusItem(this.currentFocusIndex() - 1)\n          }\n          break\n        case 'Home':\n          event.preventDefault()\n          this.focusItem(0)\n          break\n        case 'End':\n          event.preventDefault()\n          this.focusItem(this.$items.length - 1)\n          break\n      }\n    }\n\n    if (event.key === 'Escape' && this.isOpen()) {\n      this.closeMenu()\n    }\n    if (event.key === 'Tab' && this.isOpen()) {\n      this.closeMenu(false)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'moj-button-menu'\n\n  /**\n   * Button menu config\n   *\n   * @type {ButtonMenuConfig}\n   */\n  static defaults = Object.freeze({\n    buttonText: 'Actions',\n    alignMenu: 'left',\n    buttonClasses: ''\n  })\n\n  /**\n   * Button menu config schema\n   *\n   * @type {Schema<ButtonMenuConfig>}\n   */\n  static schema = Object.freeze(\n    /** @type {const} */ ({\n      properties: {\n        buttonText: { type: 'string' },\n        buttonClasses: { type: 'string' },\n        alignMenu: { type: 'string' }\n      }\n    })\n  )\n}\n\n/**\n * @typedef {object} ButtonMenuConfig\n * @property {string} [buttonText='Actions'] - Label for the toggle button\n * @property {\"left\" | \"right\"} [alignMenu='left'] - the alignment of the menu\n * @property {string} [buttonClasses='govuk-button--secondary'] - css classes applied to the toggle button\n */\n\n/**\n * @import { Schema } from 'govuk-frontend/dist/govuk/common/configuration.mjs'\n */\n"],"names":["ButtonMenu","ConfigurableComponent","constructor","$root","config","children","length","$button","classList","forEach","className","startsWith","remove","add","buttonClasses","split","initMenu","$menu","createMenu","insertAdjacentHTML","toggleTemplate","setupMenuItems","$menuToggle","querySelector","$items","querySelectorAll","addEventListener","event","toggleMenu","handleKeyDown","document","target","Node","contains","closeMenu","createElement","setAttribute","hidden","alignMenu","appendChild","firstChild","Array","from","$menuItem","$listItem","insertBefore","tagName","setTimeout","buttonText","isOpen","getAttribute","preventDefault","keyboardEvent","detail","focusIndex","openMenu","focusItem","moveFocus","focus","index","item","currentFocusIndex","$activeElement","activeElement","$menuItems","HTMLAnchorElement","HTMLButtonElement","indexOf","key","moduleName","defaults","Object","freeze","schema","properties","type"],"mappings":"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"}