@kong/icons 1.15.3-pr.391.3fb3a01.0 → 1.15.3-pr.391.5c59f07.0

package/dist/kong-icons892.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons892.cjs","sources":["../src/components/flags/FlagFkIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagFkIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 18:33:30 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVGs with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes IDs and references internally (e.g. in the `<defs>` tag. Typically only set to false during snapshot testing. Defaults to `true`. */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.\n *\n * The function performs the following steps:\n * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.\n * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-fk-icon\"\n    data-testid=\"kui-icon-wrapper-flag-fk-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-fk-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1_2329)\">\n        <path\n          d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M11.9679 11.9999H12C12 11.9891 12 11.9786 12 11.9678C11.9893 11.9785 11.9786 11.9892 11.9679 11.9999Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 6.26086C12 4.14938 12 2.76586 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78642 12H11.9679L12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M6.07102 1.56543C4.19419 2.63413 2.63391 4.19441 1.5652 6.07124V12.0002H4.69566V4.69598V4.69588H12C12 3.70855 12 2.76796 12 1.56543H6.07102Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12 10.5247L7.73658 6.26123H6.26091V6.26132L11.9999 12.0003H12C12 12.0003 12 10.9828 12 10.5247Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M19.3043 14.0869V14.6086H15.1305V14.0869H13.5652V16.1738H14.6087V16.6956H19.8261V16.1738H20.8695V14.0869H19.3043Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M13.5652 6.26074V11.9999C13.5652 14.7955 17.2174 15.6521 17.2174 15.6521C17.2174 15.6521 20.8695 14.7955 20.8695 11.9999V6.26074H13.5652Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M17.2172 10.5415C16.3042 10.5415 16.3042 11.3763 15.3912 11.3763C14.4782 11.3763 14.4782 10.5415 13.5653 10.5415V12.0024C14.4782 12.0024 14.4782 12.8372 15.3912 12.8372C16.3042 12.8372 16.3042 12.0024 17.2172 12.0024C18.1303 12.0024 18.1303 12.8372 19.0434 12.8372C19.9565 12.8372 19.9565 12.0024 20.8696 12.0024V10.5415C19.9565 10.5415 19.9565 11.3763 19.0434 11.3763C18.1303 11.3763 18.1303 10.5415 17.2172 10.5415V10.5415Z\"\n          fill=\"#F3F3F3\"\n        />\n        <path\n          d=\"M17.2172 7.61719C16.3042 7.61719 16.3042 8.45198 15.3912 8.45198C14.4782 8.45198 14.4782 7.61719 13.5653 7.61719V9.07805C14.4782 9.07805 14.4782 9.91284 15.3912 9.91284C16.3042 9.91284 16.3042 9.07805 17.2172 9.07805C18.1303 9.07805 18.1303 9.91284 19.0434 9.91284C19.9565 9.91284 19.9565 9.07805 20.8696 9.07805V7.61719C19.9565 7.61719 19.9565 8.45198 19.0434 8.45198C18.1303 8.45198 18.1303 7.61719 17.2172 7.61719Z\"\n          fill=\"#F3F3F3\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2329\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"uuGAaA,MAAMA,EAAQC,EA4DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAaIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons892.cjs","sources":["../src/components/flags/FlagUgIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagUgIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:22 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's id with the new prefixed id\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-ug-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ug-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ug-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_247_6277)\">\n        <path\n          d=\"M20.9434 19.9999C22.8439 17.8769 24 15.0737 24 12C24 8.92629 22.8438 6.12303 20.9434 3.99996L12 3.13043L3.05662 3.99996C1.15617 6.12303 0 8.92629 0 12C0 15.0737 1.15613 17.8769 3.05658 19.9999L12 20.8695L20.9434 19.9999Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M3.05664 3.99998H20.9434C18.7462 1.54528 15.5538 0 12 0C8.44628 0 5.25386 1.54528 3.05664 3.99998Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M0 12L12 13.0435L24 12C24 10.5973 23.7585 9.25113 23.3162 7.99994H0.683812C0.241453 9.25113 0 10.5973 0 12H0Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M0.683812 16H23.3163C23.7585 14.7488 24 13.4027 24 12H0C0 13.4027 0.241453 14.7488 0.683812 16Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M20.9435 19.9999H3.05664C5.25386 22.4547 8.44628 24 12.0001 24C15.5538 24 18.7463 22.4547 20.9435 19.9999Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M16.0043 12C16.0043 14.2117 14.2117 16.0044 11.9999 16.0044C9.78825 16.0044 7.99561 14.2117 7.99561 12C7.99561 9.78831 9.78825 7.99567 11.9999 7.99567C14.2117 7.99567 16.0043 9.78831 16.0043 12Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M13.4669 12.2042L11.9999 11.5685C11.9999 11.5685 12.3431 10.4293 12.3614 10.3514C12.3748 10.2944 12.3819 10.235 12.3819 10.174C12.3819 9.95785 12.2943 9.76219 12.1526 9.62063L12.5215 9.25172C12.2855 9.01571 11.9594 8.86969 11.5992 8.86969C11.239 8.86969 10.9129 9.01566 10.6769 9.25172L11.0458 9.62063C10.9042 9.76224 10.8166 9.95789 10.8166 10.174C10.8166 10.253 10.8285 10.3292 10.8503 10.4011L10.2949 10.9565H11.3044C11.3044 10.9565 10.887 11.5834 10.6592 12.0983C10.4313 12.613 10.6623 13.2415 11.1889 13.4756L11.4934 13.6109L11.9999 14.087V14.6087L11.4782 15.1304H12.5217V14.0869L12.9978 13.6108H13.9825C13.9873 13.601 13.9922 13.5915 13.9967 13.5814C14.2307 13.0549 13.9935 12.4382 13.4669 12.2042Z\"\n          fill=\"black\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_247_6277\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"67FAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons894.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),m=t=>(e.pushScopeId("data-v-e588deed"),t=t(),e.popScopeId(),t),N=["aria-hidden"],v={key:0,"data-testid":"kui-icon-svg-title"},b=m(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_4797)"},[e.createElementVNode("path",{d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M12 5.21738L12.518 6.81169H14.1944L12.8382 7.79705L13.3562 9.39131L12 8.406L10.6438 9.39131L11.1619 7.79705L9.80566 6.81169H11.4821L12 5.21738Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M5.21729 12.0001L6.8116 11.482V9.8056L7.79696 11.1619L9.39122 10.6439L8.40591 12.0001L9.39122 13.3562L7.79696 12.8381L6.8116 14.1944V12.518L5.21729 12.0001Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12.0001 18.7826L11.4821 17.1883H9.80566L11.1619 16.203L10.6439 14.6087L12.0001 15.594L13.3563 14.6087L12.8382 16.203L14.1944 17.1883H12.5181L12.0001 18.7826Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M18.7823 12L17.188 12.518V14.1944L16.2027 12.8381L14.6084 13.3561L15.5937 12L14.6084 10.6438L16.2027 11.1619L17.188 9.8056V11.482L18.7823 12Z",fill:"#F0F0F0"})],-1)),_=m(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_4797"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),E=e.defineComponent({__name:"FlagFmIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),o=Number(i);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,o=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const n=String(i.size).replace(/px/gi,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return g.KUI_ICON_SIZE_50}),h=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),L=n=>{if(!n)return;const r=n.querySelector("defs"),d={};r&&r.querySelectorAll("[id]").forEach(l=>{const c=l.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${c}`;d[c]=a,l.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=l=>{S.forEach(c=>{const a=l.getAttribute(c);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,s)=>d[s]?`url(#${d[s]})`:u).replace(/#([^\s]+)/g,(u,s)=>d[s]?`#${d[s]}`:u);p!==a&&l.setAttribute(c,p)}})};n.querySelectorAll("*").forEach(l=>{y(l)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&L(o.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-fm-icon","data-testid":"kui-icon-wrapper-flag-fm-icon",style:e.normalizeStyle(h.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-fm-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",v,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),b,_],8,N))]),_:1},8,["aria-hidden","style"]))}});exports.default=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("./kong-icons1218.cjs"),g=t=>(e.pushScopeId("data-v-2bf7a909"),t=t(),e.popScopeId(),t),b=["aria-hidden"],v={key:0,"data-testid":"kui-icon-svg-title"},N=g(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_247_6281)"},[e.createElementVNode("path",{d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M11.9654 7.82611C9.66013 7.82611 7.7915 9.69483 7.7915 12C7.7915 14.3052 9.66018 16.1739 11.9654 16.1739C14.2705 16.1739 16.1393 14.3052 16.1393 12C16.1393 9.69483 14.2705 7.82611 11.9654 7.82611ZM10.9219 12C10.9219 11.4237 11.3891 10.9565 11.9654 10.9565C12.5417 10.9565 13.0089 11.4237 13.0089 12C13.0089 12.5763 12.5417 13.0435 11.9654 13.0435C11.3891 13.0435 10.9219 12.5763 10.9219 12ZM13.0473 10.215C12.8853 10.1167 12.7088 10.0403 12.5218 9.98864V8.91989C12.9925 9.00436 13.4265 9.19369 13.799 9.46341L13.0473 10.215ZM11.4784 9.97078C11.2826 10.0176 11.0976 10.092 10.9277 10.1896L10.1725 9.43449C10.5543 9.1672 10.9981 8.98256 11.4784 8.90742V9.97078ZM10.9276 13.8104C11.0976 13.908 11.2826 13.9824 11.4784 14.0292V15.0925C10.998 15.0174 10.5543 14.8327 10.1725 14.5654L10.9276 13.8104ZM12.5219 14.0114C12.7088 13.9598 12.8854 13.8834 13.0473 13.785L13.7989 14.5366C13.4264 14.8063 12.9925 14.9957 12.5218 15.0802V14.0114H12.5219V14.0114ZM13.7757 13.0378C13.8676 12.8778 13.9395 12.7048 13.9866 12.5218H15.0517C14.9733 12.9887 14.7917 13.4204 14.5309 13.7929L13.7757 13.0378ZM13.9866 11.4783C13.9395 11.2952 13.8676 11.1223 13.7757 10.9623L14.5309 10.2071C14.7917 10.5796 14.9733 11.0113 15.0516 11.4782H13.9866V11.4783H13.9866ZM9.42875 10.1665L10.1804 10.9181C10.0759 11.0902 9.99561 11.2784 9.94414 11.4783H8.87905C8.96029 10.9943 9.15243 10.5481 9.42875 10.1665ZM8.87905 12.5217H9.94414C9.99557 12.7216 10.0759 12.9098 10.1804 13.0819L9.42875 13.8335C9.15243 13.4519 8.96029 13.0058 8.87905 12.5217Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M18.7478 12C18.7478 10.1447 18.0026 8.4637 16.7955 7.23914L15.6888 8.3459C16.6126 9.28715 17.1826 10.577 17.1826 12C17.1826 14.8815 14.8466 17.2174 11.9652 17.2174C9.08365 17.2174 6.74782 14.8815 6.74782 12C6.74782 10.5592 7.33174 9.25485 8.27595 8.31075L7.16918 7.20398C5.94176 8.4314 5.18262 10.1271 5.18262 12C5.18262 15.1038 7.26748 17.7207 10.1132 18.5266C9.80121 19.1193 9.84874 19.8655 10.2944 20.4217C10.8798 19.9526 11.4859 19.4669 12 19.0549C12.5141 19.4669 13.1202 19.9526 13.7055 20.4217C14.1556 19.86 14.1999 19.1043 13.8776 18.5088C16.6922 17.6831 18.7478 15.0818 18.7478 12Z",fill:"#F0F0F0"})],-1)),_=g(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_247_6281"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),k=e.defineComponent({__name:"FlagUnIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:C.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),n=Number(i);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,n=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),r=Number(l);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return C.KUI_ICON_SIZE_50}),h=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),m=l=>{if(!l)return;const r=l.querySelector("defs"),c={};r&&r.querySelectorAll("[id]").forEach(o=>{const s=o.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${s}`;c[s]=a,o.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=o=>{S.forEach(s=>{const a=o.getAttribute(s);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,d)=>c[d]?`url(#${c[d]})`:u).replace(/#([^\s]+)/g,(u,d)=>c[d]?`#${c[d]}`:u);p!==a&&o.setAttribute(s,p)}})};l.querySelectorAll("*").forEach(o=>{y(o)})};return e.onMounted(()=>{i.randomizeIds&&n.value&&m(n.value)}),(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-un-icon","data-testid":"kui-icon-wrapper-flag-un-icon",style:e.normalizeStyle(h.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:n,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-un-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",v,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),N,_],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=k;
 //# sourceMappingURL=kong-icons894.cjs.map

package/dist/kong-icons894.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons894.cjs","sources":["../src/components/flags/FlagFmIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagFmIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 18:33:30 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVGs with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes IDs and references internally (e.g. in the `<defs>` tag. Typically only set to false during snapshot testing. Defaults to `true`. */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.\n *\n * The function performs the following steps:\n * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.\n * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-fm-icon\"\n    data-testid=\"kui-icon-wrapper-flag-fm-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-fm-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_4797)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M12 5.21738L12.518 6.81169H14.1944L12.8382 7.79705L13.3562 9.39131L12 8.406L10.6438 9.39131L11.1619 7.79705L9.80566 6.81169H11.4821L12 5.21738Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M5.21729 12.0001L6.8116 11.482V9.8056L7.79696 11.1619L9.39122 10.6439L8.40591 12.0001L9.39122 13.3562L7.79696 12.8381L6.8116 14.1944V12.518L5.21729 12.0001Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12.0001 18.7826L11.4821 17.1883H9.80566L11.1619 16.203L10.6439 14.6087L12.0001 15.594L13.3563 14.6087L12.8382 16.203L14.1944 17.1883H12.5181L12.0001 18.7826Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M18.7823 12L17.188 12.518V14.1944L16.2027 12.8381L14.6084 13.3561L15.5937 12L14.6084 10.6438L16.2027 11.1619L17.188 9.8056V11.482L18.7823 12Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_4797\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"8iEAaA,MAAMA,EAAQC,EA4DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAaIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons894.cjs","sources":["../src/components/flags/FlagUnIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagUnIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:22 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's id with the new prefixed id\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-un-icon\"\n    data-testid=\"kui-icon-wrapper-flag-un-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-un-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_247_6281)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M11.9654 7.82611C9.66013 7.82611 7.7915 9.69483 7.7915 12C7.7915 14.3052 9.66018 16.1739 11.9654 16.1739C14.2705 16.1739 16.1393 14.3052 16.1393 12C16.1393 9.69483 14.2705 7.82611 11.9654 7.82611ZM10.9219 12C10.9219 11.4237 11.3891 10.9565 11.9654 10.9565C12.5417 10.9565 13.0089 11.4237 13.0089 12C13.0089 12.5763 12.5417 13.0435 11.9654 13.0435C11.3891 13.0435 10.9219 12.5763 10.9219 12ZM13.0473 10.215C12.8853 10.1167 12.7088 10.0403 12.5218 9.98864V8.91989C12.9925 9.00436 13.4265 9.19369 13.799 9.46341L13.0473 10.215ZM11.4784 9.97078C11.2826 10.0176 11.0976 10.092 10.9277 10.1896L10.1725 9.43449C10.5543 9.1672 10.9981 8.98256 11.4784 8.90742V9.97078ZM10.9276 13.8104C11.0976 13.908 11.2826 13.9824 11.4784 14.0292V15.0925C10.998 15.0174 10.5543 14.8327 10.1725 14.5654L10.9276 13.8104ZM12.5219 14.0114C12.7088 13.9598 12.8854 13.8834 13.0473 13.785L13.7989 14.5366C13.4264 14.8063 12.9925 14.9957 12.5218 15.0802V14.0114H12.5219V14.0114ZM13.7757 13.0378C13.8676 12.8778 13.9395 12.7048 13.9866 12.5218H15.0517C14.9733 12.9887 14.7917 13.4204 14.5309 13.7929L13.7757 13.0378ZM13.9866 11.4783C13.9395 11.2952 13.8676 11.1223 13.7757 10.9623L14.5309 10.2071C14.7917 10.5796 14.9733 11.0113 15.0516 11.4782H13.9866V11.4783H13.9866ZM9.42875 10.1665L10.1804 10.9181C10.0759 11.0902 9.99561 11.2784 9.94414 11.4783H8.87905C8.96029 10.9943 9.15243 10.5481 9.42875 10.1665ZM8.87905 12.5217H9.94414C9.99557 12.7216 10.0759 12.9098 10.1804 13.0819L9.42875 13.8335C9.15243 13.4519 8.96029 13.0058 8.87905 12.5217Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M18.7478 12C18.7478 10.1447 18.0026 8.4637 16.7955 7.23914L15.6888 8.3459C16.6126 9.28715 17.1826 10.577 17.1826 12C17.1826 14.8815 14.8466 17.2174 11.9652 17.2174C9.08365 17.2174 6.74782 14.8815 6.74782 12C6.74782 10.5592 7.33174 9.25485 8.27595 8.31075L7.16918 7.20398C5.94176 8.4314 5.18262 10.1271 5.18262 12C5.18262 15.1038 7.26748 17.7207 10.1132 18.5266C9.80121 19.1193 9.84874 19.8655 10.2944 20.4217C10.8798 19.9526 11.4859 19.4669 12 19.0549C12.5141 19.4669 13.1202 19.9526 13.7055 20.4217C14.1556 19.86 14.1999 19.1043 13.8776 18.5088C16.6922 17.6831 18.7478 15.0818 18.7478 12Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_247_6281\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"q6GAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons896.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-a3f30acb"),t=t(),e.popScopeId(),t),b=["aria-hidden"],v={key:0,"data-testid":"kui-icon-svg-title"},N=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2330)"},[e.createElementVNode("path",{d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M23.4783 12.0002L23.8982 10.435C23.8285 9.90155 23.7239 9.37899 23.5867 8.86984H10.9565V0.0458984C10.424 0.0917422 9.90159 0.172789 9.39131 0.285945L7.30434 1.56545L6.26086 1.46012C5.71172 1.75974 5.18855 2.10099 4.69566 2.4797V8.86979H0.41339C0.276187 9.37895 0.171562 9.90151 0.101812 10.435L0.521718 12.0002L0.101765 13.5654C0.171515 14.0989 0.27614 14.6215 0.413343 15.1306H4.69561V21.5207C5.1885 21.8995 5.71172 22.2407 6.26081 22.5403L7.82602 22.435L9.39122 23.7145C9.90155 23.8276 10.424 23.9086 10.9564 23.9545V15.1307H23.5865C23.7237 14.6215 23.8283 14.099 23.8981 13.5655L23.4783 12.0002Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4347H0.101578C0.034875 10.9471 0 11.4694 0 11.9999C0 12.5304 0.034875 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z",fill:"#D80027"})],-1)),_=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2330"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),k=e.defineComponent({__name:"FlagFoIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),o=Number(i);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,o=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),r=Number(l);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),S=l=>{if(!l)return;const r=l.querySelector("defs"),c={};r&&r.querySelectorAll("[id]").forEach(n=>{const s=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${s}`;c[s]=a,n.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],C=n=>{y.forEach(s=>{const a=n.getAttribute(s);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,d)=>c[d]?`url(#${c[d]})`:u).replace(/#([^\s]+)/g,(u,d)=>c[d]?`#${c[d]}`:u);p!==a&&n.setAttribute(s,p)}})};l.querySelectorAll("*").forEach(n=>{C(n)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&S(o.value)}),(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-fo-icon","data-testid":"kui-icon-wrapper-flag-fo-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-fo-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",v,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),N,_],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),L=require("./kong-icons1218.cjs"),g=t=>(e.pushScopeId("data-v-83c96235"),t=t(),e.popScopeId(),t),N=["aria-hidden"],C={key:0,"data-testid":"kui-icon-svg-title"},v=g(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5603)"},[e.createElementVNode("path",{d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M11.4785 12H24.0002C24.0002 10.9169 23.8559 9.86768 23.5868 8.86957H11.4785V12Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M11.4785 5.73916H22.239C21.5044 4.54047 20.5651 3.48095 19.47 2.6087H11.4785V5.73916Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M12.0001 24C14.8243 24 17.4201 23.0239 19.4699 21.3914H4.53027C6.58012 23.0239 9.17591 24 12.0001 24Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M1.76146 18.2609H22.2389C22.8286 17.2986 23.286 16.2467 23.5868 15.1304H0.413574C0.714371 16.2467 1.17173 17.2986 1.76146 18.2609Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M5.55863 1.87397H6.65217L5.63498 2.61295L6.02353 3.80869L5.00639 3.0697L3.98925 3.80869L4.32487 2.7757C3.42928 3.52172 2.64431 4.39575 1.99744 5.36963H2.34783L1.70034 5.84002C1.59947 6.0083 1.50272 6.17925 1.41 6.35273L1.71919 7.30434L1.14234 6.88523C0.998953 7.18903 0.867797 7.49967 0.749906 7.81678L1.09055 8.86528H2.34783L1.33064 9.60427L1.71919 10.8L0.702047 10.061L0.0927656 10.5037C0.0317812 10.9939 0 11.4932 0 12H12C12 5.37262 12 4.59131 12 0C9.62944 0 7.41961 0.687656 5.55863 1.87397ZM6.02353 10.8L5.00639 10.061L3.98925 10.8L4.3778 9.60427L3.36061 8.86528H4.61789L5.00639 7.66955L5.39489 8.86528H6.65217L5.63498 9.60427L6.02353 10.8ZM5.63498 6.10861L6.02353 7.30434L5.00639 6.56536L3.98925 7.30434L4.3778 6.10861L3.36061 5.36963H4.61789L5.00639 4.17389L5.39489 5.36963H6.65217L5.63498 6.10861ZM10.3279 10.8L9.31073 10.061L8.29359 10.8L8.68214 9.60427L7.66495 8.86528H8.92223L9.31073 7.66955L9.69923 8.86528H10.9565L9.93933 9.60427L10.3279 10.8ZM9.93933 6.10861L10.3279 7.30434L9.31073 6.56536L8.29359 7.30434L8.68214 6.10861L7.66495 5.36963H8.92223L9.31073 4.17389L9.69923 5.36963H10.9565L9.93933 6.10861ZM9.93933 2.61295L10.3279 3.80869L9.31073 3.0697L8.29359 3.80869L8.68214 2.61295L7.66495 1.87397H8.92223L9.31073 0.678234L9.69923 1.87397H10.9565L9.93933 2.61295Z",fill:"#0052B4"})],-1)),H=g(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5603"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),b=e.defineComponent({__name:"FlagUsIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:L.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),l=Number(i);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,l=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const n=String(i.size).replace(/px/gi,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return L.KUI_ICON_SIZE_50}),h=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),m=n=>{if(!n)return;const r=n.querySelector("defs"),c={};r&&r.querySelectorAll("[id]").forEach(o=>{const d=o.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;c[d]=a,o.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=o=>{S.forEach(d=>{const a=o.getAttribute(d);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,s)=>c[s]?`url(#${c[s]})`:u).replace(/#([^\s]+)/g,(u,s)=>c[s]?`#${c[s]}`:u);p!==a&&o.setAttribute(d,p)}})};n.querySelectorAll("*").forEach(o=>{y(o)})};return e.onMounted(()=>{i.randomizeIds&&l.value&&m(l.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-us-icon","data-testid":"kui-icon-wrapper-flag-us-icon",style:e.normalizeStyle(h.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:l,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-us-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",C,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),v,H],8,N))]),_:1},8,["aria-hidden","style"]))}});exports.default=b;
 //# sourceMappingURL=kong-icons896.cjs.map

package/dist/kong-icons896.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons896.cjs","sources":["../src/components/flags/FlagFoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagFoIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 18:33:30 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVGs with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes IDs and references internally (e.g. in the `<defs>` tag. Typically only set to false during snapshot testing. Defaults to `true`. */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.\n *\n * The function performs the following steps:\n * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.\n * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-fo-icon\"\n    data-testid=\"kui-icon-wrapper-flag-fo-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-fo-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1_2330)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.4783 12.0002L23.8982 10.435C23.8285 9.90155 23.7239 9.37899 23.5867 8.86984H10.9565V0.0458984C10.424 0.0917422 9.90159 0.172789 9.39131 0.285945L7.30434 1.56545L6.26086 1.46012C5.71172 1.75974 5.18855 2.10099 4.69566 2.4797V8.86979H0.41339C0.276187 9.37895 0.171562 9.90151 0.101812 10.435L0.521718 12.0002L0.101765 13.5654C0.171515 14.0989 0.27614 14.6215 0.413343 15.1306H4.69561V21.5207C5.1885 21.8995 5.71172 22.2407 6.26081 22.5403L7.82602 22.435L9.39122 23.7145C9.90155 23.8276 10.424 23.9086 10.9564 23.9545V15.1307H23.5865C23.7237 14.6215 23.8283 14.099 23.8981 13.5655L23.4783 12.0002Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M23.8984 10.4347H9.39136H9.39131V0.285156C8.28234 0.531062 7.23098 0.929641 6.26086 1.459V10.4347H0.101578C0.034875 10.9471 0 11.4694 0 11.9999C0 12.5304 0.034875 13.0528 0.101578 13.5651H6.26081H6.26086V22.5408C7.23098 23.0701 8.28234 23.4688 9.39131 23.7146V13.5653V13.5652H23.8984C23.9651 13.0528 24 12.5304 24 11.9999C24 11.4694 23.9651 10.9471 23.8984 10.4347V10.4347Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2330\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"yzEAaA,MAAMA,EAAQC,EA4DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAaIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons896.cjs","sources":["../src/components/flags/FlagUsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagUsIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:22 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's id with the new prefixed id\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-us-icon\"\n    data-testid=\"kui-icon-wrapper-flag-us-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-us-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5603)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M11.4785 12H24.0002C24.0002 10.9169 23.8559 9.86768 23.5868 8.86957H11.4785V12Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M11.4785 5.73916H22.239C21.5044 4.54047 20.5651 3.48095 19.47 2.6087H11.4785V5.73916Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12.0001 24C14.8243 24 17.4201 23.0239 19.4699 21.3914H4.53027C6.58012 23.0239 9.17591 24 12.0001 24Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M1.76146 18.2609H22.2389C22.8286 17.2986 23.286 16.2467 23.5868 15.1304H0.413574C0.714371 16.2467 1.17173 17.2986 1.76146 18.2609Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M5.55863 1.87397H6.65217L5.63498 2.61295L6.02353 3.80869L5.00639 3.0697L3.98925 3.80869L4.32487 2.7757C3.42928 3.52172 2.64431 4.39575 1.99744 5.36963H2.34783L1.70034 5.84002C1.59947 6.0083 1.50272 6.17925 1.41 6.35273L1.71919 7.30434L1.14234 6.88523C0.998953 7.18903 0.867797 7.49967 0.749906 7.81678L1.09055 8.86528H2.34783L1.33064 9.60427L1.71919 10.8L0.702047 10.061L0.0927656 10.5037C0.0317812 10.9939 0 11.4932 0 12H12C12 5.37262 12 4.59131 12 0C9.62944 0 7.41961 0.687656 5.55863 1.87397ZM6.02353 10.8L5.00639 10.061L3.98925 10.8L4.3778 9.60427L3.36061 8.86528H4.61789L5.00639 7.66955L5.39489 8.86528H6.65217L5.63498 9.60427L6.02353 10.8ZM5.63498 6.10861L6.02353 7.30434L5.00639 6.56536L3.98925 7.30434L4.3778 6.10861L3.36061 5.36963H4.61789L5.00639 4.17389L5.39489 5.36963H6.65217L5.63498 6.10861ZM10.3279 10.8L9.31073 10.061L8.29359 10.8L8.68214 9.60427L7.66495 8.86528H8.92223L9.31073 7.66955L9.69923 8.86528H10.9565L9.93933 9.60427L10.3279 10.8ZM9.93933 6.10861L10.3279 7.30434L9.31073 6.56536L8.29359 7.30434L8.68214 6.10861L7.66495 5.36963H8.92223L9.31073 4.17389L9.69923 5.36963H10.9565L9.93933 6.10861ZM9.93933 2.61295L10.3279 3.80869L9.31073 3.0697L8.29359 3.80869L8.68214 2.61295L7.66495 1.87397H8.92223L9.31073 0.678234L9.69923 1.87397H10.9565L9.93933 2.61295Z\"\n          fill=\"#0052B4\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5603\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"opGAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons898.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-45fb9404"),t=t(),e.popScopeId(),t),v=["aria-hidden"],N={key:0,"data-testid":"kui-icon-svg-title"},_=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2333)"},[e.createElementVNode("path",{d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M0 12.0002C0 17.1598 3.25655 21.5583 7.82611 23.2538V0.746582C3.25655 2.4421 0 6.84061 0 12.0002Z",fill:"#0052B4"})],-1)),k=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2333"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),I=e.defineComponent({__name:"FlagFrIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),o=Number(r);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,o=e.ref(null),f=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),S=l=>{if(!l)return;const i=l.querySelector("defs"),c={};i&&i.querySelectorAll("[id]").forEach(n=>{const s=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${s}`;c[s]=a,n.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],b=n=>{y.forEach(s=>{const a=n.getAttribute(s);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,d)=>c[d]?`url(#${c[d]})`:u).replace(/#([^\s]+)/g,(u,d)=>c[d]?`#${c[d]}`:u);p!==a&&n.setAttribute(s,p)}})};l.querySelectorAll("*").forEach(n=>{b(n)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&S(o.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-fr-icon","data-testid":"kui-icon-wrapper-flag-fr-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-fr-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",N,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),_,k],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-e2a16e5a"),t=t(),e.popScopeId(),t),v=["aria-hidden"],b={key:0,"data-testid":"kui-icon-svg-title"},E=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_247_6283)"},[e.createElementVNode("path",{d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12 8.86953H23.5866C23.2857 7.75325 22.8284 6.70132 22.2387 5.73907H12V8.86953Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M4.53009 21.3913H19.4698C20.5649 20.5191 21.5041 19.4596 22.2386 18.2609H1.76123C2.49581 19.4596 3.435 20.5191 4.53009 21.3913Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M12 0V2.60869H19.4699C17.42 0.976125 14.8242 0 12 0Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M12 8.86953H23.5866C23.2857 7.75325 22.8284 6.70132 22.2387 5.73907H12V8.86953Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12H0Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M10.435 7.02287L8.96941 7.71226L9.74983 9.13163L8.15842 8.82723L7.95677 10.4348L6.84836 9.25243L5.73986 10.4348L5.53825 8.82723L3.94684 9.13154L4.72722 7.71221L3.26172 7.02287L4.72727 6.33357L3.94684 4.91419L5.5382 5.2186L5.73991 3.61102L6.84836 4.7934L7.95681 3.61102L8.15842 5.2186L9.74988 4.91419L8.96945 6.33362L10.435 7.02287Z",fill:"#FFDA44"})],-1)),L=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_247_6283"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),_=e.defineComponent({__name:"FlagUyIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),l=Number(i);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,l=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const n=String(i.size).replace(/px/gi,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),y=n=>{if(!n)return;const r=n.querySelector("defs"),d={};r&&r.querySelectorAll("[id]").forEach(o=>{const c=o.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${c}`;d[c]=a,o.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],N=o=>{S.forEach(c=>{const a=o.getAttribute(c);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,s)=>d[s]?`url(#${d[s]})`:u).replace(/#([^\s]+)/g,(u,s)=>d[s]?`#${d[s]}`:u);p!==a&&o.setAttribute(c,p)}})};n.querySelectorAll("*").forEach(o=>{N(o)})};return e.onMounted(()=>{i.randomizeIds&&l.value&&y(l.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-uy-icon","data-testid":"kui-icon-wrapper-flag-uy-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:l,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-uy-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",b,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),E,L],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=_;
 //# sourceMappingURL=kong-icons898.cjs.map

package/dist/kong-icons898.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons898.cjs","sources":["../src/components/flags/FlagFrIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagFrIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 18:33:30 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVGs with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes IDs and references internally (e.g. in the `<defs>` tag. Typically only set to false during snapshot testing. Defaults to `true`. */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.\n *\n * The function performs the following steps:\n * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.\n * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-fr-icon\"\n    data-testid=\"kui-icon-wrapper-flag-fr-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-fr-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1_2333)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M24 12.0002C24 6.84061 20.7435 2.4421 16.1739 0.746582V23.2538C20.7435 21.5583 24 17.1598 24 12.0002V12.0002Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M0 12.0002C0 17.1598 3.25655 21.5583 7.82611 23.2538V0.746582C3.25655 2.4421 0 6.84061 0 12.0002Z\"\n          fill=\"#0052B4\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2333\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"4jDAaA,MAAMA,EAAQC,EA4DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAaIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons898.cjs","sources":["../src/components/flags/FlagUyIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagUyIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:22 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's id with the new prefixed id\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-uy-icon\"\n    data-testid=\"kui-icon-wrapper-flag-uy-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-uy-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_247_6283)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 8.86953H23.5866C23.2857 7.75325 22.8284 6.70132 22.2387 5.73907H12V8.86953Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M4.53009 21.3913H19.4698C20.5649 20.5191 21.5041 19.4596 22.2386 18.2609H1.76123C2.49581 19.4596 3.435 20.5191 4.53009 21.3913Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M12 0V2.60869H19.4699C17.42 0.976125 14.8242 0 12 0Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M12 8.86953H23.5866C23.2857 7.75325 22.8284 6.70132 22.2387 5.73907H12V8.86953Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12H0Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M10.435 7.02287L8.96941 7.71226L9.74983 9.13163L8.15842 8.82723L7.95677 10.4348L6.84836 9.25243L5.73986 10.4348L5.53825 8.82723L3.94684 9.13154L4.72722 7.71221L3.26172 7.02287L4.72727 6.33357L3.94684 4.91419L5.5382 5.2186L5.73991 3.61102L6.84836 4.7934L7.95681 3.61102L8.15842 5.2186L9.74988 4.91419L8.96945 6.33362L10.435 7.02287Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_247_6283\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"uzEAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons9.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons776.cjs");;/* empty css                */const t=require("./kong-icons409.cjs"),u=t.default(e.default,[["__scopeId","data-v-a0d094fa"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons484.cjs");;/* empty css                */const t=require("./kong-icons409.cjs"),u=t.default(e.default,[["__scopeId","data-v-bf7b5756"]]);exports.default=u;
 //# sourceMappingURL=kong-icons9.cjs.map

package/dist/kong-icons90.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons938.cjs");;/* empty css                */const t=require("./kong-icons409.cjs"),u=t.default(e.default,[["__scopeId","data-v-c3081b7d"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons646.cjs");;/* empty css                */const t=require("./kong-icons409.cjs"),u=t.default(e.default,[["__scopeId","data-v-0ff80d7a"]]);exports.default=u;
 //# sourceMappingURL=kong-icons90.cjs.map

package/dist/kong-icons900.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-e35be7b1"),t=t(),e.popScopeId(),t),v=["aria-hidden"],N={key:0,"data-testid":"kui-icon-svg-title"},_=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2335)"},[e.createElementVNode("path",{d:"M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z",fill:"#6DA544"})],-1)),k=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2335"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),I=e.defineComponent({__name:"FlagGaIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),o=Number(i);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,o=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),r=Number(l);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),S=l=>{if(!l)return;const r=l.querySelector("defs"),c={};r&&r.querySelectorAll("[id]").forEach(n=>{const s=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${s}`;c[s]=a,n.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],b=n=>{y.forEach(s=>{const a=n.getAttribute(s);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,d)=>c[d]?`url(#${c[d]})`:u).replace(/#([^\s]+)/g,(u,d)=>c[d]?`#${c[d]}`:u);p!==a&&n.setAttribute(s,p)}})};l.querySelectorAll("*").forEach(n=>{b(n)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&S(o.value)}),(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-ga-icon","data-testid":"kui-icon-wrapper-flag-ga-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-ga-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",N,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),_,k],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-d7acd90e"),t=t(),e.popScopeId(),t),E=["aria-hidden"],H={key:0,"data-testid":"kui-icon-svg-title"},S=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5621)"},[e.createElementVNode("path",{d:"M0.566625 8.34788C0.199031 9.4995 -4.68667e-05 10.7264 8.276e-09 11.9999C-4.68667e-05 13.2735 0.199078 14.5005 0.566672 15.6521L12 16.1739L23.4333 15.6522C23.8009 14.5005 24 13.2735 24 12C24 10.7264 23.8009 9.4995 23.4333 8.34783L12 7.82611L0.566625 8.34788Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M23.4332 8.34789L11.9999 7.82617L0.5665 8.34789C0.457563 8.68933 0.363766 9.03747 0.285156 9.39138H23.7144C23.6359 9.03742 23.5421 8.68923 23.4332 8.34789Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M0.285156 14.6086C0.363672 14.9625 0.457469 15.3106 0.566406 15.6521L0.567531 15.6521L11.9997 16.1738L23.433 15.6521C23.542 15.3107 23.6357 14.9625 23.7143 14.6086H0.285156Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M12.0002 23.9999C17.354 23.9999 21.8883 20.4935 23.4335 15.6521H0.566895C2.11213 20.4935 6.64644 23.9999 12.0002 23.9999Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M11.9997 6.10356e-05C6.64595 0.000107911 2.11173 3.5065 0.566406 8.34789L23.433 8.34794C21.8879 3.50645 17.3536 1.41606e-05 11.9997 6.10356e-05Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M5.48376 4.95661C5.48376 3.83268 6.27365 2.89378 7.32848 2.66344C7.16638 2.628 6.99815 2.60883 6.82537 2.60883C5.52871 2.60883 4.47754 3.65995 4.47754 4.95665C4.47754 6.25336 5.52862 7.30448 6.82537 7.30448C6.99815 7.30448 7.16634 7.28526 7.32848 7.24987C6.2737 7.01943 5.48376 6.08053 5.48376 4.95661Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M8.71628 6.0238L8.87519 6.51294H9.3895L8.97344 6.81529L9.13234 7.30443L8.71628 7.00213L8.30012 7.30443L8.45908 6.81529L8.04297 6.51294H8.55728L8.71628 6.0238Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M10.3578 6.0238L10.5167 6.51294H11.0311L10.6149 6.81529L10.7739 7.30443L10.3578 7.00213L9.94168 7.30443L10.1006 6.81529L9.68457 6.51294H10.1988L10.3578 6.0238Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M11.9995 6.0238L12.1584 6.51294H12.6727L12.2566 6.81529L12.4155 7.30443L11.9995 7.00213L11.5833 7.30443L11.7423 6.81529L11.3262 6.51294H11.8405L11.9995 6.0238Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M13.6411 6.0238L13.8 6.51294H14.3143L13.8982 6.81529L14.0572 7.30443L13.6411 7.00213L13.2249 7.30443L13.3839 6.81529L12.9678 6.51294H13.4821L13.6411 6.0238Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M15.2826 6.0238L15.4415 6.51294H15.9559L15.5398 6.81529L15.6987 7.30443L15.2826 7.00213L14.8665 7.30443L15.0254 6.81529L14.6094 6.51294H15.1236L15.2826 6.0238Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M10.3578 4.31628L10.5167 4.80538H11.0311L10.6149 5.10777L10.7739 5.59686L10.3578 5.29457L9.94168 5.59686L10.1006 5.10777L9.68457 4.80538H10.1988L10.3578 4.31628Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M11.9995 4.31628L12.1584 4.80538H12.6727L12.2566 5.10777L12.4155 5.59686L11.9995 5.29457L11.5833 5.59686L11.7423 5.10777L11.3262 4.80538H11.8405L11.9995 4.31628Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M13.6411 4.31628L13.8 4.80538H14.3143L13.8982 5.10777L14.0572 5.59686L13.6411 5.29457L13.2249 5.59686L13.3839 5.10777L12.9678 4.80538H13.4821L13.6411 4.31628Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M15.2826 4.31628L15.4415 4.80538H15.9559L15.5398 5.10777L15.6987 5.59686L15.2826 5.29457L14.8665 5.59686L15.0254 5.10777L14.6094 4.80538H15.1236L15.2826 4.31628Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M11.9995 2.6087L12.1584 3.09789H12.6727L12.2566 3.40019L12.4155 3.88938L11.9995 3.58708L11.5833 3.88938L11.7423 3.40019L11.3262 3.09789H11.8405L11.9995 2.6087Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M13.6411 2.6087L13.8 3.09789H14.3143L13.8982 3.40019L14.0572 3.88938L13.6411 3.58708L13.2249 3.88938L13.3839 3.40019L12.9678 3.09789H13.4821L13.6411 2.6087Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M15.2826 2.6087L15.4415 3.09789H15.9559L15.5398 3.40019L15.6987 3.88938L15.2826 3.58708L14.8665 3.88938L15.0254 3.40019L14.6094 3.09789H15.1236L15.2826 2.6087Z",fill:"#F0F0F0"})],-1)),y=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5621"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),C=e.defineComponent({__name:"FlagUzIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:p.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),r=Number(i);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,r=e.ref(null),u=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const o=String(i.size).replace(/px/gi,""),l=Number(o);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return`${l}px`}return p.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:u.value,lineHeight:"0",width:u.value})),F=o=>{if(!o)return;const l=o.querySelector("defs"),d={};l&&l.querySelectorAll("[id]").forEach(a=>{const c=a.getAttribute("id"),n=`${Math.random().toString(36).substring(2,12)}-${c}`;d[c]=n,a.setAttribute("id",n)});const g=["fill","stroke","filter","mask","clip-path","xlink:href","href"],N=a=>{g.forEach(c=>{const n=a.getAttribute(c);if(n){const f=n.replace(/url\(#([^)]+)\)/g,(s,L)=>d[L]?`url(#${d[L]})`:s).replace(/#([^\s]+)/g,(s,L)=>d[L]?`#${d[L]}`:s);f!==n&&a.setAttribute(c,f)}})};o.querySelectorAll("*").forEach(a=>{N(a)})};return e.onMounted(()=>{i.randomizeIds&&r.value&&F(r.value)}),(o,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-uz-icon","data-testid":"kui-icon-wrapper-flag-uz-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:r,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-uz-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",H,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),S,y],8,E))]),_:1},8,["aria-hidden","style"]))}});exports.default=C;
 //# sourceMappingURL=kong-icons900.cjs.map

package/dist/kong-icons900.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons900.cjs","sources":["../src/components/flags/FlagGaIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGaIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 18:33:30 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVGs with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes IDs and references internally (e.g. in the `<defs>` tag. Typically only set to false during snapshot testing. Defaults to `true`. */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.\n *\n * The function performs the following steps:\n * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.\n * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-ga-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ga-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ga-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1_2335)\">\n        <path\n          d=\"M23.2536 16.174C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12623 23.2536 7.8262L12 6.78271L0.746391 7.8262C0.264047 9.12623 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174L12 17.2175L23.2536 16.174Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M12 0C6.84037 0 2.4419 3.2565 0.746338 7.82611H23.2536C21.5581 3.2565 17.1595 0 12 0Z\"\n          fill=\"#6DA544\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2335\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"kqDAaA,MAAMA,EAAQC,EA4DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAaIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons900.cjs","sources":["../src/components/flags/FlagUzIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagUzIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:22 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's id with the new prefixed id\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-uz-icon\"\n    data-testid=\"kui-icon-wrapper-flag-uz-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-uz-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5621)\">\n        <path\n          d=\"M0.566625 8.34788C0.199031 9.4995 -4.68667e-05 10.7264 8.276e-09 11.9999C-4.68667e-05 13.2735 0.199078 14.5005 0.566672 15.6521L12 16.1739L23.4333 15.6522C23.8009 14.5005 24 13.2735 24 12C24 10.7264 23.8009 9.4995 23.4333 8.34783L12 7.82611L0.566625 8.34788Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.4332 8.34789L11.9999 7.82617L0.5665 8.34789C0.457563 8.68933 0.363766 9.03747 0.285156 9.39138H23.7144C23.6359 9.03742 23.5421 8.68923 23.4332 8.34789Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M0.285156 14.6086C0.363672 14.9625 0.457469 15.3106 0.566406 15.6521L0.567531 15.6521L11.9997 16.1738L23.433 15.6521C23.542 15.3107 23.6357 14.9625 23.7143 14.6086H0.285156Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12.0002 23.9999C17.354 23.9999 21.8883 20.4935 23.4335 15.6521H0.566895C2.11213 20.4935 6.64644 23.9999 12.0002 23.9999Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M11.9997 6.10356e-05C6.64595 0.000107911 2.11173 3.5065 0.566406 8.34789L23.433 8.34794C21.8879 3.50645 17.3536 1.41606e-05 11.9997 6.10356e-05Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M5.48376 4.95661C5.48376 3.83268 6.27365 2.89378 7.32848 2.66344C7.16638 2.628 6.99815 2.60883 6.82537 2.60883C5.52871 2.60883 4.47754 3.65995 4.47754 4.95665C4.47754 6.25336 5.52862 7.30448 6.82537 7.30448C6.99815 7.30448 7.16634 7.28526 7.32848 7.24987C6.2737 7.01943 5.48376 6.08053 5.48376 4.95661Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M8.71628 6.0238L8.87519 6.51294H9.3895L8.97344 6.81529L9.13234 7.30443L8.71628 7.00213L8.30012 7.30443L8.45908 6.81529L8.04297 6.51294H8.55728L8.71628 6.0238Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M10.3578 6.0238L10.5167 6.51294H11.0311L10.6149 6.81529L10.7739 7.30443L10.3578 7.00213L9.94168 7.30443L10.1006 6.81529L9.68457 6.51294H10.1988L10.3578 6.0238Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M11.9995 6.0238L12.1584 6.51294H12.6727L12.2566 6.81529L12.4155 7.30443L11.9995 7.00213L11.5833 7.30443L11.7423 6.81529L11.3262 6.51294H11.8405L11.9995 6.0238Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M13.6411 6.0238L13.8 6.51294H14.3143L13.8982 6.81529L14.0572 7.30443L13.6411 7.00213L13.2249 7.30443L13.3839 6.81529L12.9678 6.51294H13.4821L13.6411 6.0238Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M15.2826 6.0238L15.4415 6.51294H15.9559L15.5398 6.81529L15.6987 7.30443L15.2826 7.00213L14.8665 7.30443L15.0254 6.81529L14.6094 6.51294H15.1236L15.2826 6.0238Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M10.3578 4.31628L10.5167 4.80538H11.0311L10.6149 5.10777L10.7739 5.59686L10.3578 5.29457L9.94168 5.59686L10.1006 5.10777L9.68457 4.80538H10.1988L10.3578 4.31628Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M11.9995 4.31628L12.1584 4.80538H12.6727L12.2566 5.10777L12.4155 5.59686L11.9995 5.29457L11.5833 5.59686L11.7423 5.10777L11.3262 4.80538H11.8405L11.9995 4.31628Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M13.6411 4.31628L13.8 4.80538H14.3143L13.8982 5.10777L14.0572 5.59686L13.6411 5.29457L13.2249 5.59686L13.3839 5.10777L12.9678 4.80538H13.4821L13.6411 4.31628Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M15.2826 4.31628L15.4415 4.80538H15.9559L15.5398 5.10777L15.6987 5.59686L15.2826 5.29457L14.8665 5.59686L15.0254 5.10777L14.6094 4.80538H15.1236L15.2826 4.31628Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M11.9995 2.6087L12.1584 3.09789H12.6727L12.2566 3.40019L12.4155 3.88938L11.9995 3.58708L11.5833 3.88938L11.7423 3.40019L11.3262 3.09789H11.8405L11.9995 2.6087Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M13.6411 2.6087L13.8 3.09789H14.3143L13.8982 3.40019L14.0572 3.88938L13.6411 3.58708L13.2249 3.88938L13.3839 3.40019L12.9678 3.09789H13.4821L13.6411 2.6087Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M15.2826 2.6087L15.4415 3.09789H15.9559L15.5398 3.40019L15.6987 3.88938L15.2826 3.58708L14.8665 3.88938L15.0254 3.40019L14.6094 3.09789H15.1236L15.2826 2.6087Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5621\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"i/JAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons902.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("./kong-icons1218.cjs"),m=t=>(e.pushScopeId("data-v-b3d9aabb"),t=t(),e.popScopeId(),t),b=["aria-hidden"],E={key:0,"data-testid":"kui-icon-svg-title"},S=m(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1415_1325)"},[e.createElementVNode("path",{d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M2.48056 4.69434C1.53796 5.92073 0.827189 7.33424 0.41333 8.86982H6.65605L2.48056 4.69434Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M23.5866 8.86977C23.1728 7.33424 22.4619 5.92073 21.5194 4.69434L17.344 8.86977H23.5866Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M0.41333 15.1299C0.827236 16.6654 1.538 18.0789 2.48056 19.3053L6.65591 15.1299H0.41333Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M19.3058 2.48037C18.0794 1.53776 16.6659 0.826992 15.1304 0.413086V6.65576L19.3058 2.48037Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M4.69409 21.5191C5.92048 22.4617 7.334 23.1725 8.86953 23.5864V17.3438L4.69409 21.5191Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M8.86948 0.413086C7.33395 0.826992 5.92044 1.53776 4.69409 2.48032L8.86948 6.65571V0.413086Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M15.1304 23.5864C16.6659 23.1725 18.0794 22.4617 19.3058 21.5191L15.1304 17.3438V23.5864Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M17.344 15.1299L21.5194 19.3053C22.4619 18.079 23.1728 16.6654 23.5866 15.1299H17.344Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M23.8984 10.4348H13.5653H13.5653V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4694 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4347H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4347V23.8984C10.9471 23.9651 11.4694 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5653H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M15.1304 15.1309L20.4852 20.4857C20.7315 20.2395 20.9664 19.9821 21.1906 19.7153L16.6061 15.1309H15.1304V15.1309Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M8.86951 15.1309H8.86941L3.51465 20.4856C3.76084 20.7319 4.01823 20.9668 4.28504 21.191L8.86951 16.6064V15.1309Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M8.86951 8.8696V8.86951L3.5147 3.51465C3.26842 3.76084 3.03348 4.01823 2.80933 4.28504L7.39384 8.86955H8.86951V8.8696Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M15.1304 8.8698L20.4852 3.5149C20.239 3.26862 19.9817 3.03368 19.7148 2.80957L15.1304 7.39409V8.8698Z",fill:"#D80027"})],-1)),y=m(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1415_1325"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),v=e.defineComponent({__name:"FlagGbIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:h.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),l=Number(i);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,l=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const a=String(i.size).replace(/px/gi,""),r=Number(a);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return h.KUI_ICON_SIZE_50}),g=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),V=a=>{if(!a)return;const r=a.querySelector("defs"),d={};r&&r.querySelectorAll("[id]").forEach(o=>{const c=o.getAttribute("id"),n=`${Math.random().toString(36).substring(2,12)}-${c}`;d[c]=n,o.setAttribute("id",n)});const N=["fill","stroke","filter","mask","clip-path","xlink:href","href"],C=o=>{N.forEach(c=>{const n=o.getAttribute(c);if(n){const p=n.replace(/url\(#([^)]+)\)/g,(u,s)=>d[s]?`url(#${d[s]})`:u).replace(/#([^\s]+)/g,(u,s)=>d[s]?`#${d[s]}`:u);p!==n&&o.setAttribute(c,p)}})};a.querySelectorAll("*").forEach(o=>{C(o)})};return e.onMounted(()=>{i.randomizeIds&&l.value&&V(l.value)}),(a,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-gb-icon","data-testid":"kui-icon-wrapper-flag-gb-icon",style:e.normalizeStyle(g.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:l,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-gb-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",E,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),S,y],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-06a3e5b3"),t=t(),e.popScopeId(),t),v=["aria-hidden"],b={key:0,"data-testid":"kui-icon-svg-title"},N=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5668)"},[e.createElementVNode("path",{d:"M11.9998 0C18.6271 0 23.9998 5.37262 23.9998 12C23.9998 18.6274 18.6271 24 11.9998 24C11.9998 23.4783 10.4346 12 10.4346 12L11.9998 0Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12 24C5.37262 24 0 18.6274 0 12C0 5.37262 5.37262 0 12 0",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M16.5952 10.4421L18.8504 13.4255C18.4951 13.9635 18.497 14.6884 18.9079 15.232C19.4292 15.9216 20.4108 16.0581 21.1004 15.5368C21.79 15.0155 21.9265 14.0339 21.4051 13.3444C20.9943 12.8007 20.2973 12.6012 19.6828 12.7963L16.1681 8.14667L15.3357 8.77592L14.0869 9.7197L15.3454 11.3845L16.5952 10.4421ZM19.8419 13.8719C20.0718 13.6981 20.399 13.7437 20.5728 13.9735C20.7465 14.2033 20.7011 14.5306 20.4712 14.7044C20.2414 14.8781 19.9141 14.8327 19.7404 14.6028C19.5666 14.3729 19.6121 14.0457 19.8419 13.8719Z",fill:"#ACABB1"}),e.createElementVNode("path",{d:"M20.4633 11.3844L21.7218 9.71967L20.4731 8.7758L19.6407 8.14655L16.126 12.7962C15.5115 12.6011 14.8145 12.8007 14.4036 13.3442C13.8823 14.0339 14.0188 15.0154 14.7084 15.5367C15.398 16.0579 16.3796 15.9215 16.9008 15.2319C17.3117 14.6883 17.3136 13.9634 16.9583 13.4254L19.2135 10.442L20.4633 11.3844ZM16.0684 14.6027C15.8947 14.8327 15.5675 14.8781 15.3376 14.7044C15.1077 14.5305 15.0623 14.2033 15.236 13.9734C15.4098 13.7437 15.737 13.6981 15.9669 13.8719C16.1967 14.0457 16.2422 14.3729 16.0684 14.6027Z",fill:"#FFDA44"})],-1)),_=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5668"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),k=e.defineComponent({__name:"FlagVaIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),o=Number(i);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,o=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const n=String(i.size).replace(/px/gi,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),C=n=>{if(!n)return;const r=n.querySelector("defs"),c={};r&&r.querySelectorAll("[id]").forEach(l=>{const d=l.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;c[d]=a,l.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=l=>{S.forEach(d=>{const a=l.getAttribute(d);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,s)=>c[s]?`url(#${c[s]})`:u).replace(/#([^\s]+)/g,(u,s)=>c[s]?`#${c[s]}`:u);p!==a&&l.setAttribute(d,p)}})};n.querySelectorAll("*").forEach(l=>{y(l)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&C(o.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-va-icon","data-testid":"kui-icon-wrapper-flag-va-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-va-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",b,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),N,_],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=k;
 //# sourceMappingURL=kong-icons902.cjs.map

package/dist/kong-icons902.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons902.cjs","sources":["../src/components/flags/FlagGbIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGbIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 23 Sep 2024 18:33:30 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVGs with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes IDs and references internally (e.g. in the `<defs>` tag. Typically only set to false during snapshot testing. Defaults to `true`. */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefixes all IDs within the <defs> section of an SVG element and updates all references to these IDs. This is useful to avoid ID conflicts when embedding multiple SVGs in a document.\n *\n * The function performs the following steps:\n * 1. Finds all direct children of the <defs> element that have an `id` attribute and prefixes their IDs with a random string.\n * 2. Updates all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`, etc.\n *\n * The prefix is a random string generated using `Math.random().toString(36).substring(2, 12)` which should be sufficient for most use-cases.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Step 1: Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's ID with the new prefixed ID\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-gb-icon\"\n    data-testid=\"kui-icon-wrapper-flag-gb-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-gb-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1415_1325)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M2.48056 4.69434C1.53796 5.92073 0.827189 7.33424 0.41333 8.86982H6.65605L2.48056 4.69434Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M23.5866 8.86977C23.1728 7.33424 22.4619 5.92073 21.5194 4.69434L17.344 8.86977H23.5866Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M0.41333 15.1299C0.827236 16.6654 1.538 18.0789 2.48056 19.3053L6.65591 15.1299H0.41333Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M19.3058 2.48037C18.0794 1.53776 16.6659 0.826992 15.1304 0.413086V6.65576L19.3058 2.48037Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M4.69409 21.5191C5.92048 22.4617 7.334 23.1725 8.86953 23.5864V17.3438L4.69409 21.5191Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M8.86948 0.413086C7.33395 0.826992 5.92044 1.53776 4.69409 2.48032L8.86948 6.65571V0.413086Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M15.1304 23.5864C16.6659 23.1725 18.0794 22.4617 19.3058 21.5191L15.1304 17.3438V23.5864Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M17.344 15.1299L21.5194 19.3053C22.4619 18.079 23.1728 16.6654 23.5866 15.1299H17.344Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M23.8984 10.4348H13.5653H13.5653V0.101578C13.0529 0.034875 12.5305 0 12 0C11.4694 0 10.9471 0.034875 10.4348 0.101578V10.4347V10.4347H0.101578C0.034875 10.9471 0 11.4695 0 12C0 12.5306 0.034875 13.0529 0.101578 13.5652H10.4347H10.4347V23.8984C10.9471 23.9651 11.4694 24 12 24C12.5305 24 13.0529 23.9652 13.5652 23.8984V13.5653V13.5653H23.8984C23.9651 13.0529 24 12.5306 24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M15.1304 15.1309L20.4852 20.4857C20.7315 20.2395 20.9664 19.9821 21.1906 19.7153L16.6061 15.1309H15.1304V15.1309Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M8.86951 15.1309H8.86941L3.51465 20.4856C3.76084 20.7319 4.01823 20.9668 4.28504 21.191L8.86951 16.6064V15.1309Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M8.86951 8.8696V8.86951L3.5147 3.51465C3.26842 3.76084 3.03348 4.01823 2.80933 4.28504L7.39384 8.86955H8.86951V8.8696Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M15.1304 8.8698L20.4852 3.5149C20.239 3.26862 19.9817 3.03368 19.7148 2.80957L15.1304 7.39409V8.8698Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_1325\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"28GAaA,MAAMA,EAAQC,EA4DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAaIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons902.cjs","sources":["../src/components/flags/FlagVaIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagVaIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:22 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's id with the new prefixed id\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-va-icon\"\n    data-testid=\"kui-icon-wrapper-flag-va-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-va-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5668)\">\n        <path\n          d=\"M11.9998 0C18.6271 0 23.9998 5.37262 23.9998 12C23.9998 18.6274 18.6271 24 11.9998 24C11.9998 23.4783 10.4346 12 10.4346 12L11.9998 0Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 24C5.37262 24 0 18.6274 0 12C0 5.37262 5.37262 0 12 0\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M16.5952 10.4421L18.8504 13.4255C18.4951 13.9635 18.497 14.6884 18.9079 15.232C19.4292 15.9216 20.4108 16.0581 21.1004 15.5368C21.79 15.0155 21.9265 14.0339 21.4051 13.3444C20.9943 12.8007 20.2973 12.6012 19.6828 12.7963L16.1681 8.14667L15.3357 8.77592L14.0869 9.7197L15.3454 11.3845L16.5952 10.4421ZM19.8419 13.8719C20.0718 13.6981 20.399 13.7437 20.5728 13.9735C20.7465 14.2033 20.7011 14.5306 20.4712 14.7044C20.2414 14.8781 19.9141 14.8327 19.7404 14.6028C19.5666 14.3729 19.6121 14.0457 19.8419 13.8719Z\"\n          fill=\"#ACABB1\"\n        />\n        <path\n          d=\"M20.4633 11.3844L21.7218 9.71967L20.4731 8.7758L19.6407 8.14655L16.126 12.7962C15.5115 12.6011 14.8145 12.8007 14.4036 13.3442C13.8823 14.0339 14.0188 15.0154 14.7084 15.5367C15.398 16.0579 16.3796 15.9215 16.9008 15.2319C17.3117 14.6883 17.3136 13.9634 16.9583 13.4254L19.2135 10.442L20.4633 11.3844ZM16.0684 14.6027C15.8947 14.8327 15.5675 14.8781 15.3376 14.7044C15.1077 14.5305 15.0623 14.2033 15.236 13.9734C15.4098 13.7437 15.737 13.6981 15.9669 13.8719C16.1967 14.0457 16.2422 14.3729 16.0684 14.6027Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5668\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":"2+EAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}