@kong/icons 1.15.3-pr.391.542a583.0 → 1.15.3-pr.391.5c59f07.0

package/dist/kong-icons850.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons850.cjs","sources":["../src/components/flags/FlagCoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCoIcon.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:15 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-co-icon\"\n    data-testid=\"kui-icon-wrapper-flag-co-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-co-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_2303)\">\n        <path\n          d=\"M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12L12 13.0435L0 12Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M1.60575 17.9999C3.68067 21.5866 7.55836 23.9999 12 23.9999C16.4416 23.9999 20.3193 21.5866 22.3942 17.9999L12 17.2173L1.60575 17.9999Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M22.3942 18C23.4153 16.235 24 14.1858 24 12H0C0 14.1858 0.584719 16.235 1.60575 18H22.3942Z\"\n          fill=\"#0052B4\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2303\">\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":"yiDAaA,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"}
+{"version":3,"file":"kong-icons850.cjs","sources":["../src/components/flags/FlagStIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagStIcon.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-st-icon\"\n    data-testid=\"kui-icon-wrapper-flag-st-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-st-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_5161)\">\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=\"#FFDA44\"\n        />\n        <path\n          d=\"M7.30437 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0C8.68625 0 5.68657 1.34339 3.51514 3.51511L7.30437 7.82611Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M7.30437 16.1739H23.2536C21.5581 20.7435 17.1596 24 12 24C8.68625 24 5.68657 22.6566 3.51514 20.4849L7.30437 16.1739Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M3.51471 3.51468C-1.17157 8.20096 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51468Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M15.2378 9.91302L15.7558 11.5073H17.4322L16.076 12.4927L16.594 14.087L15.2378 13.1016L13.8816 14.087L14.3996 12.4927L13.0435 11.5073H14.7198L15.2378 9.91302Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M20.4551 9.91302L20.9731 11.5073H22.6495L21.2933 12.4927L21.8113 14.087L20.4551 13.1016L19.0989 14.087L19.6169 12.4927L18.2607 11.5073H19.9371L20.4551 9.91302Z\"\n          fill=\"black\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5161\">\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":"iqEAaA,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-icons852.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-31c6dadf"),t=t(),e.popScopeId(),t),N=["aria-hidden"],b={key:0,"data-testid":"kui-icon-svg-title"},C=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2307)"},[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.2536 7.82617H0.746391C0.264047 9.12616 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174H23.2537C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12616 23.2536 7.82617Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M12 0C8.36293 0 5.10404 1.61831 2.9034 4.17389H21.0966C18.896 1.61831 15.6371 0 12 0V0Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M21.0966 19.8262H2.9034C5.10404 22.3818 8.36293 24.0001 12 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262Z",fill:"#0052B4"})],-1)),_=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2307"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),k=e.defineComponent({__name:"FlagCrIcon",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 n=String(r.size).replace(/px/gi,""),i=Number(n);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=n=>{if(!n)return;const i=n.querySelector("defs"),c={};i&&i.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 y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],v=l=>{y.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=>{v(l)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&S(o.value)}),(n,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-cr-icon","data-testid":"kui-icon-wrapper-flag-cr-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-cr-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),C,_],8,N))]),_:1},8,["aria-hidden","style"]))}});exports.default=k;
+"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-64b4b633"),t=t(),e.popScopeId(),t),N=["aria-hidden"],b={key:0,"data-testid":"kui-icon-svg-title"},C=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2321)"},[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 0C7.24248 0 3.13173 2.76867 1.19073 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.19073C3.13173 21.2312 7.24248 23.9999 12 23.9999Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M9.59015 12.5215L12 8.34766L14.4098 12.5215H9.59015Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M15.1305 13.8999L12 15.4652L8.86957 13.8999V11.813H15.1305V13.8999Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M14.9514 8.52686L13.8446 9.63362C14.3167 10.1057 14.6088 10.7579 14.6088 11.4782C14.6088 12.919 13.4408 14.0869 12.0001 14.0869C10.5594 14.0869 9.39138 12.9189 9.39138 11.4782C9.39138 10.7579 9.68341 10.1057 10.1555 9.63362L9.04872 8.52686C8.29333 9.28211 7.82617 10.3256 7.82617 11.4782C7.82617 13.7835 9.69489 15.6521 12.0001 15.6521C14.3052 15.6521 16.174 13.7834 16.174 11.4782C16.1739 10.3256 15.7068 9.28211 14.9514 8.52686V8.52686Z",fill:"#FFDA44"})],-1)),E=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2321"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),_=e.defineComponent({__name:"FlagSvIcon",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})),S=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 v=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=o=>{v.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=>{y(o)})};return e.onMounted(()=>{i.randomizeIds&&l.value&&S(l.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-sv-icon","data-testid":"kui-icon-wrapper-flag-sv-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-sv-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),C,E],8,N))]),_:1},8,["aria-hidden","style"]))}});exports.default=_;
 //# sourceMappingURL=kong-icons852.cjs.map

package/dist/kong-icons852.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons852.cjs","sources":["../src/components/flags/FlagCrIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCrIcon.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:15 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-cr-icon\"\n    data-testid=\"kui-icon-wrapper-flag-cr-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-cr-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_2307)\">\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.2536 7.82617H0.746391C0.264047 9.12616 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174H23.2537C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12616 23.2536 7.82617Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12 0C8.36293 0 5.10404 1.61831 2.9034 4.17389H21.0966C18.896 1.61831 15.6371 0 12 0V0Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M21.0966 19.8262H2.9034C5.10404 22.3818 8.36293 24.0001 12 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262Z\"\n          fill=\"#0052B4\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2307\">\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":"yyDAaA,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"}
+{"version":3,"file":"kong-icons852.cjs","sources":["../src/components/flags/FlagSvIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSvIcon.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-sv-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sv-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sv-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_2321)\">\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 0C7.24248 0 3.13173 2.76867 1.19073 6.78262H22.8092C20.8683 2.76867 16.7575 0 12 0V0Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M12 23.9999C16.7575 23.9999 20.8683 21.2312 22.8093 17.2173H1.19073C3.13173 21.2312 7.24248 23.9999 12 23.9999Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M9.59015 12.5215L12 8.34766L14.4098 12.5215H9.59015Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M15.1305 13.8999L12 15.4652L8.86957 13.8999V11.813H15.1305V13.8999Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M14.9514 8.52686L13.8446 9.63362C14.3167 10.1057 14.6088 10.7579 14.6088 11.4782C14.6088 12.919 13.4408 14.0869 12.0001 14.0869C10.5594 14.0869 9.39138 12.9189 9.39138 11.4782C9.39138 10.7579 9.68341 10.1057 10.1555 9.63362L9.04872 8.52686C8.29333 9.28211 7.82617 10.3256 7.82617 11.4782C7.82617 13.7835 9.69489 15.6521 12.0001 15.6521C14.3052 15.6521 16.174 13.7834 16.174 11.4782C16.1739 10.3256 15.7068 9.28211 14.9514 8.52686V8.52686Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2321\">\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":"4vEAaA,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-icons854.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-c3171f41"),t=t(),e.popScopeId(),t),v=["aria-hidden"],C={key:0,"data-testid":"kui-icon-svg-title"},b=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2309)"},[e.createElementVNode("path",{d:"M4.6875e-05 2.08691H0V21.913H4.6875e-05V12V2.08691Z",fill:"#FF9811"}),e.createElementVNode("path",{d:"M12 23.9999C18.6273 23.9999 23.9999 18.6273 23.9999 12C23.9999 5.37256 18.6273 0 12 0C5.37256 0 0 5.37256 0 12C0 18.6273 5.37256 23.9999 12 23.9999Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12.0001 0C8.07418 0 4.58883 1.88545 2.39954 4.8H21.6005C19.4113 1.88541 15.9259 0 12.0001 0V0Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M12.0001 23.9997C15.9259 23.9997 19.4113 22.1143 21.6006 19.1997H2.39954C4.58879 22.1143 8.07418 23.9997 12.0001 23.9997Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M6.10352e-05 12.0001C6.10352e-05 12.8221 0.082936 13.6246 0.240389 14.4001H23.7598C23.9172 13.6246 24.0001 12.8221 24.0001 12.0001C24.0001 11.1781 23.9172 10.3756 23.7598 9.6001H0.240389C0.082936 10.3756 6.10352e-05 11.1781 6.10352e-05 12.0001V12.0001Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M3.51474 3.51465C-1.1715 8.20088 -1.1715 15.7989 3.51474 20.4852C5.45128 18.5487 7.31372 16.6862 12 12L3.51474 3.51465Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M4.85676 8.86963L5.63367 11.261H8.14832L6.11409 12.739L6.891 15.1304L4.85676 13.6524L2.82243 15.1304L3.59953 12.739L1.56525 11.261H4.07972L4.85676 8.86963Z",fill:"#F0F0F0"})],-1)),E=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2309"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),_=e.defineComponent({__name:"FlagCuIcon",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})),S=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 y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],N=o=>{y.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=>{N(o)})};return e.onMounted(()=>{i.randomizeIds&&l.value&&S(l.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-cu-icon","data-testid":"kui-icon-wrapper-flag-cu-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-cu-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),b,E],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("./kong-icons1218.cjs"),g=t=>(e.pushScopeId("data-v-190768db"),t=t(),e.popScopeId(),t),N=["aria-hidden"],b={key:0,"data-testid":"kui-icon-svg-title"},v=g(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5251)"},[e.createElementVNode("path",{d:"M10.9565 13.0435C10.9565 13.0435 3.52168 3.51305 3.51465 3.51473C5.68618 1.34316 8.68623 0 12 0C18.6273 0 24 5.37262 24 12L10.9565 13.0435Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M10.9565 12C10.9565 12 3.52168 20.487 3.51465 20.4853C5.68618 22.6568 8.68623 24 12 24C18.6273 24 24 18.6274 24 12H10.9565Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M1.31521 12.0001C1.30865 12.0862 1.3042 12.173 1.3042 12.2609C1.3042 14.1338 2.82257 15.6522 4.69551 15.6522C6.56845 15.6522 8.08682 14.1338 8.08682 12.2609C8.08682 12.173 8.08237 12.0862 8.07581 12.0001H1.31521Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M4.69534 10.4348C5.27164 10.4348 5.73882 9.96762 5.73882 9.39132C5.73882 8.81502 5.27164 8.34784 4.69534 8.34784C4.11904 8.34784 3.65186 8.81502 3.65186 9.39132C3.65186 9.96762 4.11904 10.4348 4.69534 10.4348Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M2.34766 9.13043V12.5217C2.34766 14.3189 4.69548 14.8696 4.69548 14.8696C4.69548 14.8696 7.04331 14.3189 7.04331 12.5217V9.13043H2.34766Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M4.69663 13.7775C4.26107 13.6207 3.39111 13.2202 3.39111 12.5217V10.1739H5.99985V12.5217C5.99985 13.2225 5.12999 13.6221 4.69663 13.7775Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M5.21743 11.4783V10.9565L4.69571 10.6957L4.17395 10.9565V11.4783L3.91309 11.7392V12.7826H5.47834V11.7392L5.21743 11.4783Z",fill:"#F3F3F3"})],-1)),E=g(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5251"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),V=e.defineComponent({__name:"FlagSxIcon",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 n=String(i.size).replace(/px/gi,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return h.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=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 C=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=o=>{C.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=>{y(o)})};return e.onMounted(()=>{i.randomizeIds&&l.value&&S(l.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-sx-icon","data-testid":"kui-icon-wrapper-flag-sx-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-sx-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),v,E],8,N))]),_:1},8,["aria-hidden","style"]))}});exports.default=V;
 //# sourceMappingURL=kong-icons854.cjs.map

package/dist/kong-icons854.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons854.cjs","sources":["../src/components/flags/FlagCuIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCuIcon.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:15 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-cu-icon\"\n    data-testid=\"kui-icon-wrapper-flag-cu-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-cu-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_2309)\">\n        <path\n          d=\"M4.6875e-05 2.08691H0V21.913H4.6875e-05V12V2.08691Z\"\n          fill=\"#FF9811\"\n        />\n        <path\n          d=\"M12 23.9999C18.6273 23.9999 23.9999 18.6273 23.9999 12C23.9999 5.37256 18.6273 0 12 0C5.37256 0 0 5.37256 0 12C0 18.6273 5.37256 23.9999 12 23.9999Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12.0001 0C8.07418 0 4.58883 1.88545 2.39954 4.8H21.6005C19.4113 1.88541 15.9259 0 12.0001 0V0Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M12.0001 23.9997C15.9259 23.9997 19.4113 22.1143 21.6006 19.1997H2.39954C4.58879 22.1143 8.07418 23.9997 12.0001 23.9997Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M6.10352e-05 12.0001C6.10352e-05 12.8221 0.082936 13.6246 0.240389 14.4001H23.7598C23.9172 13.6246 24.0001 12.8221 24.0001 12.0001C24.0001 11.1781 23.9172 10.3756 23.7598 9.6001H0.240389C0.082936 10.3756 6.10352e-05 11.1781 6.10352e-05 12.0001V12.0001Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M3.51474 3.51465C-1.1715 8.20088 -1.1715 15.7989 3.51474 20.4852C5.45128 18.5487 7.31372 16.6862 12 12L3.51474 3.51465Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M4.85676 8.86963L5.63367 11.261H8.14832L6.11409 12.739L6.891 15.1304L4.85676 13.6524L2.82243 15.1304L3.59953 12.739L1.56525 11.261H4.07972L4.85676 8.86963Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2309\">\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":"s3EAaA,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"}
+{"version":3,"file":"kong-icons854.cjs","sources":["../src/components/flags/FlagSxIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSxIcon.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-sx-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sx-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sx-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_5251)\">\n        <path\n          d=\"M10.9565 13.0435C10.9565 13.0435 3.52168 3.51305 3.51465 3.51473C5.68618 1.34316 8.68623 0 12 0C18.6273 0 24 5.37262 24 12L10.9565 13.0435Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M10.9565 12C10.9565 12 3.52168 20.487 3.51465 20.4853C5.68618 22.6568 8.68623 24 12 24C18.6273 24 24 18.6274 24 12H10.9565Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M3.51471 3.51471C-1.17157 8.20099 -1.17157 15.799 3.51471 20.4853C5.45126 18.5488 7.31374 16.6863 12 12L3.51471 3.51471Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M1.31521 12.0001C1.30865 12.0862 1.3042 12.173 1.3042 12.2609C1.3042 14.1338 2.82257 15.6522 4.69551 15.6522C6.56845 15.6522 8.08682 14.1338 8.08682 12.2609C8.08682 12.173 8.08237 12.0862 8.07581 12.0001H1.31521Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M4.69534 10.4348C5.27164 10.4348 5.73882 9.96762 5.73882 9.39132C5.73882 8.81502 5.27164 8.34784 4.69534 8.34784C4.11904 8.34784 3.65186 8.81502 3.65186 9.39132C3.65186 9.96762 4.11904 10.4348 4.69534 10.4348Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M2.34766 9.13043V12.5217C2.34766 14.3189 4.69548 14.8696 4.69548 14.8696C4.69548 14.8696 7.04331 14.3189 7.04331 12.5217V9.13043H2.34766Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M4.69663 13.7775C4.26107 13.6207 3.39111 13.2202 3.39111 12.5217V10.1739H5.99985V12.5217C5.99985 13.2225 5.12999 13.6221 4.69663 13.7775Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M5.21743 11.4783V10.9565L4.69571 10.6957L4.17395 10.9565V11.4783L3.91309 11.7392V12.7826H5.47834V11.7392L5.21743 11.4783Z\"\n          fill=\"#F3F3F3\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5251\">\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":"8qFAaA,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-icons856.cjs

@@ -1,2 +1,2 @@
-"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-cd5da154"),t=t(),e.popScopeId(),t),S=["aria-hidden"],v={key:0,"data-testid":"kui-icon-svg-title"},y=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2294)"},[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 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262H2.90338C5.10402 22.3818 8.36291 24.0001 12 24.0001Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M0.953796 16.6958C1.18512 17.2394 1.45555 17.7621 1.76131 18.261H22.2387C22.5444 17.7621 22.8148 17.2393 23.0463 16.6958H0.953796Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M8.57767 12.7827L8.77192 13.3806H9.40056L8.89201 13.7501L9.08626 14.3479L8.57767 13.9784L8.06907 14.3479L8.26337 13.7501L7.75482 13.3806H8.38346L8.57767 12.7827Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M8.57767 20.6089L8.77192 21.2068H9.40056L8.89201 21.5762L9.08626 22.1741L8.57767 21.8046L8.06907 22.1741L8.26337 21.5762L7.75482 21.2068H8.38346L8.57767 20.6089Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M4.93472 17.9619L5.12897 18.5597H5.75761L5.24907 18.9292L5.44331 19.5271L4.93472 19.1576L4.42613 19.5271L4.62047 18.9292L4.11188 18.5597H4.74047L4.93472 17.9619Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M6.32619 13.5654L6.52044 14.1633H7.14903L6.64053 14.5328L6.83478 15.1307L6.32619 14.7612L5.81759 15.1307L6.01194 14.5328L5.5033 14.1633H6.13194L6.32619 13.5654Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M4.11188 16.0271L4.74038 16.0272L4.93467 15.4292L5.12897 16.0271L5.75761 16.0271L5.24902 16.3966L5.44331 16.9945L4.93467 16.625L4.42613 16.9944L4.62038 16.3966L4.11188 16.0271Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M5.81769 21.277L6.01194 20.6793L5.5033 20.3098H6.13194L6.32623 19.7119L6.52053 20.3098H7.14912L6.64053 20.6792L6.83478 21.2772L6.32619 20.9076L5.81769 21.277Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M12.2192 17.9619L12.025 18.5597H11.3964L11.9049 18.9292L11.7106 19.5271L12.2192 19.1576L12.7278 19.5271L12.5335 18.9292L13.0421 18.5597H12.4135L12.2192 17.9619Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M10.8277 13.5654L10.6335 14.1633H10.0049L10.5134 14.5328L10.3191 15.1307L10.8277 14.7612L11.3363 15.1307L11.142 14.5328L11.6506 14.1633H11.022L10.8277 13.5654Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M13.0421 16.0271L12.4135 16.0272L12.2193 15.4292L12.025 16.0271L11.3964 16.0271L11.9049 16.3966L11.7106 16.9945L12.2193 16.625L12.7278 16.9944L12.5335 16.3966L13.0421 16.0271Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M11.3363 21.277L11.1421 20.6793L11.6507 20.3098H11.0221L10.8278 19.7119L10.6335 20.3098H10.0049L10.5135 20.6792L10.3192 21.2772L10.8278 20.9076L11.3363 21.277Z",fill:"#FFDA44"})],-1)),F=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2294"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),b=e.defineComponent({__name:"FlagCvIcon",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,""),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),u=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 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})),g=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"],E=o=>{N.forEach(c=>{const n=o.getAttribute(c);if(n){const f=n.replace(/url\(#([^)]+)\)/g,(L,s)=>d[s]?`url(#${d[s]})`:L).replace(/#([^\s]+)/g,(L,s)=>d[s]?`#${d[s]}`:L);f!==n&&o.setAttribute(c,f)}})};a.querySelectorAll("*").forEach(o=>{E(o)})};return e.onMounted(()=>{i.randomizeIds&&l.value&&g(l.value)}),(a,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-cv-icon","data-testid":"kui-icon-wrapper-flag-cv-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-cv-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),y,F],8,S))]),_:1},8,["aria-hidden","style"]))}});exports.default=b;
+"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-f6076112"),t=t(),e.popScopeId(),t),b=["aria-hidden"],v={key:0,"data-testid":"kui-icon-svg-title"},_=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_247_6261)"},[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.9999 0C6.84037 0 2.44185 3.2565 0.746338 7.82611H23.2536C21.558 3.2565 17.1595 0 11.9999 0Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M11.9999 24C17.1595 24 21.558 20.7435 23.2536 16.1739H0.746338C2.44185 20.7435 6.84037 24 11.9999 24Z",fill:"black"}),e.createElementVNode("path",{d:"M7.17018 9.13043L7.81767 11.1232H9.91312L8.21789 12.355L8.86542 14.3478L7.17018 13.1162L5.47495 14.3478L6.12248 12.355L4.42725 11.1232H6.5227L7.17018 9.13043Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M16.8301 9.13043L17.4776 11.1232H19.5731L17.8778 12.355L18.5253 14.3478L16.8301 13.1162L15.1349 14.3478L15.7824 12.355L14.0872 11.1232H16.1826L16.8301 9.13043Z",fill:"#6DA544"})],-1)),k=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_247_6261"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),E=e.defineComponent({__name:"FlagSyIcon",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})),y=n=>{if(!n)return;const r=n.querySelector("defs"),c={};r&&r.querySelectorAll("[id]").forEach(l=>{const s=l.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${s}`;c[s]=a,l.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],N=l=>{S.forEach(s=>{const a=l.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&&l.setAttribute(s,p)}})};n.querySelectorAll("*").forEach(l=>{N(l)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&y(o.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-sy-icon","data-testid":"kui-icon-wrapper-flag-sy-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-sy-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),_,k],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=E;
 //# sourceMappingURL=kong-icons856.cjs.map

package/dist/kong-icons856.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons856.cjs","sources":["../src/components/flags/FlagCvIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCvIcon.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:15 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-cv-icon\"\n    data-testid=\"kui-icon-wrapper-flag-cv-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-cv-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_2294)\">\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 24.0001C15.6371 24.0001 18.896 22.3818 21.0966 19.8262H2.90338C5.10402 22.3818 8.36291 24.0001 12 24.0001Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M24 12C24 5.37262 18.6274 0 12 0C5.37262 0 0 5.37262 0 12C0 13.0831 0.144375 14.1323 0.413391 15.1305H23.5867C23.8556 14.1323 24 13.0831 24 12Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M0.953796 16.6958C1.18512 17.2394 1.45555 17.7621 1.76131 18.261H22.2387C22.5444 17.7621 22.8148 17.2393 23.0463 16.6958H0.953796Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M8.57767 12.7827L8.77192 13.3806H9.40056L8.89201 13.7501L9.08626 14.3479L8.57767 13.9784L8.06907 14.3479L8.26337 13.7501L7.75482 13.3806H8.38346L8.57767 12.7827Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M8.57767 20.6089L8.77192 21.2068H9.40056L8.89201 21.5762L9.08626 22.1741L8.57767 21.8046L8.06907 22.1741L8.26337 21.5762L7.75482 21.2068H8.38346L8.57767 20.6089Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M4.93472 17.9619L5.12897 18.5597H5.75761L5.24907 18.9292L5.44331 19.5271L4.93472 19.1576L4.42613 19.5271L4.62047 18.9292L4.11188 18.5597H4.74047L4.93472 17.9619Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M6.32619 13.5654L6.52044 14.1633H7.14903L6.64053 14.5328L6.83478 15.1307L6.32619 14.7612L5.81759 15.1307L6.01194 14.5328L5.5033 14.1633H6.13194L6.32619 13.5654Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M4.11188 16.0271L4.74038 16.0272L4.93467 15.4292L5.12897 16.0271L5.75761 16.0271L5.24902 16.3966L5.44331 16.9945L4.93467 16.625L4.42613 16.9944L4.62038 16.3966L4.11188 16.0271Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M5.81769 21.277L6.01194 20.6793L5.5033 20.3098H6.13194L6.32623 19.7119L6.52053 20.3098H7.14912L6.64053 20.6792L6.83478 21.2772L6.32619 20.9076L5.81769 21.277Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12.2192 17.9619L12.025 18.5597H11.3964L11.9049 18.9292L11.7106 19.5271L12.2192 19.1576L12.7278 19.5271L12.5335 18.9292L13.0421 18.5597H12.4135L12.2192 17.9619Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M10.8277 13.5654L10.6335 14.1633H10.0049L10.5134 14.5328L10.3191 15.1307L10.8277 14.7612L11.3363 15.1307L11.142 14.5328L11.6506 14.1633H11.022L10.8277 13.5654Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M13.0421 16.0271L12.4135 16.0272L12.2193 15.4292L12.025 16.0271L11.3964 16.0271L11.9049 16.3966L11.7106 16.9945L12.2193 16.625L12.7278 16.9944L12.5335 16.3966L13.0421 16.0271Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M11.3363 21.277L11.1421 20.6793L11.6507 20.3098H11.0221L10.8278 19.7119L10.6335 20.3098H10.0049L10.5135 20.6792L10.3192 21.2772L10.8278 20.9076L11.3363 21.277Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2294\">\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":"43HAaA,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"}
+{"version":3,"file":"kong-icons856.cjs","sources":["../src/components/flags/FlagSyIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSyIcon.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-sy-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sy-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sy-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_6261)\">\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.9999 0C6.84037 0 2.44185 3.2565 0.746338 7.82611H23.2536C21.558 3.2565 17.1595 0 11.9999 0Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M11.9999 24C17.1595 24 21.558 20.7435 23.2536 16.1739H0.746338C2.44185 20.7435 6.84037 24 11.9999 24Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M7.17018 9.13043L7.81767 11.1232H9.91312L8.21789 12.355L8.86542 14.3478L7.17018 13.1162L5.47495 14.3478L6.12248 12.355L4.42725 11.1232H6.5227L7.17018 9.13043Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M16.8301 9.13043L17.4776 11.1232H19.5731L17.8778 12.355L18.5253 14.3478L16.8301 13.1162L15.1349 14.3478L15.7824 12.355L14.0872 11.1232H16.1826L16.8301 9.13043Z\"\n          fill=\"#6DA544\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_247_6261\">\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":"u9DAaA,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-icons858.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-33f6dff9"),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_1_2311)"},[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:"#FCFCFC"}),e.createElementVNode("path",{d:"M18.7826 10.4346C18.4174 10.4346 17.9652 10.4346 17.2174 10.4346C17.2174 13.3161 14.8815 15.6519 12 15.6519C9.1185 15.6519 6.78267 13.3161 6.78267 10.4346C6.2783 10.4346 5.72175 10.4346 5.21747 10.4346C5.21747 13.5384 7.30228 16.1553 10.1481 16.9612C9.83606 17.5539 9.88359 18.3001 10.3293 18.8563C10.9147 18.3871 11.5207 17.9014 12.0348 17.4895C12.549 17.9015 13.155 18.3871 13.7404 18.8563C14.1905 18.2946 14.2348 17.5389 13.9124 16.9434C16.727 16.1176 18.7826 13.5163 18.7826 10.4346V10.4346Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M7.82611 9.91291C7.82611 9.91291 7.82611 12.5216 10.4348 12.5216L10.9565 13.0433H12C12 13.0433 12.5217 11.4781 13.5652 11.4781C13.5652 11.4781 13.5652 10.4346 14.6087 10.4346C15.6522 10.4346 16.1739 10.4346 16.1739 10.4346C16.1739 10.4346 15.6522 8.34766 18.2609 6.78246L17.2174 6.26074C17.2174 6.26074 13.5652 8.86943 10.9565 8.34771V9.3912H9.91303L9.39131 8.86948L7.82611 9.91291Z",fill:"#FFDA44"})],-1)),_=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2311"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),k=e.defineComponent({__name:"FlagCyIcon",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})),C=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"],S=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=>{S(n)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&C(o.value)}),(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-cy-icon","data-testid":"kui-icon-wrapper-flag-cy-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-cy-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;
+"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-e4063cc0"),t=t(),e.popScopeId(),t),y=["aria-hidden"],E={key:0,"data-testid":"kui-icon-svg-title"},b=m(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5380)"},[e.createElementVNode("path",{d:"M22.8093 17.2174C23.5721 15.6398 24 13.8698 24 12C24 10.1302 23.5721 8.36021 22.8093 6.78263L12 6.26086L1.19072 6.78258C0.427875 8.36021 0 10.1302 0 12C0 13.8698 0.427875 15.6398 1.19072 17.2174L12 17.7391L22.8093 17.2174Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z",fill:"black"}),e.createElementVNode("path",{d:"M12.0002 24C7.24267 24 3.13192 21.2313 1.19092 17.2173H22.8094C20.8685 21.2313 16.7577 24 12.0002 24Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M23.4333 8.34784H0.566672C0.199078 9.49951 0 10.7265 0 12C0 13.2736 0.199078 14.5005 0.566672 15.6522H23.4333C23.8009 14.5005 24 13.2736 24 12C24 10.7265 23.8009 9.49951 23.4333 8.34784Z",fill:"#A2001D"}),e.createElementVNode("path",{d:"M4.17383 11.4783H19.826V12.5218H4.17383V11.4783Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M6.26074 9.3913H17.739V10.4348H6.26074V9.3913Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M17.8138 12C17.8138 12 15.1305 15.1305 12.0001 15.1305C8.86968 15.1305 8.86963 12 8.86963 12C8.86963 12 8.86963 8.86957 12.0001 8.86957C15.1305 8.86957 17.8138 12 17.8138 12Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12.0002 15.1305C8.86974 15.1305 6.18652 12 6.18652 12C6.18652 12 8.86974 8.86957 12.0002 8.86957",fill:"black"}),e.createElementVNode("path",{d:"M9.91309 10.9565H10.9566V13.0435H9.91309V10.9565Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M13.0435 10.9565H14.0869V13.0435H13.0435V10.9565Z",fill:"black"}),e.createElementVNode("path",{d:"M4.17386 13.0435C4.75016 13.0435 5.21734 12.5763 5.21734 12C5.21734 11.4237 4.75016 10.9565 4.17386 10.9565C3.59756 10.9565 3.13037 11.4237 3.13037 12C3.13037 12.5763 3.59756 13.0435 4.17386 13.0435Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M19.8262 13.0435C20.4025 13.0435 20.8697 12.5763 20.8697 12C20.8697 11.4237 20.4025 10.9565 19.8262 10.9565C19.2499 10.9565 18.7827 11.4237 18.7827 12C18.7827 12.5763 19.2499 13.0435 19.8262 13.0435Z",fill:"#0052B4"})],-1)),V=m(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5380"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),v=e.defineComponent({__name:"FlagSzIcon",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})),C=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"],S=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=>{S(o)})};return e.onMounted(()=>{i.randomizeIds&&l.value&&C(l.value)}),(a,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-sz-icon","data-testid":"kui-icon-wrapper-flag-sz-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-sz-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),b,V],8,y))]),_:1},8,["aria-hidden","style"]))}});exports.default=v;
 //# sourceMappingURL=kong-icons858.cjs.map

package/dist/kong-icons858.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons858.cjs","sources":["../src/components/flags/FlagCyIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCyIcon.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:15 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-cy-icon\"\n    data-testid=\"kui-icon-wrapper-flag-cy-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-cy-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_2311)\">\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=\"#FCFCFC\"\n        />\n        <path\n          d=\"M18.7826 10.4346C18.4174 10.4346 17.9652 10.4346 17.2174 10.4346C17.2174 13.3161 14.8815 15.6519 12 15.6519C9.1185 15.6519 6.78267 13.3161 6.78267 10.4346C6.2783 10.4346 5.72175 10.4346 5.21747 10.4346C5.21747 13.5384 7.30228 16.1553 10.1481 16.9612C9.83606 17.5539 9.88359 18.3001 10.3293 18.8563C10.9147 18.3871 11.5207 17.9014 12.0348 17.4895C12.549 17.9015 13.155 18.3871 13.7404 18.8563C14.1905 18.2946 14.2348 17.5389 13.9124 16.9434C16.727 16.1176 18.7826 13.5163 18.7826 10.4346V10.4346Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M7.82611 9.91291C7.82611 9.91291 7.82611 12.5216 10.4348 12.5216L10.9565 13.0433H12C12 13.0433 12.5217 11.4781 13.5652 11.4781C13.5652 11.4781 13.5652 10.4346 14.6087 10.4346C15.6522 10.4346 16.1739 10.4346 16.1739 10.4346C16.1739 10.4346 15.6522 8.34766 18.2609 6.78246L17.2174 6.26074C17.2174 6.26074 13.5652 8.86943 10.9565 8.34771V9.3912H9.91303L9.39131 8.86948L7.82611 9.91291Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2311\">\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":"2tEAaA,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"}
+{"version":3,"file":"kong-icons858.cjs","sources":["../src/components/flags/FlagSzIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagSzIcon.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-sz-icon\"\n    data-testid=\"kui-icon-wrapper-flag-sz-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-sz-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_5380)\">\n        <path\n          d=\"M22.8093 17.2174C23.5721 15.6398 24 13.8698 24 12C24 10.1302 23.5721 8.36021 22.8093 6.78263L12 6.26086L1.19072 6.78258C0.427875 8.36021 0 10.1302 0 12C0 13.8698 0.427875 15.6398 1.19072 17.2174L12 17.7391L22.8093 17.2174Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12.0002 0C7.24267 0 3.13192 2.76867 1.19092 6.78263H22.8094C20.8685 2.76867 16.7577 0 12.0002 0Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M12.0002 24C7.24267 24 3.13192 21.2313 1.19092 17.2173H22.8094C20.8685 21.2313 16.7577 24 12.0002 24Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M23.4333 8.34784H0.566672C0.199078 9.49951 0 10.7265 0 12C0 13.2736 0.199078 14.5005 0.566672 15.6522H23.4333C23.8009 14.5005 24 13.2736 24 12C24 10.7265 23.8009 9.49951 23.4333 8.34784Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M4.17383 11.4783H19.826V12.5218H4.17383V11.4783Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M6.26074 9.3913H17.739V10.4348H6.26074V9.3913Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M17.8138 12C17.8138 12 15.1305 15.1305 12.0001 15.1305C8.86968 15.1305 8.86963 12 8.86963 12C8.86963 12 8.86963 8.86957 12.0001 8.86957C15.1305 8.86957 17.8138 12 17.8138 12Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12.0002 15.1305C8.86974 15.1305 6.18652 12 6.18652 12C6.18652 12 8.86974 8.86957 12.0002 8.86957\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M9.91309 10.9565H10.9566V13.0435H9.91309V10.9565Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M13.0435 10.9565H14.0869V13.0435H13.0435V10.9565Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M4.17386 13.0435C4.75016 13.0435 5.21734 12.5763 5.21734 12C5.21734 11.4237 4.75016 10.9565 4.17386 10.9565C3.59756 10.9565 3.13037 11.4237 3.13037 12C3.13037 12.5763 3.59756 13.0435 4.17386 13.0435Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M19.8262 13.0435C20.4025 13.0435 20.8697 12.5763 20.8697 12C20.8697 11.4237 20.4025 10.9565 19.8262 10.9565C19.2499 10.9565 18.7827 11.4237 18.7827 12C18.7827 12.5763 19.2499 13.0435 19.8262 13.0435Z\"\n          fill=\"#0052B4\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5380\">\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":"ioGAaA,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-icons86.cjs

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

package/dist/kong-icons860.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-d9332c84"),t=t(),e.popScopeId(),t),b=["aria-hidden"],N={key:0,"data-testid":"kui-icon-svg-title"},_=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2312)"},[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:"M10.9565 12C10.9565 12 3.52171 20.487 3.51468 20.4853C5.68621 22.6568 8.68626 24 12 24C18.6274 24 24 18.6274 24 12H10.9565Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M3.51468 3.51465C-1.1716 8.20093 -1.1716 15.7989 3.51468 20.4853C5.45123 18.5487 7.31371 16.6862 12 12L3.51468 3.51465Z",fill:"#0052B4"})],-1)),z=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2312"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),k=e.defineComponent({__name:"FlagCzIcon",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"],v=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=>{v(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-cz-icon","data-testid":"kui-icon-wrapper-flag-cz-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-cz-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),_,z],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"),h=require("./kong-icons1218.cjs"),m=t=>(e.pushScopeId("data-v-735a43ad"),t=t(),e.popScopeId(),t),y=["aria-hidden"],E={key:0,"data-testid":"kui-icon-svg-title"},V=m(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_247_6275)"},[e.createElementVNode("path",{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",fill:"#0052B4"}),e.createElementVNode("path",{d:"M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M6.071 1.56519C4.19417 2.63389 2.63384 4.19417 1.56519 6.071V12H4.69564V4.69573V4.69564H12C12 3.70831 12 2.76772 12 1.56519H6.071Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M11.9999 10.5243L7.73637 6.26086H6.26074V6.26096L11.9998 12H11.9999C11.9999 12 11.9999 10.9824 11.9999 10.5243Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M13.5652 6.26086V12C13.5652 14.7956 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 20.8695 14.7956 20.8695 12V6.26086H13.5652Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M16.6956 8.34781C16.6956 8.92413 16.2285 10.4348 15.6521 10.4348C15.0758 10.4348 14.6086 8.92413 14.6086 8.34781C14.6086 7.77148 15.6521 7.30432 15.6521 7.30432C15.6521 7.30432 16.6956 7.77148 16.6956 8.34781Z",fill:"#FF9811"}),e.createElementVNode("path",{d:"M19.4647 9.48429C19.6331 9.07343 19.764 8.47287 19.764 8.1739C19.764 7.69362 19.1379 7.30432 19.1379 7.30432C19.1379 7.30432 18.5118 7.69366 18.5118 8.1739C18.5118 8.47287 18.6428 9.07343 18.8112 9.48429L18.4497 10.3004C18.6621 10.3867 18.8944 10.4347 19.1379 10.4347C19.3814 10.4347 19.6136 10.3867 19.8261 10.3004L19.4647 9.48429Z",fill:"#A2001D"}),e.createElementVNode("path",{d:"M16.4348 12C16.4348 12 15.9131 13.0435 15.9131 14.087H18.5218C18.5217 13.0435 18 12 18 12L17.2174 11.4783L16.4348 12Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M18.0001 12V11.7392C18.0001 11.307 17.6497 10.9565 17.2174 10.9565C16.7853 10.9565 16.4348 11.3069 16.4348 11.7392V12H18.0001Z",fill:"#D80027"})],-1)),v=m(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_247_6275"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),b=e.defineComponent({__name:"FlagTcIcon",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 n=String(i.size).replace(/px/gi,""),r=Number(n);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})),C=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 N=["fill","stroke","filter","mask","clip-path","xlink:href","href"],S=o=>{N.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=>{S(o)})};return e.onMounted(()=>{i.randomizeIds&&l.value&&C(l.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-tc-icon","data-testid":"kui-icon-wrapper-flag-tc-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-tc-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),V,v],8,y))]),_:1},8,["aria-hidden","style"]))}});exports.default=b;
 //# sourceMappingURL=kong-icons860.cjs.map

package/dist/kong-icons860.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons860.cjs","sources":["../src/components/flags/FlagCzIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCzIcon.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:15 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-cz-icon\"\n    data-testid=\"kui-icon-wrapper-flag-cz-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-cz-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_2312)\">\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=\"M10.9565 12C10.9565 12 3.52171 20.487 3.51468 20.4853C5.68621 22.6568 8.68626 24 12 24C18.6274 24 24 18.6274 24 12H10.9565Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M3.51468 3.51465C-1.1716 8.20093 -1.1716 15.7989 3.51468 20.4853C5.45123 18.5487 7.31371 16.6862 12 12L3.51468 3.51465Z\"\n          fill=\"#0052B4\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2312\">\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":"gmDAaA,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"}
+{"version":3,"file":"kong-icons860.cjs","sources":["../src/components/flags/FlagTcIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagTcIcon.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-tc-icon\"\n    data-testid=\"kui-icon-wrapper-flag-tc-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-tc-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_6275)\">\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.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12 6.26086C12 4.14937 12 2.76586 12 0H11.998C5.37145 0.001125 0 5.37323 0 12H6.26086V8.47448L9.78638 12H11.9679C11.9786 11.9893 11.9893 11.9786 12 11.9679C12 11.1594 12 10.4381 12 9.78647L8.47444 6.26086H12Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M6.071 1.56519C4.19417 2.63389 2.63384 4.19417 1.56519 6.071V12H4.69564V4.69573V4.69564H12C12 3.70831 12 2.76772 12 1.56519H6.071Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M11.9999 10.5243L7.73637 6.26086H6.26074V6.26096L11.9998 12H11.9999C11.9999 12 11.9999 10.9824 11.9999 10.5243Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M13.5652 6.26086V12C13.5652 14.7956 17.2174 15.6522 17.2174 15.6522C17.2174 15.6522 20.8695 14.7956 20.8695 12V6.26086H13.5652Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M16.6956 8.34781C16.6956 8.92413 16.2285 10.4348 15.6521 10.4348C15.0758 10.4348 14.6086 8.92413 14.6086 8.34781C14.6086 7.77148 15.6521 7.30432 15.6521 7.30432C15.6521 7.30432 16.6956 7.77148 16.6956 8.34781Z\"\n          fill=\"#FF9811\"\n        />\n        <path\n          d=\"M19.4647 9.48429C19.6331 9.07343 19.764 8.47287 19.764 8.1739C19.764 7.69362 19.1379 7.30432 19.1379 7.30432C19.1379 7.30432 18.5118 7.69366 18.5118 8.1739C18.5118 8.47287 18.6428 9.07343 18.8112 9.48429L18.4497 10.3004C18.6621 10.3867 18.8944 10.4347 19.1379 10.4347C19.3814 10.4347 19.6136 10.3867 19.8261 10.3004L19.4647 9.48429Z\"\n          fill=\"#A2001D\"\n        />\n        <path\n          d=\"M16.4348 12C16.4348 12 15.9131 13.0435 15.9131 14.087H18.5218C18.5217 13.0435 18 12 18 12L17.2174 11.4783L16.4348 12Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M18.0001 12V11.7392C18.0001 11.307 17.6497 10.9565 17.2174 10.9565C16.7853 10.9565 16.4348 11.3069 16.4348 11.7392V12H18.0001Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_247_6275\">\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":"ypGAaA,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-icons862.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-eb885cd0"),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_2339)"},[e.createElementVNode("path",{d:"M0.746399 16.1738C2.44191 20.7434 6.84043 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738L12 15.1304L0.746399 16.1738Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611L12 8.86955L23.2536 7.82606C21.5581 3.2565 17.1596 0 12 0Z",fill:"black"}),e.createElementVNode("path",{d:"M0.746391 7.82617C0.264047 9.12616 0 10.5322 0 12.0001C0 13.4679 0.264047 14.874 0.746391 16.174H23.2537C23.736 14.874 24 13.4679 24 12.0001C24 10.5322 23.736 9.12616 23.2536 7.82617H0.746391Z",fill:"#D80027"})],-1)),k=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2339"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),I=e.defineComponent({__name:"FlagDeIcon",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 d=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;c[d]=a,n.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],b=n=>{y.forEach(d=>{const a=n.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&&n.setAttribute(d,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-de-icon","data-testid":"kui-icon-wrapper-flag-de-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-de-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-c36507f9"),t=t(),e.popScopeId(),t),b=["aria-hidden"],N={key:0,"data-testid":"kui-icon-svg-title"},_=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2298)"},[e.createElementVNode("path",{d:"M12 0C10.5321 0 9.12602 0.264047 7.82609 0.746391L7.30432 12L7.82604 23.2536C9.12602 23.736 10.5321 24 12 24C13.4678 24 14.8739 23.736 16.1739 23.2536L16.6956 12L16.1739 0.746391C14.8739 0.264047 13.4678 0 12 0V0Z",fill:"#FFDA44"}),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:"M7.82611 23.2538V0.746582C3.2565 2.4421 0 6.84061 0 12.0002C0 17.1598 3.2565 21.5583 7.82611 23.2538Z",fill:"#0052B4"})],-1)),k=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2298"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),I=e.defineComponent({__name:"FlagTdIcon",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"),d={};r&&r.querySelectorAll("[id]").forEach(n=>{const c=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${c}`;d[c]=a,n.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],v=n=>{y.forEach(c=>{const a=n.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&&n.setAttribute(c,p)}})};l.querySelectorAll("*").forEach(n=>{v(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-td-icon","data-testid":"kui-icon-wrapper-flag-td-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-td-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,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=I;
 //# sourceMappingURL=kong-icons862.cjs.map