defra_ruby_template 5.4.0 → 5.11.0

data/node_modules/govuk-frontend/dist/govuk/common/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/govuk/common/index.mjs"],"sourcesContent":["import { normaliseString } from './normalise-string.mjs'\n\n/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @internal\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nexport function mergeConfigs(...configObjects) {\n  // Start with an empty object as our base\n  /** @type {{ [key: string]: unknown }} */\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (isObject(option) && isObject(override)) {\n        // @ts-expect-error Index signature for type 'string' is missing\n        formattedConfigObject[key] = mergeConfigs(option, override)\n      } else {\n        // Apply override\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Extracts keys starting with a particular namespace from dataset ('data-*')\n * object, removing the namespace in the process, normalising all values\n *\n * @internal\n * @param {{ schema: Schema }} Component - Component class\n * @param {DOMStringMap} dataset - The object to extract key-value pairs from\n * @param {string} namespace - The namespace to filter keys with\n * @returns {ObjectNested | undefined} Nested object with dot-separated key namespace removed\n */\nexport function extractConfigByNamespace(Component, dataset, namespace) {\n  const property = Component.schema.properties[namespace]\n\n  // Only extract configs for object schema properties\n  if (property?.type !== 'object') {\n    return\n  }\n\n  // Add default empty config\n  const newObject = {\n    [namespace]: /** @type {ObjectNested} */ ({})\n  }\n\n  for (const [key, value] of Object.entries(dataset)) {\n    /** @type {ObjectNested | ObjectNested[NestedKey]} */\n    let current = newObject\n\n    // Split the key into parts, using . as our namespace separator\n    const keyParts = key.split('.')\n\n    /**\n     * Create new level per part\n     *\n     * e.g. 'i18n.textareaDescription.other' becomes\n     * `{ i18n: { textareaDescription: { other } } }`\n     */\n    for (const [index, name] of keyParts.entries()) {\n      if (typeof current === 'object') {\n        // Drop down to nested object until the last part\n        if (index < keyParts.length - 1) {\n          // New nested object (optionally) replaces existing value\n          if (!isObject(current[name])) {\n            current[name] = {}\n          }\n\n          // Drop down into new or existing nested object\n          current = current[name]\n        } else if (key !== namespace) {\n          // Normalised value (optionally) replaces existing value\n          current[name] = normaliseString(value)\n        }\n      }\n    }\n  }\n\n  return newObject[namespace]\n}\n\n/**\n * Get hash fragment from URL\n *\n * Extract the hash fragment (everything after the hash) from a URL,\n * but not including the hash symbol\n *\n * @private\n * @param {string} url - URL\n * @returns {string | undefined} Fragment from URL, without the hash\n */\nexport function getFragmentFromUrl(url) {\n  if (!url.includes('#')) {\n    return undefined\n  }\n\n  return url.split('#').pop()\n}\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-frontend-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @internal\n * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Validate component config by schema\n *\n * Follows limited examples in JSON schema for wider support in future\n *\n * {@link https://ajv.js.org/json-schema.html#compound-keywords}\n * {@link https://ajv.js.org/packages/ajv-errors.html#single-message}\n *\n * @internal\n * @param {Schema} schema - Config schema\n * @param {{ [key: string]: unknown }} config - Component config\n * @returns {string[]} List of validation errors\n */\nexport function validateConfig(schema, config) {\n  const validationErrors = []\n\n  // Check errors for each schema\n  for (const [name, conditions] of Object.entries(schema)) {\n    const errors = []\n\n    // Check errors for each schema condition\n    if (Array.isArray(conditions)) {\n      for (const { required, errorMessage } of conditions) {\n        if (!required.every((key) => !!config[key])) {\n          errors.push(errorMessage) // Missing config key value\n        }\n      }\n\n      // Check one condition passes or add errors\n      if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {\n        validationErrors.push(...errors)\n      }\n    }\n  }\n\n  return validationErrors\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an object\n */\nfunction isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Schema for component config\n *\n * @typedef {object} Schema\n * @property {{ [field: string]: SchemaProperty | undefined }} properties - Schema properties\n * @property {SchemaCondition[]} [anyOf] - List of schema conditions\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n\n/**\n * Schema condition for component config\n *\n * @typedef {object} SchemaCondition\n * @property {string[]} required - List of required config fields\n * @property {string} errorMessage - Error message when required config fields not provided\n */\n\n/**\n * @internal\n * @typedef {keyof ObjectNested} NestedKey\n * @typedef {{ [key: string]: string | boolean | number | ObjectNested | undefined }} ObjectNested\n */\n"],"names":["mergeConfigs","configObjects","formattedConfigObject","configObject","key","Object","keys","option","override","isObject","extractConfigByNamespace","Component","dataset","namespace","property","schema","properties","type","newObject","value","entries","current","keyParts","split","index","name","length","normaliseString","getFragmentFromUrl","url","includes","undefined","pop","getBreakpoint","window","getComputedStyle","document","documentElement","getPropertyValue","setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isSupported","$scope","body","classList","contains","validateConfig","config","validationErrors","conditions","errors","Array","isArray","required","errorMessage","every","push"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/govuk/common/index.mjs"],"sourcesContent":["/**\n * Common helpers which do not require polyfill.\n *\n * IMPORTANT: If a helper require a polyfill, please isolate it in its own module\n * so that the polyfill can be properly tree-shaken and does not burden\n * the components that do not need that helper\n */\n\n/**\n * Get hash fragment from URL\n *\n * Extract the hash fragment (everything after the hash) from a URL,\n * but not including the hash symbol\n *\n * @private\n * @param {string} url - URL\n * @returns {string | undefined} Fragment from URL, without the hash\n */\nexport function getFragmentFromUrl(url) {\n  if (!url.includes('#')) {\n    return undefined\n  }\n\n  return url.split('#').pop()\n}\n\n/**\n * Get GOV.UK Frontend breakpoint value from CSS custom property\n *\n * @private\n * @param {string} name - Breakpoint name\n * @returns {{ property: string, value?: string }} Breakpoint object\n */\nexport function getBreakpoint(name) {\n  const property = `--govuk-frontend-breakpoint-${name}`\n\n  // Get value from `<html>` with breakpoints on CSS :root\n  const value = window\n    .getComputedStyle(document.documentElement)\n    .getPropertyValue(property)\n\n  return {\n    property,\n    value: value || undefined\n  }\n}\n\n/**\n * Move focus to element\n *\n * Sets tabindex to -1 to make the element programmatically focusable,\n * but removes it on blur as the element doesn't need to be focused again.\n *\n * @private\n * @template {HTMLElement} FocusElement\n * @param {FocusElement} $element - HTML element\n * @param {object} [options] - Handler options\n * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus\n * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur\n */\nexport function setFocus($element, options = {}) {\n  const isFocusable = $element.getAttribute('tabindex')\n\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1')\n  }\n\n  /**\n   * Handle element focus\n   */\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, { once: true })\n  }\n\n  /**\n   * Handle element blur\n   */\n  function onBlur() {\n    options.onBlur?.call($element)\n\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex')\n    }\n  }\n\n  // Add listener to reset element on blur, after focus\n  $element.addEventListener('focus', onFocus, { once: true })\n\n  // Focus element\n  options.onBeforeFocus?.call($element)\n  $element.focus()\n}\n\n/**\n * Checks if component is already initialised\n *\n * @internal\n * @param {Element} $root - HTML element to be checked\n * @param {string} moduleName - name of component module\n * @returns {boolean} Whether component is already initialised\n */\nexport function isInitialised($root, moduleName) {\n  return (\n    $root instanceof HTMLElement &&\n    $root.hasAttribute(`data-${moduleName}-init`)\n  )\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nexport function isSupported($scope = document.body) {\n  if (!$scope) {\n    return false\n  }\n\n  return $scope.classList.contains('govuk-frontend-supported')\n}\n\n/**\n * Check for an array\n *\n * @internal\n * @param {unknown} option - Option to check\n * @returns {boolean} Whether the option is an array\n */\nfunction isArray(option) {\n  return Array.isArray(option)\n}\n\n/**\n * Check for an object\n *\n * @internal\n * @template {Partial<Record<keyof ObjectType, unknown>>} [ObjectType=ObjectNested]\n * @param {unknown | ObjectType} option - Option to check\n * @returns {option is ObjectType} Whether the option is an object\n */\nexport function isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option)\n}\n\n/**\n * Format error message\n *\n * @internal\n * @param {ComponentWithModuleName} Component - Component that threw the error\n * @param {string} message - Error message\n * @returns {string} - Formatted error message\n */\nexport function formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`\n}\n\n/* eslint-disable jsdoc/valid-types --\n * `{new(...args: any[] ): object}` is not recognised as valid\n * https://github.com/gajus/eslint-plugin-jsdoc/issues/145#issuecomment-1308722878\n * https://github.com/jsdoc-type-pratt-parser/jsdoc-type-pratt-parser/issues/131\n **/\n\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n\n/* eslint-enable jsdoc/valid-types */\n\n/**\n * @import { ObjectNested } from './configuration.mjs'\n */\n"],"names":["getFragmentFromUrl","url","includes","undefined","split","pop","getBreakpoint","name","property","value","window","getComputedStyle","document","documentElement","getPropertyValue","setFocus","$element","options","_options$onBeforeFocu","isFocusable","getAttribute","setAttribute","onFocus","addEventListener","onBlur","once","_options$onBlur","call","removeAttribute","onBeforeFocus","focus","isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","body","classList","contains","isArray","option","Array","isObject","formatErrorMessage","Component","message"],"mappings":"AAkBO,SAASA,kBAAkBA,CAACC,GAAG,EAAE;AACtC,EAAA,IAAI,CAACA,GAAG,CAACC,QAAQ,CAAC,GAAG,CAAC,EAAE;AACtB,IAAA,OAAOC,SAAS;AAClB;EAEA,OAAOF,GAAG,CAACG,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,EAAE;AAC7B;AASO,SAASC,aAAaA,CAACC,IAAI,EAAE;AAClC,EAAA,MAAMC,QAAQ,GAAG,CAA+BD,4BAAAA,EAAAA,IAAI,CAAE,CAAA;AAGtD,EAAA,MAAME,KAAK,GAAGC,MAAM,CACjBC,gBAAgB,CAACC,QAAQ,CAACC,eAAe,CAAC,CAC1CC,gBAAgB,CAACN,QAAQ,CAAC;EAE7B,OAAO;IACLA,QAAQ;IACRC,KAAK,EAAEA,KAAK,IAAIN;GACjB;AACH;AAeO,SAASY,QAAQA,CAACC,QAAQ,EAAEC,OAAO,GAAG,EAAE,EAAE;AAAA,EAAA,IAAAC,qBAAA;AAC/C,EAAA,MAAMC,WAAW,GAAGH,QAAQ,CAACI,YAAY,CAAC,UAAU,CAAC;EAErD,IAAI,CAACD,WAAW,EAAE;AAChBH,IAAAA,QAAQ,CAACK,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC;AACzC;EAKA,SAASC,OAAOA,GAAG;AACjBN,IAAAA,QAAQ,CAACO,gBAAgB,CAAC,MAAM,EAAEC,MAAM,EAAE;AAAEC,MAAAA,IAAI,EAAE;AAAK,KAAC,CAAC;AAC3D;EAKA,SAASD,MAAMA,GAAG;AAAA,IAAA,IAAAE,eAAA;IAChB,CAAAA,eAAA,GAAAT,OAAO,CAACO,MAAM,KAAdE,IAAAA,IAAAA,eAAA,CAAgBC,IAAI,CAACX,QAAQ,CAAC;IAE9B,IAAI,CAACG,WAAW,EAAE;AAChBH,MAAAA,QAAQ,CAACY,eAAe,CAAC,UAAU,CAAC;AACtC;AACF;AAGAZ,EAAAA,QAAQ,CAACO,gBAAgB,CAAC,OAAO,EAAED,OAAO,EAAE;AAAEG,IAAAA,IAAI,EAAE;AAAK,GAAC,CAAC;EAG3D,CAAAP,qBAAA,GAAAD,OAAO,CAACY,aAAa,KAArBX,IAAAA,IAAAA,qBAAA,CAAuBS,IAAI,CAACX,QAAQ,CAAC;EACrCA,QAAQ,CAACc,KAAK,EAAE;AAClB;AAUO,SAASC,aAAaA,CAACC,KAAK,EAAEC,UAAU,EAAE;EAC/C,OACED,KAAK,YAAYE,WAAW,IAC5BF,KAAK,CAACG,YAAY,CAAC,CAAA,KAAA,EAAQF,UAAU,CAAA,KAAA,CAAO,CAAC;AAEjD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,WAAWA,CAACC,MAAM,GAAGzB,QAAQ,CAAC0B,IAAI,EAAE;EAClD,IAAI,CAACD,MAAM,EAAE;AACX,IAAA,OAAO,KAAK;AACd;AAEA,EAAA,OAAOA,MAAM,CAACE,SAAS,CAACC,QAAQ,CAAC,0BAA0B,CAAC;AAC9D;AASA,SAASC,OAAOA,CAACC,MAAM,EAAE;AACvB,EAAA,OAAOC,KAAK,CAACF,OAAO,CAACC,MAAM,CAAC;AAC9B;AAUO,SAASE,QAAQA,CAACF,MAAM,EAAE;AAC/B,EAAA,OAAO,CAAC,CAACA,MAAM,IAAI,OAAOA,MAAM,KAAK,QAAQ,IAAI,CAACD,OAAO,CAACC,MAAM,CAAC;AACnE;AAUO,SAASG,kBAAkBA,CAACC,SAAS,EAAEC,OAAO,EAAE;AACrD,EAAA,OAAO,GAAGD,SAAS,CAACb,UAAU,CAAA,EAAA,EAAKc,OAAO,CAAE,CAAA;AAC9C;AAQA;AACA;AACA;AACA;AAIA;AACA;AACA;;;;"}

data/node_modules/govuk-frontend/dist/govuk/component.mjs

@@ -0,0 +1,60 @@
+import { isInitialised, isSupported } from './common/index.mjs';
+import { InitError, ElementError, SupportError } from './errors/index.mjs';
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+export { Component };
+//# sourceMappingURL=component.mjs.map

data/node_modules/govuk-frontend/dist/govuk/component.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.mjs","sources":["../../src/govuk/component.mjs"],"sourcesContent":["import { isInitialised, isSupported } from './common/index.mjs'\nimport { ElementError, InitError, SupportError } from './errors/index.mjs'\n\n/**\n * Base Component class\n *\n * Centralises the behaviours shared by our components\n *\n * @virtual\n * @template {Element} [RootElementType=HTMLElement]\n */\nexport class Component {\n  /**\n   * @type {typeof Element}\n   */\n  static elementType = HTMLElement\n\n  // allows Typescript user to work around the lack of types\n  // in GOVUKFrontend package, Typescript is not aware of $root\n  // in components that extend GOVUKFrontendComponent\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root\n  }\n\n  /**\n   * @protected\n   * @type {RootElementType}\n   */\n  _$root\n\n  /**\n   * Constructs a new component, validating that GOV.UK Frontend is supported\n   *\n   * @internal\n   * @param {Element | null} [$root] - HTML element to use for component\n   */\n  constructor($root) {\n    const childConstructor = /** @type {ChildClassConstructor} */ (\n      this.constructor\n    )\n\n    // TypeScript does not enforce that inheriting classes will define a `moduleName`\n    // (even if we add a `@virtual` `static moduleName` property to this class).\n    // While we trust users to do this correctly, we do a little check to provide them\n    // a helpful error message.\n    //\n    // After this, we'll be sure that `childConstructor` has a `moduleName`\n    // as expected of the `ChildClassConstructor` we've cast `this.constructor` to.\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`)\n    }\n\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      })\n    } else {\n      this._$root = /** @type {RootElementType} */ ($root)\n    }\n\n    childConstructor.checkSupport()\n\n    this.checkInitialised()\n\n    const moduleName = childConstructor.moduleName\n\n    this.$root.setAttribute(`data-${moduleName}-init`, '')\n  }\n\n  /**\n   * Validates whether component is already initialised\n   *\n   * @private\n   * @throws {InitError} when component is already initialised\n   */\n  checkInitialised() {\n    const constructor = /** @type {ChildClassConstructor} */ (this.constructor)\n    const moduleName = constructor.moduleName\n\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor)\n    }\n  }\n\n  /**\n   * Validates whether components are supported\n   *\n   * @throws {SupportError} when the components are not supported\n   */\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError()\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\n"],"names":["Component","$root","_$root","constructor","childConstructor","moduleName","InitError","elementType","ElementError","element","component","identifier","expectedType","name","checkSupport","checkInitialised","setAttribute","isInitialised","isSupported","SupportError","HTMLElement"],"mappings":";;;AAWO,MAAMA,SAAS,CAAC;AASrB;AACF;AACA;AACA;AACA;AACA;EACE,IAAIC,KAAKA,GAAG;IACV,OAAO,IAAI,CAACC,MAAM;AACpB;EAcAC,WAAWA,CAACF,KAAK,EAAE;AAAA,IAAA,IAAA,CARnBC,MAAM,GAAA,MAAA;AASJ,IAAA,MAAME,gBAAgB,GACpB,IAAI,CAACD,WACN;AASD,IAAA,IAAI,OAAOC,gBAAgB,CAACC,UAAU,KAAK,QAAQ,EAAE;AACnD,MAAA,MAAM,IAAIC,SAAS,CAAC,CAAA,uCAAA,CAAyC,CAAC;AAChE;AAEA,IAAA,IAAI,EAAEL,KAAK,YAAYG,gBAAgB,CAACG,WAAW,CAAC,EAAE;MACpD,MAAM,IAAIC,YAAY,CAAC;AACrBC,QAAAA,OAAO,EAAER,KAAK;AACdS,QAAAA,SAAS,EAAEN,gBAAgB;AAC3BO,QAAAA,UAAU,EAAE,wBAAwB;AACpCC,QAAAA,YAAY,EAAER,gBAAgB,CAACG,WAAW,CAACM;AAC7C,OAAC,CAAC;AACJ,KAAC,MAAM;MACL,IAAI,CAACX,MAAM,GAAmCD,KAAM;AACtD;IAEAG,gBAAgB,CAACU,YAAY,EAAE;IAE/B,IAAI,CAACC,gBAAgB,EAAE;AAEvB,IAAA,MAAMV,UAAU,GAAGD,gBAAgB,CAACC,UAAU;IAE9C,IAAI,CAACJ,KAAK,CAACe,YAAY,CAAC,QAAQX,UAAU,CAAA,KAAA,CAAO,EAAE,EAAE,CAAC;AACxD;AAQAU,EAAAA,gBAAgBA,GAAG;AACjB,IAAA,MAAMZ,WAAW,GAAyC,IAAI,CAACA,WAAY;AAC3E,IAAA,MAAME,UAAU,GAAGF,WAAW,CAACE,UAAU;IAEzC,IAAIA,UAAU,IAAIY,aAAa,CAAC,IAAI,CAAChB,KAAK,EAAEI,UAAU,CAAC,EAAE;AACvD,MAAA,MAAM,IAAIC,SAAS,CAACH,WAAW,CAAC;AAClC;AACF;EAOA,OAAOW,YAAYA,GAAG;AACpB,IAAA,IAAI,CAACI,WAAW,EAAE,EAAE;MAClB,MAAM,IAAIC,YAAY,EAAE;AAC1B;AACF;AACF;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AArGanB,SAAS,CAIbO,WAAW,GAAGa,WAAW;;;;"}

data/node_modules/govuk-frontend/dist/govuk/components/_index.scss

@@ -27,6 +27,7 @@
 @import "phase-banner/index";
 @import "radios/index";
 @import "select/index";
+@import "service-navigation/index";
 @import "skip-link/index";
 @import "summary-list/index";
 @import "table/index";

data/node_modules/govuk-frontend/dist/govuk/components/_index.scss.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/govuk/components/_index.scss"],"names":[],"mappings":"AAAA,iBAAiB;;AAEjB,yBAAyB;AACzB,yBAAyB;AACzB,2BAA2B;AAC3B,sBAAsB;AACtB,+BAA+B;AAC/B,0BAA0B;AAC1B,6BAA6B;AAC7B,0BAA0B;AAC1B,uBAAuB;AACvB,6BAA6B;AAC7B,6BAA6B;AAC7B,8BAA8B;AAC9B,wBAAwB;AACxB,2BAA2B;AAC3B,sBAAsB;AACtB,sBAAsB;AACtB,oBAAoB;AACpB,qBAAqB;AACrB,0BAA0B;AAC1B,qBAAqB;AACrB,mCAAmC;AACnC,0BAA0B;AAC1B,qBAAqB;AACrB,8BAA8B;AAC9B,4BAA4B;AAC5B,sBAAsB;AACtB,sBAAsB;AACtB,yBAAyB;AACzB,4BAA4B;AAC5B,qBAAqB;AACrB,oBAAoB;AACpB,mBAAmB;AACnB,yBAAyB;AACzB,wBAAwB;AACxB,4BAA4B","file":"_index.scss","sourcesContent":["@import \"../base\";\n\n@import \"accordion/index\";\n@import \"back-link/index\";\n@import \"breadcrumbs/index\";\n@import \"button/index\";\n@import \"character-count/index\";\n@import \"checkboxes/index\";\n@import \"cookie-banner/index\";\n@import \"date-input/index\";\n@import \"details/index\";\n@import \"error-message/index\";\n@import \"error-summary/index\";\n@import \"exit-this-page/index\";\n@import \"fieldset/index\";\n@import \"file-upload/index\";\n@import \"footer/index\";\n@import \"header/index\";\n@import \"hint/index\";\n@import \"input/index\";\n@import \"inset-text/index\";\n@import \"label/index\";\n@import \"notification-banner/index\";\n@import \"pagination/index\";\n@import \"panel/index\";\n@import \"password-input/index\";\n@import \"phase-banner/index\";\n@import \"radios/index\";\n@import \"select/index\";\n@import \"skip-link/index\";\n@import \"summary-list/index\";\n@import \"table/index\";\n@import \"tabs/index\";\n@import \"tag/index\";\n@import \"task-list/index\";\n@import \"textarea/index\";\n@import \"warning-text/index\";\n"]}
+{"version":3,"sources":["../../../src/govuk/components/_index.scss"],"names":[],"mappings":"AAAA,iBAAiB;;AAEjB,yBAAyB;AACzB,yBAAyB;AACzB,2BAA2B;AAC3B,sBAAsB;AACtB,+BAA+B;AAC/B,0BAA0B;AAC1B,6BAA6B;AAC7B,0BAA0B;AAC1B,uBAAuB;AACvB,6BAA6B;AAC7B,6BAA6B;AAC7B,8BAA8B;AAC9B,wBAAwB;AACxB,2BAA2B;AAC3B,sBAAsB;AACtB,sBAAsB;AACtB,oBAAoB;AACpB,qBAAqB;AACrB,0BAA0B;AAC1B,qBAAqB;AACrB,mCAAmC;AACnC,0BAA0B;AAC1B,qBAAqB;AACrB,8BAA8B;AAC9B,4BAA4B;AAC5B,sBAAsB;AACtB,sBAAsB;AACtB,kCAAkC;AAClC,yBAAyB;AACzB,4BAA4B;AAC5B,qBAAqB;AACrB,oBAAoB;AACpB,mBAAmB;AACnB,yBAAyB;AACzB,wBAAwB;AACxB,4BAA4B","file":"_index.scss","sourcesContent":["@import \"../base\";\n\n@import \"accordion/index\";\n@import \"back-link/index\";\n@import \"breadcrumbs/index\";\n@import \"button/index\";\n@import \"character-count/index\";\n@import \"checkboxes/index\";\n@import \"cookie-banner/index\";\n@import \"date-input/index\";\n@import \"details/index\";\n@import \"error-message/index\";\n@import \"error-summary/index\";\n@import \"exit-this-page/index\";\n@import \"fieldset/index\";\n@import \"file-upload/index\";\n@import \"footer/index\";\n@import \"header/index\";\n@import \"hint/index\";\n@import \"input/index\";\n@import \"inset-text/index\";\n@import \"label/index\";\n@import \"notification-banner/index\";\n@import \"pagination/index\";\n@import \"panel/index\";\n@import \"password-input/index\";\n@import \"phase-banner/index\";\n@import \"radios/index\";\n@import \"select/index\";\n@import \"service-navigation/index\";\n@import \"skip-link/index\";\n@import \"summary-list/index\";\n@import \"table/index\";\n@import \"tabs/index\";\n@import \"tag/index\";\n@import \"task-list/index\";\n@import \"textarea/index\";\n@import \"warning-text/index\";\n"]}

data/node_modules/govuk-frontend/dist/govuk/components/accordion/_index.scss

@@ -102,9 +102,9 @@
       &:hover {
         color: $govuk-accordion-base-colour;
         background: $govuk-accordion-hover-colour;
-        // The GOV.UK Design System focus state adds a box-shadow to the top and bottom of the
-        // button. We add a grey box-shadow on hover too, to make the height of the hover state
-        // match the height of the focus state.
+        // The focus state adds a box-shadow to the top and bottom of the
+        // button. We add a grey box-shadow on hover too, to make the height of
+        // the hover state match the height of the focus state.
         box-shadow:
           0 -2px $govuk-accordion-hover-colour,
           0 4px $govuk-accordion-hover-colour;
@@ -147,7 +147,7 @@
 
       position: relative;
 
-      // Set size using rems to make the icon scale with text if user resizes text in their browser
+      // Set size using rems so icon scales with text
       width: govuk-px-to-rem(20px);
       height: govuk-px-to-rem(20px);
 
@@ -184,14 +184,15 @@
     .govuk-accordion__section-button {
       width: 100%;
 
-      padding: govuk-spacing(2) 0 0 0;
+      padding: govuk-spacing(2) 0 0;
 
       border: 0;
 
       border-top: $govuk-accordion-bottom-border-width solid $govuk-border-colour;
 
-      // Visually separate the section from the one underneath when user changes colours in their
-      // browser. See https://github.com/alphagov/govuk-frontend/issues/2321#issuecomment-924201488
+      // Visually separate the section from the one underneath when user changes
+      // colours in their browser. See
+      // https://github.com/alphagov/govuk-frontend/issues/2321#issuecomment-924201488
       border-bottom: govuk-spacing(2) solid transparent;
 
       color: $govuk-text-colour;
@@ -230,8 +231,8 @@
       }
 
       &:focus {
-        // Remove default focus border around button as
-        // styling is being applied to inner text elements that receive focus
+        // Remove default focus border around button as styling is being applied
+        // to inner text elements that receive focus
         outline: 0;
 
         .govuk-accordion__section-heading-text-focus,
@@ -257,9 +258,10 @@
       }
     }
 
-    // Remove the transparent border when the section is expanded to make it clear that the heading
-    // relates to the content below. Adjust padding to maintain the height of the element.
-    // See https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798
+    // Remove the transparent border when the section is expanded to make it
+    // clear that the heading relates to the content below. Adjust padding to
+    // maintain the height of the element. See
+    // https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798
     .govuk-accordion__section--expanded .govuk-accordion__section-button {
       padding-bottom: govuk-spacing(3);
       border-bottom: 0;
@@ -269,8 +271,8 @@
       }
     }
 
-    // As Chevron icon is vertically aligned it overlaps with the focus state bottom border
-    // Styling adds some spacing
+    // As Chevron icon is vertically aligned it overlaps with the focus state
+    // bottom border – this adds some spacing
     .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {
       padding-bottom: 3px;
 
@@ -299,9 +301,9 @@
       color: $govuk-link-colour;
     }
 
-    // Add space between the icon and text.
-    // Avoid applying spacing directly to the icon as the use of `transform` will change the
-    // placement of any margins.
+    // Add space between the icon and text. Avoid applying spacing directly to
+    // the icon as the use of `transform` will change the placement of any
+    // margins.
     .govuk-accordion__show-all-text,
     .govuk-accordion__section-toggle-text {
       margin-left: govuk-spacing(1);
@@ -310,23 +312,25 @@
 
     // Background colour adjustment when user changes colours in Firefox
     //
-    // When user changes colours in Firefox, text colour inside <button> is always black
-    // (regardless of the custom colours the user has set). This is fine when the text in the
-    // button is not nested inside another element because when user changes colours in Firefox,
-    // the immediate background colour of buttons is always white (again, regardless of user's
-    // custom colours).
+    // When user changes colours in Firefox, text colour inside <button> is
+    // always black (regardless of the custom colours the user has set). This is
+    // fine when the text in the button is not nested inside another element
+    // because when user changes colours in Firefox, the immediate background
+    // colour of buttons is always white (again, regardless of user's custom
+    // colours).
     //
-    // However, when the text inside <button> is wrapped inside another element AND that element
-    // sets a background colour, the text colour is still black but the background of that nested
-    // element gets the user's custom background colour. When the custom background is a lighter
-    // hue, the contrast might be sufficient. But if the user's custom background colour is a
-    // darker colour, the contrast with the text might not be sufficient.
+    // However, when the text inside <button> is wrapped inside another element
+    // AND that element sets a background colour, the text colour is still black
+    // but the background of that nested element gets the user's custom
+    // background colour. When the custom background is a lighter hue, the
+    // contrast might be sufficient. But if the user's custom background colour
+    // is a darker colour, the contrast with the text might not be sufficient.
     //
-    // To ensure sufficient contrast, override the background colour set by the focus state on the
-    // nested elements to be transparent.
+    // To ensure sufficient contrast, override the background colour set by the
+    // focus state on the nested elements to be transparent.
     //
-    // Also override the background colour of the Show/Hide chevrons which set a background colour
-    // on hover.
+    // Also override the background colour of the Show/Hide chevrons which set a
+    // background colour on hover.
     @media screen and (forced-colors: active) {
       .govuk-accordion__show-all:hover,
       .govuk-accordion__section-button:hover {

data/node_modules/govuk-frontend/dist/govuk/components/accordion/_index.scss.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/govuk/components/accordion/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/accordion\") {\n  $govuk-accordion-base-colour: govuk-colour(\"black\");\n  $govuk-accordion-hover-colour: govuk-colour(\"light-grey\");\n  $govuk-accordion-icon-focus-colour: $govuk-focus-colour;\n  $govuk-accordion-bottom-border-width: 1px;\n\n  .govuk-accordion {\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-accordion__section {\n    padding-top: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-heading {\n    // Override browser defaults to ensure consistent element height\n    margin-top: 0;\n    margin-bottom: 0;\n\n    padding-top: govuk-spacing(3);\n    padding-bottom: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-button {\n    @include govuk-font($size: 24, $weight: bold);\n    @include govuk-text-colour;\n\n    display: block;\n    margin-bottom: 0;\n    padding-top: govuk-spacing(3);\n  }\n\n  // Remove the bottom margin from the last item inside the content\n  .govuk-accordion__section-content > :last-child {\n    margin-bottom: 0;\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    .govuk-accordion {\n      // Border at the bottom of the whole accordion\n      border-bottom: $govuk-accordion-bottom-border-width solid $govuk-border-colour;\n    }\n\n    .govuk-accordion__section {\n      padding-top: 0;\n    }\n\n    // Hide the body of collapsed sections by default for browsers that lack\n    // support for `content-visibility` paired with [hidden=until-found]\n    .govuk-accordion__section-content {\n      display: none;\n\n      @include govuk-responsive-padding(3, \"top\");\n      @include govuk-responsive-padding(8, \"bottom\");\n    }\n\n    // Hide the body of collapsed sections using `content-visibility` to enable\n    // page search within [hidden=until-found] regions where browser supported\n    .govuk-accordion__section-content[hidden] {\n      @supports (content-visibility: hidden) {\n        content-visibility: hidden;\n        display: inherit;\n      }\n\n      // Hide the padding of collapsed sections\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n\n    // Show the body of expanded sections\n    .govuk-accordion__section--expanded .govuk-accordion__section-content {\n      display: block;\n    }\n\n    .govuk-accordion__show-all {\n      @include govuk-font($size: 19);\n      position: relative;\n      z-index: 1;\n\n      margin-bottom: 9px;\n      padding: govuk-spacing(1) 2px govuk-spacing(1) 0;\n\n      border-width: 0;\n\n      color: $govuk-link-colour;\n      background: none;\n\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @include govuk-media-query($from: tablet) {\n        margin-bottom: 14px;\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n        // The GOV.UK Design System focus state adds a box-shadow to the top and bottom of the\n        // button. We add a grey box-shadow on hover too, to make the height of the hover state\n        // match the height of the focus state.\n        box-shadow:\n          0 -2px $govuk-accordion-hover-colour,\n          0 4px $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        @include govuk-focused-text;\n\n        .govuk-accordion-nav__chevron {\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n    }\n\n    .govuk-accordion__section-heading {\n      padding: 0;\n    }\n\n    // Create Chevron icon aligned with text\n    .govuk-accordion-nav__chevron {\n      box-sizing: border-box;\n      display: inline-block;\n\n      position: relative;\n\n      // Set size using rems to make the icon scale with text if user resizes text in their browser\n      width: govuk-px-to-rem(20px);\n      height: govuk-px-to-rem(20px);\n\n      border: govuk-px-to-rem(1px) solid;\n      border-radius: 50%;\n\n      vertical-align: middle;\n\n      // Create inner chevron arrow\n      &::after {\n        content: \"\";\n        box-sizing: border-box;\n        display: block;\n\n        position: absolute;\n        bottom: govuk-px-to-rem(5px);\n        left: govuk-px-to-rem(6px);\n\n        width: govuk-px-to-rem(6px);\n        height: govuk-px-to-rem(6px);\n\n        transform: rotate(-45deg);\n\n        border-top: govuk-px-to-rem(2px) solid;\n        border-right: govuk-px-to-rem(2px) solid;\n      }\n    }\n\n    // Rotate icon to create \"Down\" version\n    .govuk-accordion-nav__chevron--down {\n      transform: rotate(180deg);\n    }\n\n    .govuk-accordion__section-button {\n      width: 100%;\n\n      padding: govuk-spacing(2) 0 0 0;\n\n      border: 0;\n\n      border-top: $govuk-accordion-bottom-border-width solid $govuk-border-colour;\n\n      // Visually separate the section from the one underneath when user changes colours in their\n      // browser. See https://github.com/alphagov/govuk-frontend/issues/2321#issuecomment-924201488\n      border-bottom: govuk-spacing(2) solid transparent;\n\n      color: $govuk-text-colour;\n      background: none;\n\n      text-align: left;\n      // Section headers have a pointer cursor as an additional affordance\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @include govuk-media-query($from: tablet) {\n        padding-bottom: govuk-spacing(2);\n      }\n\n      &:active {\n        color: $govuk-link-active-colour;\n        background: none;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        // Remove default focus border around button as\n        // styling is being applied to inner text elements that receive focus\n        outline: 0;\n\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus {\n          @include govuk-focused-text;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n    }\n\n    // Remove the transparent border when the section is expanded to make it clear that the heading\n    // relates to the content below. Adjust padding to maintain the height of the element.\n    // See https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798\n    .govuk-accordion__section--expanded .govuk-accordion__section-button {\n      padding-bottom: govuk-spacing(3);\n      border-bottom: 0;\n\n      @include govuk-media-query($from: tablet) {\n        padding-bottom: govuk-spacing(4);\n      }\n    }\n\n    // As Chevron icon is vertically aligned it overlaps with the focus state bottom border\n    // Styling adds some spacing\n    .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {\n      padding-bottom: 3px;\n\n      @include govuk-media-query($from: desktop) {\n        padding-bottom: 2px;\n      }\n    }\n\n    .govuk-accordion__section-toggle,\n    .govuk-accordion__section-heading-text,\n    .govuk-accordion__section-summary {\n      display: block;\n      margin-bottom: 13px;\n\n      .govuk-accordion__section-heading-text-focus,\n      .govuk-accordion__section-summary-focus,\n      .govuk-accordion__section-toggle-focus {\n        display: inline;\n      }\n    }\n\n    // Add toggle link with Chevron icon on left.\n    .govuk-accordion__section-toggle {\n      @include govuk-font-size($size: 19);\n      @include govuk-typography-weight-regular;\n      color: $govuk-link-colour;\n    }\n\n    // Add space between the icon and text.\n    // Avoid applying spacing directly to the icon as the use of `transform` will change the\n    // placement of any margins.\n    .govuk-accordion__show-all-text,\n    .govuk-accordion__section-toggle-text {\n      margin-left: govuk-spacing(1);\n      vertical-align: middle;\n    }\n\n    // Background colour adjustment when user changes colours in Firefox\n    //\n    // When user changes colours in Firefox, text colour inside <button> is always black\n    // (regardless of the custom colours the user has set). This is fine when the text in the\n    // button is not nested inside another element because when user changes colours in Firefox,\n    // the immediate background colour of buttons is always white (again, regardless of user's\n    // custom colours).\n    //\n    // However, when the text inside <button> is wrapped inside another element AND that element\n    // sets a background colour, the text colour is still black but the background of that nested\n    // element gets the user's custom background colour. When the custom background is a lighter\n    // hue, the contrast might be sufficient. But if the user's custom background colour is a\n    // darker colour, the contrast with the text might not be sufficient.\n    //\n    // To ensure sufficient contrast, override the background colour set by the focus state on the\n    // nested elements to be transparent.\n    //\n    // Also override the background colour of the Show/Hide chevrons which set a background colour\n    // on hover.\n    @media screen and (forced-colors: active) {\n      .govuk-accordion__show-all:hover,\n      .govuk-accordion__section-button:hover {\n        .govuk-accordion-nav__chevron {\n          background-color: transparent;\n        }\n      }\n\n      .govuk-accordion__show-all:focus,\n      .govuk-accordion__section-button:focus {\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus,\n        .govuk-accordion-nav__chevron {\n          background: transparent;\n          background-color: transparent;\n        }\n      }\n    }\n\n    // For devices that can't hover such as touch devices,\n    // remove hover state as it can be stuck in that state (iOS).\n    @media (hover: none) {\n      .govuk-accordion__section-header:hover {\n        border-top-color: $govuk-border-colour;\n\n        box-shadow: inset 0 3px 0 0 $govuk-link-colour;\n\n        .govuk-accordion__section-button {\n          border-top-color: $govuk-border-colour;\n        }\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["../../../../src/govuk/components/accordion/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/accordion\") {\n  $govuk-accordion-base-colour: govuk-colour(\"black\");\n  $govuk-accordion-hover-colour: govuk-colour(\"light-grey\");\n  $govuk-accordion-icon-focus-colour: $govuk-focus-colour;\n  $govuk-accordion-bottom-border-width: 1px;\n\n  .govuk-accordion {\n    @include govuk-responsive-margin(6, \"bottom\");\n  }\n\n  .govuk-accordion__section {\n    padding-top: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-heading {\n    // Override browser defaults to ensure consistent element height\n    margin-top: 0;\n    margin-bottom: 0;\n\n    padding-top: govuk-spacing(3);\n    padding-bottom: govuk-spacing(3);\n  }\n\n  .govuk-accordion__section-button {\n    @include govuk-font($size: 24, $weight: bold);\n    @include govuk-text-colour;\n\n    display: block;\n    margin-bottom: 0;\n    padding-top: govuk-spacing(3);\n  }\n\n  // Remove the bottom margin from the last item inside the content\n  .govuk-accordion__section-content > :last-child {\n    margin-bottom: 0;\n  }\n\n  // GOV.UK Frontend JavaScript enabled\n  .govuk-frontend-supported {\n    .govuk-accordion {\n      // Border at the bottom of the whole accordion\n      border-bottom: $govuk-accordion-bottom-border-width solid $govuk-border-colour;\n    }\n\n    .govuk-accordion__section {\n      padding-top: 0;\n    }\n\n    // Hide the body of collapsed sections by default for browsers that lack\n    // support for `content-visibility` paired with [hidden=until-found]\n    .govuk-accordion__section-content {\n      display: none;\n\n      @include govuk-responsive-padding(3, \"top\");\n      @include govuk-responsive-padding(8, \"bottom\");\n    }\n\n    // Hide the body of collapsed sections using `content-visibility` to enable\n    // page search within [hidden=until-found] regions where browser supported\n    .govuk-accordion__section-content[hidden] {\n      @supports (content-visibility: hidden) {\n        content-visibility: hidden;\n        display: inherit;\n      }\n\n      // Hide the padding of collapsed sections\n      padding-top: 0;\n      padding-bottom: 0;\n    }\n\n    // Show the body of expanded sections\n    .govuk-accordion__section--expanded .govuk-accordion__section-content {\n      display: block;\n    }\n\n    .govuk-accordion__show-all {\n      @include govuk-font($size: 19);\n      position: relative;\n      z-index: 1;\n\n      margin-bottom: 9px;\n      padding: govuk-spacing(1) 2px govuk-spacing(1) 0;\n\n      border-width: 0;\n\n      color: $govuk-link-colour;\n      background: none;\n\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @include govuk-media-query($from: tablet) {\n        margin-bottom: 14px;\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n        // The focus state adds a box-shadow to the top and bottom of the\n        // button. We add a grey box-shadow on hover too, to make the height of\n        // the hover state match the height of the focus state.\n        box-shadow:\n          0 -2px $govuk-accordion-hover-colour,\n          0 4px $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        @include govuk-focused-text;\n\n        .govuk-accordion-nav__chevron {\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n    }\n\n    .govuk-accordion__section-heading {\n      padding: 0;\n    }\n\n    // Create Chevron icon aligned with text\n    .govuk-accordion-nav__chevron {\n      box-sizing: border-box;\n      display: inline-block;\n\n      position: relative;\n\n      // Set size using rems so icon scales with text\n      width: govuk-px-to-rem(20px);\n      height: govuk-px-to-rem(20px);\n\n      border: govuk-px-to-rem(1px) solid;\n      border-radius: 50%;\n\n      vertical-align: middle;\n\n      // Create inner chevron arrow\n      &::after {\n        content: \"\";\n        box-sizing: border-box;\n        display: block;\n\n        position: absolute;\n        bottom: govuk-px-to-rem(5px);\n        left: govuk-px-to-rem(6px);\n\n        width: govuk-px-to-rem(6px);\n        height: govuk-px-to-rem(6px);\n\n        transform: rotate(-45deg);\n\n        border-top: govuk-px-to-rem(2px) solid;\n        border-right: govuk-px-to-rem(2px) solid;\n      }\n    }\n\n    // Rotate icon to create \"Down\" version\n    .govuk-accordion-nav__chevron--down {\n      transform: rotate(180deg);\n    }\n\n    .govuk-accordion__section-button {\n      width: 100%;\n\n      padding: govuk-spacing(2) 0 0;\n\n      border: 0;\n\n      border-top: $govuk-accordion-bottom-border-width solid $govuk-border-colour;\n\n      // Visually separate the section from the one underneath when user changes\n      // colours in their browser. See\n      // https://github.com/alphagov/govuk-frontend/issues/2321#issuecomment-924201488\n      border-bottom: govuk-spacing(2) solid transparent;\n\n      color: $govuk-text-colour;\n      background: none;\n\n      text-align: left;\n      // Section headers have a pointer cursor as an additional affordance\n      cursor: pointer;\n      -webkit-appearance: none;\n\n      @include govuk-media-query($from: tablet) {\n        padding-bottom: govuk-spacing(2);\n      }\n\n      &:active {\n        color: $govuk-link-active-colour;\n        background: none;\n      }\n\n      &:hover {\n        color: $govuk-accordion-base-colour;\n        background: $govuk-accordion-hover-colour;\n\n        .govuk-accordion__section-toggle-text {\n          color: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-hover-colour;\n        }\n      }\n\n      &:focus {\n        // Remove default focus border around button as styling is being applied\n        // to inner text elements that receive focus\n        outline: 0;\n\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus {\n          @include govuk-focused-text;\n        }\n\n        .govuk-accordion-nav__chevron {\n          color: $govuk-accordion-base-colour;\n          background: $govuk-accordion-base-colour;\n        }\n\n        .govuk-accordion-nav__chevron::after {\n          color: $govuk-accordion-icon-focus-colour;\n        }\n      }\n\n      // Remove default button focus outline in Firefox\n      &::-moz-focus-inner {\n        padding: 0;\n        border: 0;\n      }\n    }\n\n    // Remove the transparent border when the section is expanded to make it\n    // clear that the heading relates to the content below. Adjust padding to\n    // maintain the height of the element. See\n    // https://github.com/alphagov/govuk-frontend/pull/2257#issuecomment-951920798\n    .govuk-accordion__section--expanded .govuk-accordion__section-button {\n      padding-bottom: govuk-spacing(3);\n      border-bottom: 0;\n\n      @include govuk-media-query($from: tablet) {\n        padding-bottom: govuk-spacing(4);\n      }\n    }\n\n    // As Chevron icon is vertically aligned it overlaps with the focus state\n    // bottom border – this adds some spacing\n    .govuk-accordion__section-button:focus .govuk-accordion__section-toggle-focus {\n      padding-bottom: 3px;\n\n      @include govuk-media-query($from: desktop) {\n        padding-bottom: 2px;\n      }\n    }\n\n    .govuk-accordion__section-toggle,\n    .govuk-accordion__section-heading-text,\n    .govuk-accordion__section-summary {\n      display: block;\n      margin-bottom: 13px;\n\n      .govuk-accordion__section-heading-text-focus,\n      .govuk-accordion__section-summary-focus,\n      .govuk-accordion__section-toggle-focus {\n        display: inline;\n      }\n    }\n\n    // Add toggle link with Chevron icon on left.\n    .govuk-accordion__section-toggle {\n      @include govuk-font-size($size: 19);\n      @include govuk-typography-weight-regular;\n      color: $govuk-link-colour;\n    }\n\n    // Add space between the icon and text. Avoid applying spacing directly to\n    // the icon as the use of `transform` will change the placement of any\n    // margins.\n    .govuk-accordion__show-all-text,\n    .govuk-accordion__section-toggle-text {\n      margin-left: govuk-spacing(1);\n      vertical-align: middle;\n    }\n\n    // Background colour adjustment when user changes colours in Firefox\n    //\n    // When user changes colours in Firefox, text colour inside <button> is\n    // always black (regardless of the custom colours the user has set). This is\n    // fine when the text in the button is not nested inside another element\n    // because when user changes colours in Firefox, the immediate background\n    // colour of buttons is always white (again, regardless of user's custom\n    // colours).\n    //\n    // However, when the text inside <button> is wrapped inside another element\n    // AND that element sets a background colour, the text colour is still black\n    // but the background of that nested element gets the user's custom\n    // background colour. When the custom background is a lighter hue, the\n    // contrast might be sufficient. But if the user's custom background colour\n    // is a darker colour, the contrast with the text might not be sufficient.\n    //\n    // To ensure sufficient contrast, override the background colour set by the\n    // focus state on the nested elements to be transparent.\n    //\n    // Also override the background colour of the Show/Hide chevrons which set a\n    // background colour on hover.\n    @media screen and (forced-colors: active) {\n      .govuk-accordion__show-all:hover,\n      .govuk-accordion__section-button:hover {\n        .govuk-accordion-nav__chevron {\n          background-color: transparent;\n        }\n      }\n\n      .govuk-accordion__show-all:focus,\n      .govuk-accordion__section-button:focus {\n        .govuk-accordion__section-heading-text-focus,\n        .govuk-accordion__section-summary-focus,\n        .govuk-accordion__section-toggle-focus,\n        .govuk-accordion-nav__chevron {\n          background: transparent;\n          background-color: transparent;\n        }\n      }\n    }\n\n    // For devices that can't hover such as touch devices,\n    // remove hover state as it can be stuck in that state (iOS).\n    @media (hover: none) {\n      .govuk-accordion__section-header:hover {\n        border-top-color: $govuk-border-colour;\n\n        box-shadow: inset 0 3px 0 0 $govuk-link-colour;\n\n        .govuk-accordion__section-button {\n          border-top-color: $govuk-border-colour;\n        }\n      }\n    }\n  }\n}\n"]}