govuk_publishing_components 35.3.3 → 35.3.5

data/node_modules/govuk-frontend/govuk-esm/components/radios/radios.mjs

@@ -1,19 +1,31 @@
-/* eslint-disable es-x/no-function-prototype-bind -- Polyfill imported */
+import { nodeListForEach } from '../../common/index.mjs';
+import '../../vendor/polyfills/Element/prototype/classList.mjs';
+import '../../vendor/polyfills/Event.mjs';
+import '../../vendor/polyfills/Function/prototype/bind.mjs';
 
-import { nodeListForEach } from '../../common/index.mjs'
-import '../../vendor/polyfills/Element/prototype/classList.mjs'
-import '../../vendor/polyfills/Event.mjs' // addEventListener, event.target normalization and DOMContentLoaded
-import '../../vendor/polyfills/Function/prototype/bind.mjs'
+/* eslint-disable es-x/no-function-prototype-bind -- Polyfill imported */
 
 /**
  * Radios component
  *
  * @class
- * @param {HTMLElement} $module - HTML element to use for radios
+ * @param {Element} $module - HTML element to use for radios
  */
 function Radios ($module) {
-  this.$module = $module
-  this.$inputs = $module.querySelectorAll('input[type="radio"]')
+  if (!($module instanceof HTMLElement)) {
+    return this
+  }
+
+  var $inputs = $module.querySelectorAll('input[type="radio"]');
+  if (!$inputs.length) {
+    return this
+  }
+
+  /** @deprecated Will be made private in v5.0 */
+  this.$module = $module;
+
+  /** @deprecated Will be made private in v5.0 */
+  this.$inputs = $inputs;
 }
 
 /**
@@ -31,11 +43,16 @@ function Radios ($module) {
  * the reveal in sync with the radio state.
  */
 Radios.prototype.init = function () {
-  var $module = this.$module
-  var $inputs = this.$inputs
+  // Check that required elements are present
+  if (!this.$module || !this.$inputs) {
+    return
+  }
+
+  var $module = this.$module;
+  var $inputs = this.$inputs;
 
   nodeListForEach($inputs, function ($input) {
-    var targetId = $input.getAttribute('data-aria-controls')
+    var targetId = $input.getAttribute('data-aria-controls');
 
     // Skip radios without data-aria-controls attributes, or where the
     // target element does not exist.
@@ -45,35 +62,36 @@ Radios.prototype.init = function () {
 
     // Promote the data-aria-controls attribute to a aria-controls attribute
     // so that the relationship is exposed in the AOM
-    $input.setAttribute('aria-controls', targetId)
-    $input.removeAttribute('data-aria-controls')
-  })
+    $input.setAttribute('aria-controls', targetId);
+    $input.removeAttribute('data-aria-controls');
+  });
 
   // When the page is restored after navigating 'back' in some browsers the
   // state of form controls is not restored until *after* the DOMContentLoaded
   // event is fired, so we need to sync after the pageshow event in browsers
   // that support it.
-  if ('onpageshow' in window) {
-    window.addEventListener('pageshow', this.syncAllConditionalReveals.bind(this))
-  } else {
-    window.addEventListener('DOMContentLoaded', this.syncAllConditionalReveals.bind(this))
-  }
+  window.addEventListener(
+    'onpageshow' in window ? 'pageshow' : 'DOMContentLoaded',
+    this.syncAllConditionalReveals.bind(this)
+  );
 
   // Although we've set up handlers to sync state on the pageshow or
   // DOMContentLoaded event, init could be called after those events have fired,
   // for example if they are added to the page dynamically, so sync now too.
-  this.syncAllConditionalReveals()
+  this.syncAllConditionalReveals();
 
   // Handle events
-  $module.addEventListener('click', this.handleClick.bind(this))
-}
+  $module.addEventListener('click', this.handleClick.bind(this));
+};
 
 /**
  * Sync the conditional reveal states for all radio buttons in this $module.
+ *
+ * @deprecated Will be made private in v5.0
  */
 Radios.prototype.syncAllConditionalReveals = function () {
-  nodeListForEach(this.$inputs, this.syncConditionalRevealWithInputState.bind(this))
-}
+  nodeListForEach(this.$inputs, this.syncConditionalRevealWithInputState.bind(this));
+};
 
 /**
  * Sync conditional reveal with the input state
@@ -81,18 +99,23 @@ Radios.prototype.syncAllConditionalReveals = function () {
  * Synchronise the visibility of the conditional reveal, and its accessible
  * state, with the input's checked state.
  *
+ * @deprecated Will be made private in v5.0
  * @param {HTMLInputElement} $input - Radio input
  */
 Radios.prototype.syncConditionalRevealWithInputState = function ($input) {
-  var $target = document.getElementById($input.getAttribute('aria-controls'))
+  var targetId = $input.getAttribute('aria-controls');
+  if (!targetId) {
+    return
+  }
 
+  var $target = document.getElementById(targetId);
   if ($target && $target.classList.contains('govuk-radios__conditional')) {
-    var inputIsChecked = $input.checked
+    var inputIsChecked = $input.checked;
 
-    $input.setAttribute('aria-expanded', inputIsChecked)
-    $target.classList.toggle('govuk-radios__conditional--hidden', !inputIsChecked)
+    $input.setAttribute('aria-expanded', inputIsChecked.toString());
+    $target.classList.toggle('govuk-radios__conditional--hidden', !inputIsChecked);
   }
-}
+};
 
 /**
  * Click event handler
@@ -102,28 +125,34 @@ Radios.prototype.syncConditionalRevealWithInputState = function ($input) {
  * with the same name (because checking one radio could have un-checked a radio
  * in another $module)
  *
+ * @deprecated Will be made private in v5.0
  * @param {MouseEvent} event - Click event
  */
 Radios.prototype.handleClick = function (event) {
-  var $clickedInput = event.target
+  var $component = this;
+  var $clickedInput = event.target;
 
   // Ignore clicks on things that aren't radio buttons
-  if ($clickedInput.type !== 'radio') {
+  if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'radio') {
     return
   }
 
   // We only need to consider radios with conditional reveals, which will have
   // aria-controls attributes.
-  var $allInputs = document.querySelectorAll('input[type="radio"][aria-controls]')
+  var $allInputs = document.querySelectorAll('input[type="radio"][aria-controls]');
+
+  var $clickedInputForm = $clickedInput.form;
+  var $clickedInputName = $clickedInput.name;
 
   nodeListForEach($allInputs, function ($input) {
-    var hasSameFormOwner = ($input.form === $clickedInput.form)
-    var hasSameName = ($input.name === $clickedInput.name)
+    var hasSameFormOwner = $input.form === $clickedInputForm;
+    var hasSameName = $input.name === $clickedInputName;
 
     if (hasSameName && hasSameFormOwner) {
-      this.syncConditionalRevealWithInputState($input)
+      $component.syncConditionalRevealWithInputState($input);
     }
-  }.bind(this))
-}
+  });
+};
 
-export default Radios
+export default Radios;
+//# sourceMappingURL=components/radios/radios.mjs.map

data/node_modules/govuk-frontend/govuk-esm/components/radios/radios.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radios.mjs","sources":["../../../../src/govuk/components/radios/radios.mjs"],"sourcesContent":["/* eslint-disable es-x/no-function-prototype-bind -- Polyfill imported */\n\nimport { nodeListForEach } from '../../common/index.mjs'\nimport '../../vendor/polyfills/Element/prototype/classList.mjs'\nimport '../../vendor/polyfills/Event.mjs' // addEventListener, event.target normalization and DOMContentLoaded\nimport '../../vendor/polyfills/Function/prototype/bind.mjs'\n\n/**\n * Radios component\n *\n * @class\n * @param {Element} $module - HTML element to use for radios\n */\nfunction Radios ($module) {\n  if (!($module instanceof HTMLElement)) {\n    return this\n  }\n\n  var $inputs = $module.querySelectorAll('input[type=\"radio\"]')\n  if (!$inputs.length) {\n    return this\n  }\n\n  /** @deprecated Will be made private in v5.0 */\n  this.$module = $module\n\n  /** @deprecated Will be made private in v5.0 */\n  this.$inputs = $inputs\n}\n\n/**\n * Initialise component\n *\n * Radios can be associated with a 'conditionally revealed' content block – for\n * example, a radio for 'Phone' could reveal an additional form field for the\n * user to enter their phone number.\n *\n * These associations are made using a `data-aria-controls` attribute, which is\n * promoted to an aria-controls attribute during initialisation.\n *\n * We also need to restore the state of any conditional reveals on the page (for\n * example if the user has navigated back), and set up event handlers to keep\n * the reveal in sync with the radio state.\n */\nRadios.prototype.init = function () {\n  // Check that required elements are present\n  if (!this.$module || !this.$inputs) {\n    return\n  }\n\n  var $module = this.$module\n  var $inputs = this.$inputs\n\n  nodeListForEach($inputs, function ($input) {\n    var targetId = $input.getAttribute('data-aria-controls')\n\n    // Skip radios without data-aria-controls attributes, or where the\n    // target element does not exist.\n    if (!targetId || !document.getElementById(targetId)) {\n      return\n    }\n\n    // Promote the data-aria-controls attribute to a aria-controls attribute\n    // so that the relationship is exposed in the AOM\n    $input.setAttribute('aria-controls', targetId)\n    $input.removeAttribute('data-aria-controls')\n  })\n\n  // When the page is restored after navigating 'back' in some browsers the\n  // state of form controls is not restored until *after* the DOMContentLoaded\n  // event is fired, so we need to sync after the pageshow event in browsers\n  // that support it.\n  window.addEventListener(\n    'onpageshow' in window ? 'pageshow' : 'DOMContentLoaded',\n    this.syncAllConditionalReveals.bind(this)\n  )\n\n  // Although we've set up handlers to sync state on the pageshow or\n  // DOMContentLoaded event, init could be called after those events have fired,\n  // for example if they are added to the page dynamically, so sync now too.\n  this.syncAllConditionalReveals()\n\n  // Handle events\n  $module.addEventListener('click', this.handleClick.bind(this))\n}\n\n/**\n * Sync the conditional reveal states for all radio buttons in this $module.\n *\n * @deprecated Will be made private in v5.0\n */\nRadios.prototype.syncAllConditionalReveals = function () {\n  nodeListForEach(this.$inputs, this.syncConditionalRevealWithInputState.bind(this))\n}\n\n/**\n * Sync conditional reveal with the input state\n *\n * Synchronise the visibility of the conditional reveal, and its accessible\n * state, with the input's checked state.\n *\n * @deprecated Will be made private in v5.0\n * @param {HTMLInputElement} $input - Radio input\n */\nRadios.prototype.syncConditionalRevealWithInputState = function ($input) {\n  var targetId = $input.getAttribute('aria-controls')\n  if (!targetId) {\n    return\n  }\n\n  var $target = document.getElementById(targetId)\n  if ($target && $target.classList.contains('govuk-radios__conditional')) {\n    var inputIsChecked = $input.checked\n\n    $input.setAttribute('aria-expanded', inputIsChecked.toString())\n    $target.classList.toggle('govuk-radios__conditional--hidden', !inputIsChecked)\n  }\n}\n\n/**\n * Click event handler\n *\n * Handle a click within the $module – if the click occurred on a radio, sync\n * the state of the conditional reveal for all radio buttons in the same form\n * with the same name (because checking one radio could have un-checked a radio\n * in another $module)\n *\n * @deprecated Will be made private in v5.0\n * @param {MouseEvent} event - Click event\n */\nRadios.prototype.handleClick = function (event) {\n  var $component = this\n  var $clickedInput = event.target\n\n  // Ignore clicks on things that aren't radio buttons\n  if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'radio') {\n    return\n  }\n\n  // We only need to consider radios with conditional reveals, which will have\n  // aria-controls attributes.\n  var $allInputs = document.querySelectorAll('input[type=\"radio\"][aria-controls]')\n\n  var $clickedInputForm = $clickedInput.form\n  var $clickedInputName = $clickedInput.name\n\n  nodeListForEach($allInputs, function ($input) {\n    var hasSameFormOwner = $input.form === $clickedInputForm\n    var hasSameName = $input.name === $clickedInputName\n\n    if (hasSameName && hasSameFormOwner) {\n      $component.syncConditionalRevealWithInputState($input)\n    }\n  })\n}\n\nexport default Radios\n"],"names":[],"mappings":"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"}

data/node_modules/govuk-frontend/govuk-esm/components/skip-link/skip-link.mjs

@@ -1,86 +1,101 @@
-/* eslint-disable es-x/no-function-prototype-bind -- Polyfill imported */
+import '../../vendor/polyfills/Element/prototype/classList.mjs';
+import '../../vendor/polyfills/Event.mjs';
+import '../../vendor/polyfills/Function/prototype/bind.mjs';
 
-import '../../vendor/polyfills/Element/prototype/classList.mjs'
-import '../../vendor/polyfills/Event.mjs' // addEventListener, event.target normalization and DOMContentLoaded
-import '../../vendor/polyfills/Function/prototype/bind.mjs'
+/* eslint-disable es-x/no-function-prototype-bind -- Polyfill imported */
 
 /**
  * Skip link component
  *
  * @class
- * @param {HTMLElement} $module - HTML element to use for skip link
+ * @param {Element} $module - HTML element to use for skip link
  */
 function SkipLink ($module) {
-  this.$module = $module
-  this.$linkedElement = null
-  this.linkedElementListener = false
+  if (!($module instanceof HTMLAnchorElement)) {
+    return this
+  }
+
+  /** @deprecated Will be made private in v5.0 */
+  this.$module = $module;
+
+  /** @deprecated Will be made private in v5.0 */
+  this.$linkedElement = null;
+
+  /** @deprecated Will be made private in v5.0 */
+  this.linkedElementListener = false;
 }
 
 /**
  * Initialise component
  */
 SkipLink.prototype.init = function () {
-  // Check for module
+  // Check that required elements are present
   if (!this.$module) {
     return
   }
 
   // Check for linked element
-  this.$linkedElement = this.getLinkedElement()
-  if (!this.$linkedElement) {
+  var $linkedElement = this.getLinkedElement();
+  if (!$linkedElement) {
     return
   }
 
-  this.$module.addEventListener('click', this.focusLinkedElement.bind(this))
-}
+  this.$linkedElement = $linkedElement;
+  this.$module.addEventListener('click', this.focusLinkedElement.bind(this));
+};
 
 /**
  * Get linked element
  *
- * @returns {HTMLElement} $linkedElement - DOM element linked to from the skip link
+ * @deprecated Will be made private in v5.0
+ * @returns {HTMLElement | null} $linkedElement - DOM element linked to from the skip link
  */
 SkipLink.prototype.getLinkedElement = function () {
-  var linkedElementId = this.getFragmentFromUrl()
-
+  var linkedElementId = this.getFragmentFromUrl();
   if (!linkedElementId) {
-    return false
+    return null
   }
 
   return document.getElementById(linkedElementId)
-}
+};
 
 /**
  * Focus the linked element
  *
  * Set tabindex and helper CSS class. Set listener to remove them on blur.
+ *
+ * @deprecated Will be made private in v5.0
  */
 SkipLink.prototype.focusLinkedElement = function () {
-  var $linkedElement = this.$linkedElement
+  var $linkedElement = this.$linkedElement;
 
   if (!$linkedElement.getAttribute('tabindex')) {
     // Set the element tabindex to -1 so it can be focused with JavaScript.
-    $linkedElement.setAttribute('tabindex', '-1')
-    $linkedElement.classList.add('govuk-skip-link-focused-element')
+    $linkedElement.setAttribute('tabindex', '-1');
+    $linkedElement.classList.add('govuk-skip-link-focused-element');
 
     // Add listener for blur on the focused element (unless the listener has previously been added)
     if (!this.linkedElementListener) {
-      this.$linkedElement.addEventListener('blur', this.removeFocusProperties.bind(this))
-      this.linkedElementListener = true
+      this.$linkedElement.addEventListener('blur', this.removeFocusProperties.bind(this));
+      this.linkedElementListener = true;
     }
   }
-  $linkedElement.focus()
-}
+
+  $linkedElement.focus();
+};
 
 /**
  * Remove the tabindex that makes the linked element focusable because the element only needs to be
  * focusable until it has received programmatic focus and a screen reader has announced it.
  *
  * Remove the CSS class that removes the native focus styles.
+ *
+ * @deprecated Will be made private in v5.0
  */
 SkipLink.prototype.removeFocusProperties = function () {
-  this.$linkedElement.removeAttribute('tabindex')
-  this.$linkedElement.classList.remove('govuk-skip-link-focused-element')
-}
+  this.$linkedElement.removeAttribute('tabindex');
+  this.$linkedElement.classList.remove('govuk-skip-link-focused-element');
+};
 
 /**
  * Get fragment from URL
@@ -88,15 +103,17 @@ SkipLink.prototype.removeFocusProperties = function () {
  * Extract the fragment (everything after the hash symbol) from a URL, but not including
  * the symbol.
  *
- * @returns {string} Fragment from URL, without the hash symbol
+ * @deprecated Will be made private in v5.0
+ * @returns {string | undefined} Fragment from URL, without the hash symbol
  */
 SkipLink.prototype.getFragmentFromUrl = function () {
   // Bail if the anchor link doesn't have a hash
   if (!this.$module.hash) {
-    return false
+    return
   }
 
   return this.$module.hash.split('#').pop()
-}
+};
 
-export default SkipLink
+export default SkipLink;
+//# sourceMappingURL=components/skip-link/skip-link.mjs.map

data/node_modules/govuk-frontend/govuk-esm/components/skip-link/skip-link.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skip-link.mjs","sources":["../../../../src/govuk/components/skip-link/skip-link.mjs"],"sourcesContent":["/* eslint-disable es-x/no-function-prototype-bind -- Polyfill imported */\n\nimport '../../vendor/polyfills/Element/prototype/classList.mjs'\nimport '../../vendor/polyfills/Event.mjs' // addEventListener, event.target normalization and DOMContentLoaded\nimport '../../vendor/polyfills/Function/prototype/bind.mjs'\n\n/**\n * Skip link component\n *\n * @class\n * @param {Element} $module - HTML element to use for skip link\n */\nfunction SkipLink ($module) {\n  if (!($module instanceof HTMLAnchorElement)) {\n    return this\n  }\n\n  /** @deprecated Will be made private in v5.0 */\n  this.$module = $module\n\n  /** @deprecated Will be made private in v5.0 */\n  this.$linkedElement = null\n\n  /** @deprecated Will be made private in v5.0 */\n  this.linkedElementListener = false\n}\n\n/**\n * Initialise component\n */\nSkipLink.prototype.init = function () {\n  // Check that required elements are present\n  if (!this.$module) {\n    return\n  }\n\n  // Check for linked element\n  var $linkedElement = this.getLinkedElement()\n  if (!$linkedElement) {\n    return\n  }\n\n  this.$linkedElement = $linkedElement\n  this.$module.addEventListener('click', this.focusLinkedElement.bind(this))\n}\n\n/**\n * Get linked element\n *\n * @deprecated Will be made private in v5.0\n * @returns {HTMLElement | null} $linkedElement - DOM element linked to from the skip link\n */\nSkipLink.prototype.getLinkedElement = function () {\n  var linkedElementId = this.getFragmentFromUrl()\n  if (!linkedElementId) {\n    return null\n  }\n\n  return document.getElementById(linkedElementId)\n}\n\n/**\n * Focus the linked element\n *\n * Set tabindex and helper CSS class. Set listener to remove them on blur.\n *\n * @deprecated Will be made private in v5.0\n */\nSkipLink.prototype.focusLinkedElement = function () {\n  var $linkedElement = this.$linkedElement\n\n  if (!$linkedElement.getAttribute('tabindex')) {\n    // Set the element tabindex to -1 so it can be focused with JavaScript.\n    $linkedElement.setAttribute('tabindex', '-1')\n    $linkedElement.classList.add('govuk-skip-link-focused-element')\n\n    // Add listener for blur on the focused element (unless the listener has previously been added)\n    if (!this.linkedElementListener) {\n      this.$linkedElement.addEventListener('blur', this.removeFocusProperties.bind(this))\n      this.linkedElementListener = true\n    }\n  }\n\n  $linkedElement.focus()\n}\n\n/**\n * Remove the tabindex that makes the linked element focusable because the element only needs to be\n * focusable until it has received programmatic focus and a screen reader has announced it.\n *\n * Remove the CSS class that removes the native focus styles.\n *\n * @deprecated Will be made private in v5.0\n */\nSkipLink.prototype.removeFocusProperties = function () {\n  this.$linkedElement.removeAttribute('tabindex')\n  this.$linkedElement.classList.remove('govuk-skip-link-focused-element')\n}\n\n/**\n * Get fragment from URL\n *\n * Extract the fragment (everything after the hash symbol) from a URL, but not including\n * the symbol.\n *\n * @deprecated Will be made private in v5.0\n * @returns {string | undefined} Fragment from URL, without the hash symbol\n */\nSkipLink.prototype.getFragmentFromUrl = function () {\n  // Bail if the anchor link doesn't have a hash\n  if (!this.$module.hash) {\n    return\n  }\n\n  return this.$module.hash.split('#').pop()\n}\n\nexport default SkipLink\n"],"names":[],"mappings":";;;;AAAA;AACA,AAIA;;;;;;;AAOA,SAAS,QAAQ,EAAE,OAAO,EAAE;EAC1B,IAAI,EAAE,OAAO,YAAY,iBAAiB,CAAC,EAAE;IAC3C,OAAO,IAAI;GACZ;;;EAGD,IAAI,CAAC,OAAO,GAAG,QAAO;;;EAGtB,IAAI,CAAC,cAAc,GAAG,KAAI;;;EAG1B,IAAI,CAAC,qBAAqB,GAAG,MAAK;CACnC;;;;;AAKD,QAAQ,CAAC,SAAS,CAAC,IAAI,GAAG,YAAY;;EAEpC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;IACjB,MAAM;GACP;;;EAGD,IAAI,cAAc,GAAG,IAAI,CAAC,gBAAgB,GAAE;EAC5C,IAAI,CAAC,cAAc,EAAE;IACnB,MAAM;GACP;;EAED,IAAI,CAAC,cAAc,GAAG,eAAc;EACpC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAC;EAC3E;;;;;;;;AAQD,QAAQ,CAAC,SAAS,CAAC,gBAAgB,GAAG,YAAY;EAChD,IAAI,eAAe,GAAG,IAAI,CAAC,kBAAkB,GAAE;EAC/C,IAAI,CAAC,eAAe,EAAE;IACpB,OAAO,IAAI;GACZ;;EAED,OAAO,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC;EAChD;;;;;;;;;AASD,QAAQ,CAAC,SAAS,CAAC,kBAAkB,GAAG,YAAY;EAClD,IAAI,cAAc,GAAG,IAAI,CAAC,eAAc;;EAExC,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;;IAE5C,cAAc,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,EAAC;IAC7C,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,iCAAiC,EAAC;;;IAG/D,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE;MAC/B,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,MAAM,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAC;MACnF,IAAI,CAAC,qBAAqB,GAAG,KAAI;KAClC;GACF;;EAED,cAAc,CAAC,KAAK,GAAE;EACvB;;;;;;;;;;AAUD,QAAQ,CAAC,SAAS,CAAC,qBAAqB,GAAG,YAAY;EACrD,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,UAAU,EAAC;EAC/C,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,MAAM,CAAC,iCAAiC,EAAC;EACxE;;;;;;;;;;;AAWD,QAAQ,CAAC,SAAS,CAAC,kBAAkB,GAAG,YAAY;;EAElD,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;IACtB,MAAM;GACP;;EAED,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE;CAC1C;;;;"}