@kong/icons 1.20.1-pr.459.2ffac90.0 → 1.20.1

package/dist/kong-icons.es458.js.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es458.js","sources":["../src/components/multi-color/KongGradientIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * KongGradientIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:05:24 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } 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  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\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 | undefined> => ({\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  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst escapeHtml = (str: string) => {\n  const htmlEntities: { [key: string]: string } = {\n    '<': '&lt;',\n    '>': '&gt;',\n    '\"': '&quot;',\n    \"'\": '&#039;',\n    '`': '&#039;',\n  }\n\n  return str.replace(/[<>\"'`]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<path d=\"M12.3167 3.42016L11.3447 5.20295H13.756L17.8942 10.1091L20.3543 8.09634V6.81818L19.4997 5.62186L20.1313 4.9672L15.1954 1.07623L12.3167 3.42016Z\" fill=\"url(#paint0_linear_1552_5340)\"/>\n<path d=\"M8.91553 9.66287L10.9592 6.09924L13.3333 6.09729L23.9993 18.6683L23.1721 22.4912H18.5998L18.8834 21.4138L8.91553 9.66287Z\" fill=\"url(#paint1_linear_1552_5340)\"/>\n<path d=\"M7.28076 19.4594L7.86941 18.7151H12.2422L14.5147 21.5325L14.1235 22.4912H8.4737L8.61256 21.5325L7.28076 19.4594Z\" fill=\"url(#paint2_linear_1552_5340)\"/>\n<path d=\"M3.54946 13.3512H4.89689L8.36815 10.3857L12.9756 15.8334L11.6673 17.8306H7.4177L4.48035 21.6202L3.80762 22.4912H0V17.8403L3.54946 13.3512Z\" fill=\"url(#paint3_linear_1552_5340)\"/>\n<defs>\n<linearGradient id=\"paint0_linear_1552_5340\" x1=\"0.0199778\" y1=\"22.4789\" x2=\"18.6039\" y2=\"3.76196\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#1155CB\"/>\n<stop offset=\"1\" stop-color=\"#1DB57C\"/>\n</linearGradient>\n<linearGradient id=\"paint1_linear_1552_5340\" x1=\"0.0199778\" y1=\"22.4789\" x2=\"18.6039\" y2=\"3.76196\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#1155CB\"/>\n<stop offset=\"1\" stop-color=\"#1DB57C\"/>\n</linearGradient>\n<linearGradient id=\"paint2_linear_1552_5340\" x1=\"0.0199778\" y1=\"22.4789\" x2=\"18.6039\" y2=\"3.76196\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#1155CB\"/>\n<stop offset=\"1\" stop-color=\"#1DB57C\"/>\n</linearGradient>\n<linearGradient id=\"paint3_linear_1552_5340\" x1=\"0.0199778\" y1=\"22.4789\" x2=\"18.6039\" y2=\"3.76196\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#1155CB\"/>\n<stop offset=\"1\" stop-color=\"#1DB57C\"/>\n</linearGradient>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon kong-gradient-icon\"\n    data-testid=\"kui-icon-wrapper-kong-gradient-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-kong-gradient-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      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","escapeHtml","str","htmlEntities","svgProcessedContent"],"mappings":";;2BA0JMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAAa,CAACC,MAAgB;AAClC,YAAMC,IAA0C;AAAA,QAC9C,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,MAAA;AAGP,aAAOD,EAAI,QAAQ,YAAY,CAACJ,MAAUK,EAAaL,CAAK,CAAC;AAAA,IAAA,GA4BzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es458.js","sources":["../src/components/multi-color/KongGradientIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * KongGradientIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:01:53 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } 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  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\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 | undefined> => ({\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  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<path d=\"M12.3167 3.42016L11.3447 5.20295H13.756L17.8942 10.1091L20.3543 8.09634V6.81818L19.4997 5.62186L20.1313 4.9672L15.1954 1.07623L12.3167 3.42016Z\" fill=\"url(#paint0_linear_1552_5340)\"/>\n<path d=\"M8.91553 9.66287L10.9592 6.09924L13.3333 6.09729L23.9993 18.6683L23.1721 22.4912H18.5998L18.8834 21.4138L8.91553 9.66287Z\" fill=\"url(#paint1_linear_1552_5340)\"/>\n<path d=\"M7.28076 19.4594L7.86941 18.7151H12.2422L14.5147 21.5325L14.1235 22.4912H8.4737L8.61256 21.5325L7.28076 19.4594Z\" fill=\"url(#paint2_linear_1552_5340)\"/>\n<path d=\"M3.54946 13.3512H4.89689L8.36815 10.3857L12.9756 15.8334L11.6673 17.8306H7.4177L4.48035 21.6202L3.80762 22.4912H0V17.8403L3.54946 13.3512Z\" fill=\"url(#paint3_linear_1552_5340)\"/>\n<defs>\n<linearGradient id=\"paint0_linear_1552_5340\" x1=\"0.0199778\" y1=\"22.4789\" x2=\"18.6039\" y2=\"3.76196\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#1155CB\"/>\n<stop offset=\"1\" stop-color=\"#1DB57C\"/>\n</linearGradient>\n<linearGradient id=\"paint1_linear_1552_5340\" x1=\"0.0199778\" y1=\"22.4789\" x2=\"18.6039\" y2=\"3.76196\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#1155CB\"/>\n<stop offset=\"1\" stop-color=\"#1DB57C\"/>\n</linearGradient>\n<linearGradient id=\"paint2_linear_1552_5340\" x1=\"0.0199778\" y1=\"22.4789\" x2=\"18.6039\" y2=\"3.76196\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#1155CB\"/>\n<stop offset=\"1\" stop-color=\"#1DB57C\"/>\n</linearGradient>\n<linearGradient id=\"paint3_linear_1552_5340\" x1=\"0.0199778\" y1=\"22.4789\" x2=\"18.6039\" y2=\"3.76196\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#1155CB\"/>\n<stop offset=\"1\" stop-color=\"#1DB57C\"/>\n</linearGradient>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon kong-gradient-icon\"\n    data-testid=\"kui-icon-wrapper-kong-gradient-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-kong-gradient-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      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA,GAEDC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GA4BzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es46.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, computed as d, openBlock as c, createBlock as v, resolveDynamicComponent as S, normalizeStyle as C, withCtx as b, createElementBlock as y } from "vue";
-import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1232.js";
-const x = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2289)">
+import { defineComponent as v, computed as s, openBlock as d, createBlock as S, resolveDynamicComponent as C, normalizeStyle as b, withCtx as y, createElementBlock as x } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1232.js";
+const H = ["aria-hidden"], p = `<g clip-path="url(#clip0_1_2289)">
 <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"/>
 <path d="M19.3067 2.47992C15.0105 -0.825982 8.98949 -0.825982 4.6933 2.47988L12 9.78656L19.3067 2.47992Z" fill="#D80027"/>
 <path d="M11.9999 14.214L4.6933 21.5206C8.98949 24.8265 15.0105 24.8265 19.3067 21.5206L12 14.2139L11.9999 14.214Z" fill="#D80027"/>
@@ -15,7 +15,7 @@ const x = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2289)">
 <clipPath id="clip0_1_2289">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, Z = /* @__PURE__ */ m({
+</defs>`, k = /* @__PURE__ */ v({
   __name: "FlagBiIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -46,7 +46,7 @@ const x = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2289)">
     size: {
       type: [Number, String],
       required: !1,
-      default: p,
+      default: c,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (i) => {
         if (typeof i == "number" && i > 0)
@@ -76,7 +76,7 @@ const x = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2289)">
     }
   },
   setup(i) {
-    const e = i, r = d(() => {
+    const e = i, r = s(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -84,8 +84,8 @@ const x = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2289)">
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return p;
-    }), f = d(() => ({
+      return c;
+    }), u = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -94,31 +94,28 @@ const x = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2289)">
       lineHeight: "0",
       width: r.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), g = (n) => {
-      const t = {}, a = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (o, l) => {
-        const s = `${a}-${l}`;
-        return t[l] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (o, l) => t[l] ? `#${t[l]}` : o);
-    }, h = (n) => {
-      const t = {
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#039;",
-        "`": "&#039;"
-      };
-      return n.replace(/[<>"'`]/g, (a) => t[a]);
-    }, L = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (n, t) => (c(), v(S(i.as), {
+    })), f = (n) => {
+      const t = {}, m = Math.random().toString(36).substring(2, 12);
+      return n.replace(/id="([^"]+)"/g, (l, a) => {
+        const o = `${m}-${a}`;
+        return t[a] = o, `id="${o}"`;
+      }).replace(/#([^\s^")]+)/g, (l, a) => t[a] ? `#${t[a]}` : l);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, h = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), L = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (n, t) => (d(), S(C(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon flag-bi-icon",
       "data-testid": "kui-icon-wrapper-flag-bi-icon",
-      style: C(f.value),
+      style: b(u.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (c(), y("svg", {
+      default: y(() => [
+        (d(), x("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-bi-icon",
           fill: "none",
@@ -128,13 +125,13 @@ const x = ["aria-hidden"], u = `<g clip-path="url(#clip0_1_2289)">
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: L
-        }, null, 8, x))
+        }, null, 8, H))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  Z as default
+  k as default
 };
 //# sourceMappingURL=kong-icons.es46.js.map

package/dist/kong-icons.es46.js.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es46.js","sources":["../src/components/flags/FlagBiIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBiIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:05:24 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } 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  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\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 | undefined> => ({\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  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst escapeHtml = (str: string) => {\n  const htmlEntities: { [key: string]: string } = {\n    '<': '&lt;',\n    '>': '&gt;',\n    '\"': '&quot;',\n    \"'\": '&#039;',\n    '`': '&#039;',\n  }\n\n  return str.replace(/[<>\"'`]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_1_2289)\">\n<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\"/>\n<path d=\"M19.3067 2.47992C15.0105 -0.825982 8.98949 -0.825982 4.6933 2.47988L12 9.78656L19.3067 2.47992Z\" fill=\"#D80027\"/>\n<path d=\"M11.9999 14.214L4.6933 21.5206C8.98949 24.8265 15.0105 24.8265 19.3067 21.5206L12 14.2139L11.9999 14.214Z\" fill=\"#D80027\"/>\n<path d=\"M9.78644 12L2.4798 4.69336C-0.82611 8.98955 -0.82611 15.0105 2.4798 19.3067L9.78644 12Z\" fill=\"#6DA544\"/>\n<path d=\"M14.2136 12L21.5202 19.3067C24.8261 15.0105 24.8261 8.98955 21.5202 4.69336L14.2136 12Z\" fill=\"#6DA544\"/>\n<path d=\"M12 17.2175C14.8815 17.2175 17.2174 14.8816 17.2174 12.0001C17.2174 9.11861 14.8815 6.78271 12 6.78271C9.11855 6.78271 6.78265 9.11861 6.78265 12.0001C6.78265 14.8816 9.11855 17.2175 12 17.2175Z\" fill=\"#F0F0F0\"/>\n<path d=\"M12 8.34766L12.4518 9.13028H13.3555L12.9037 9.91286L13.3555 10.6955H12.4518L12 11.4781L11.5482 10.6955H10.6445L11.0964 9.91286L10.6445 9.13028H11.5482L12 8.34766Z\" fill=\"#D80027\"/>\n<path d=\"M9.70337 12L10.1552 12.7826H11.0589L10.607 13.5652L11.0589 14.3478H10.1552L9.70337 15.1305L9.2515 14.3478H8.34784L8.79967 13.5652L8.34784 12.7826H9.2515L9.70337 12Z\" fill=\"#D80027\"/>\n<path d=\"M14.2967 12L14.7485 12.7826H15.6522L15.2003 13.5652L15.6522 14.3478H14.7485L14.2967 15.1305L13.8448 14.3478H12.9412L13.393 13.5652L12.9412 12.7826H13.8448L14.2967 12Z\" fill=\"#D80027\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2289\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-bi-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bi-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bi-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      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","escapeHtml","str","htmlEntities","svgProcessedContent"],"mappings":";;2BA0JMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAAa,CAACC,MAAgB;AAClC,YAAMC,IAA0C;AAAA,QAC9C,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,MAAA;AAGP,aAAOD,EAAI,QAAQ,YAAY,CAACJ,MAAUK,EAAaL,CAAK,CAAC;AAAA,IAAA,GAsBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es46.js","sources":["../src/components/flags/FlagBiIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagBiIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:01:53 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } 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  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\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 | undefined> => ({\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  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_1_2289)\">\n<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\"/>\n<path d=\"M19.3067 2.47992C15.0105 -0.825982 8.98949 -0.825982 4.6933 2.47988L12 9.78656L19.3067 2.47992Z\" fill=\"#D80027\"/>\n<path d=\"M11.9999 14.214L4.6933 21.5206C8.98949 24.8265 15.0105 24.8265 19.3067 21.5206L12 14.2139L11.9999 14.214Z\" fill=\"#D80027\"/>\n<path d=\"M9.78644 12L2.4798 4.69336C-0.82611 8.98955 -0.82611 15.0105 2.4798 19.3067L9.78644 12Z\" fill=\"#6DA544\"/>\n<path d=\"M14.2136 12L21.5202 19.3067C24.8261 15.0105 24.8261 8.98955 21.5202 4.69336L14.2136 12Z\" fill=\"#6DA544\"/>\n<path d=\"M12 17.2175C14.8815 17.2175 17.2174 14.8816 17.2174 12.0001C17.2174 9.11861 14.8815 6.78271 12 6.78271C9.11855 6.78271 6.78265 9.11861 6.78265 12.0001C6.78265 14.8816 9.11855 17.2175 12 17.2175Z\" fill=\"#F0F0F0\"/>\n<path d=\"M12 8.34766L12.4518 9.13028H13.3555L12.9037 9.91286L13.3555 10.6955H12.4518L12 11.4781L11.5482 10.6955H10.6445L11.0964 9.91286L10.6445 9.13028H11.5482L12 8.34766Z\" fill=\"#D80027\"/>\n<path d=\"M9.70337 12L10.1552 12.7826H11.0589L10.607 13.5652L11.0589 14.3478H10.1552L9.70337 15.1305L9.2515 14.3478H8.34784L8.79967 13.5652L8.34784 12.7826H9.2515L9.70337 12Z\" fill=\"#D80027\"/>\n<path d=\"M14.2967 12L14.7485 12.7826H15.6522L15.2003 13.5652L15.6522 14.3478H14.7485L14.2967 15.1305L13.8448 14.3478H12.9412L13.393 13.5652L12.9412 12.7826H13.8448L14.2967 12Z\" fill=\"#D80027\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_1_2289\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-bi-icon\"\n    data-testid=\"kui-icon-wrapper-flag-bi-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-bi-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      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA,GAEDC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAsBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es460.js

@@ -1,7 +1,7 @@
-import { defineComponent as v, computed as d, openBlock as c, createBlock as S, resolveDynamicComponent as h, normalizeStyle as L, withCtx as b, createElementBlock as y } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1232.js";
-const x = ["aria-hidden"], C = `<path d="M20.4394 5.37004L13.365 1.17004C12.9431 0.920669 12.4706 0.795044 12 0.795044C11.5294 0.795044 11.0569 0.920669 10.635 1.17192L3.55873 5.37192C2.71498 5.87254 2.19373 6.79879 2.19373 7.80192V16.2019C2.19373 17.205 2.7131 18.1313 3.55873 18.6319L10.6331 22.8319C11.055 23.0832 11.5256 23.2069 11.9981 23.2069C12.4687 23.2069 12.9412 23.0813 13.3631 22.8319L20.4394 18.6319C21.2831 18.1313 21.8044 17.2032 21.8044 16.2019V7.80004C21.8044 6.79879 21.285 5.87067 20.4394 5.37004ZM14.9606 18.4857L14.9719 19.0894C14.9719 19.1625 14.925 19.245 14.8687 19.275L14.5106 19.4813C14.4544 19.5094 14.4056 19.4757 14.4056 19.4025L14.4 18.8082C14.0944 18.9357 13.7831 18.9657 13.5862 18.8869C13.5487 18.8719 13.5319 18.8175 13.5469 18.7538L13.6762 18.2082C13.6875 18.165 13.71 18.1219 13.74 18.0957C13.7512 18.0844 13.7625 18.0769 13.7737 18.0713C13.7944 18.06 13.815 18.0582 13.8319 18.0657C14.0456 18.1369 14.3175 18.1032 14.58 17.9719C14.9137 17.8032 15.1369 17.4619 15.1331 17.1244C15.1294 16.8169 14.9644 16.6913 14.5612 16.6875C14.0475 16.6894 13.5675 16.5882 13.56 15.8307C13.5544 15.2082 13.8769 14.5594 14.3906 14.1507L14.385 13.5413C14.385 13.4663 14.43 13.3838 14.4881 13.3538L14.835 13.1325C14.8912 13.1044 14.94 13.14 14.94 13.2132L14.9456 13.8225C15.2006 13.7213 15.4219 13.6932 15.6225 13.74C15.6656 13.7513 15.6862 13.8113 15.6675 13.8807L15.5325 14.4207C15.5212 14.4619 15.4987 14.5032 15.4706 14.5294C15.4601 14.5399 15.4481 14.5488 15.435 14.5557C15.4162 14.565 15.3994 14.5669 15.3825 14.565C15.2906 14.5444 15.0731 14.4975 14.73 14.67C14.37 14.8519 14.2444 15.165 14.2462 15.3975C14.25 15.675 14.3906 15.7594 14.8819 15.7669C15.5362 15.7782 15.8175 16.0632 15.825 16.7213C15.8344 17.3663 15.4894 18.0619 14.9606 18.4857ZM19.8994 7.14192L13.2056 11.2763C12.3712 11.7638 11.7562 12.3113 11.7544 13.3182V21.5663C11.7544 22.1682 11.9981 22.5582 12.3712 22.6725C12.2494 22.6932 12.1237 22.7082 12 22.7082C11.6081 22.7082 11.2219 22.6013 10.8825 22.4007L3.8081 18.2007C3.11623 17.79 2.68685 17.0232 2.68685 16.2V7.80004C2.68685 6.97692 3.11623 6.21004 3.8081 5.79942L10.8843 1.59942C11.2237 1.39879 11.61 1.29192 12.0019 1.29192C12.3937 1.29192 12.78 1.39879 13.1194 1.59942L20.1956 5.79942C20.7787 6.14629 21.1725 6.74442 21.2831 7.41754C21.045 6.91692 20.5162 6.78192 19.8994 7.14192Z" fill="#293138"/>
-<path d="M18.5849 17.0119L16.8224 18.0656C16.7756 18.0938 16.7418 18.1238 16.7418 18.18V18.6413C16.7418 18.6975 16.7793 18.7219 16.8262 18.6938L18.6149 17.6063C18.6618 17.5781 18.6693 17.5275 18.6693 17.4713V17.0644C18.6693 17.0081 18.6318 16.9856 18.5849 17.0119Z" fill="#4FA847"/>`, $ = /* @__PURE__ */ v({
+import { defineComponent as S, computed as l, openBlock as d, createBlock as h, resolveDynamicComponent as L, normalizeStyle as b, withCtx as y, createElementBlock as x } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1232.js";
+const z = ["aria-hidden"], u = `<path d="M20.4394 5.37004L13.365 1.17004C12.9431 0.920669 12.4706 0.795044 12 0.795044C11.5294 0.795044 11.0569 0.920669 10.635 1.17192L3.55873 5.37192C2.71498 5.87254 2.19373 6.79879 2.19373 7.80192V16.2019C2.19373 17.205 2.7131 18.1313 3.55873 18.6319L10.6331 22.8319C11.055 23.0832 11.5256 23.2069 11.9981 23.2069C12.4687 23.2069 12.9412 23.0813 13.3631 22.8319L20.4394 18.6319C21.2831 18.1313 21.8044 17.2032 21.8044 16.2019V7.80004C21.8044 6.79879 21.285 5.87067 20.4394 5.37004ZM14.9606 18.4857L14.9719 19.0894C14.9719 19.1625 14.925 19.245 14.8687 19.275L14.5106 19.4813C14.4544 19.5094 14.4056 19.4757 14.4056 19.4025L14.4 18.8082C14.0944 18.9357 13.7831 18.9657 13.5862 18.8869C13.5487 18.8719 13.5319 18.8175 13.5469 18.7538L13.6762 18.2082C13.6875 18.165 13.71 18.1219 13.74 18.0957C13.7512 18.0844 13.7625 18.0769 13.7737 18.0713C13.7944 18.06 13.815 18.0582 13.8319 18.0657C14.0456 18.1369 14.3175 18.1032 14.58 17.9719C14.9137 17.8032 15.1369 17.4619 15.1331 17.1244C15.1294 16.8169 14.9644 16.6913 14.5612 16.6875C14.0475 16.6894 13.5675 16.5882 13.56 15.8307C13.5544 15.2082 13.8769 14.5594 14.3906 14.1507L14.385 13.5413C14.385 13.4663 14.43 13.3838 14.4881 13.3538L14.835 13.1325C14.8912 13.1044 14.94 13.14 14.94 13.2132L14.9456 13.8225C15.2006 13.7213 15.4219 13.6932 15.6225 13.74C15.6656 13.7513 15.6862 13.8113 15.6675 13.8807L15.5325 14.4207C15.5212 14.4619 15.4987 14.5032 15.4706 14.5294C15.4601 14.5399 15.4481 14.5488 15.435 14.5557C15.4162 14.565 15.3994 14.5669 15.3825 14.565C15.2906 14.5444 15.0731 14.4975 14.73 14.67C14.37 14.8519 14.2444 15.165 14.2462 15.3975C14.25 15.675 14.3906 15.7594 14.8819 15.7669C15.5362 15.7782 15.8175 16.0632 15.825 16.7213C15.8344 17.3663 15.4894 18.0619 14.9606 18.4857ZM19.8994 7.14192L13.2056 11.2763C12.3712 11.7638 11.7562 12.3113 11.7544 13.3182V21.5663C11.7544 22.1682 11.9981 22.5582 12.3712 22.6725C12.2494 22.6932 12.1237 22.7082 12 22.7082C11.6081 22.7082 11.2219 22.6013 10.8825 22.4007L3.8081 18.2007C3.11623 17.79 2.68685 17.0232 2.68685 16.2V7.80004C2.68685 6.97692 3.11623 6.21004 3.8081 5.79942L10.8843 1.59942C11.2237 1.39879 11.61 1.29192 12.0019 1.29192C12.3937 1.29192 12.78 1.39879 13.1194 1.59942L20.1956 5.79942C20.7787 6.14629 21.1725 6.74442 21.2831 7.41754C21.045 6.91692 20.5162 6.78192 19.8994 7.14192Z" fill="#293138"/>
+<path d="M18.5849 17.0119L16.8224 18.0656C16.7756 18.0938 16.7418 18.1238 16.7418 18.18V18.6413C16.7418 18.6975 16.7793 18.7219 16.8262 18.6938L18.6149 17.6063C18.6618 17.5781 18.6693 17.5275 18.6693 17.4713V17.0644C18.6693 17.0081 18.6318 16.9856 18.5849 17.0119Z" fill="#4FA847"/>`, q = /* @__PURE__ */ S({
   __name: "LanguageBashIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -32,7 +32,7 @@ const x = ["aria-hidden"], C = `<path d="M20.4394 5.37004L13.365 1.17004C12.9431
     size: {
       type: [Number, String],
       required: !1,
-      default: u,
+      default: c,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (i) => {
         if (typeof i == "number" && i > 0)
@@ -62,7 +62,7 @@ const x = ["aria-hidden"], C = `<path d="M20.4394 5.37004L13.365 1.17004C12.9431
     }
   },
   setup(i) {
-    const e = i, n = d(() => {
+    const e = i, n = l(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -70,8 +70,8 @@ const x = ["aria-hidden"], C = `<path d="M20.4394 5.37004L13.365 1.17004C12.9431
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return u;
-    }), g = d(() => ({
+      return c;
+    }), C = l(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -80,31 +80,28 @@ const x = ["aria-hidden"], C = `<path d="M20.4394 5.37004L13.365 1.17004C12.9431
       lineHeight: "0",
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (r) => {
-      const t = {}, o = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, a) => {
-        const l = `${o}-${a}`;
-        return t[a] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (s, a) => t[a] ? `#${t[a]}` : s);
-    }, f = (r) => {
-      const t = {
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#039;",
-        "`": "&#039;"
-      };
-      return r.replace(/[<>"'`]/g, (o) => t[o]);
-    }, m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? C : p(C)}`;
-    return (r, t) => (c(), S(h(i.as), {
+    })), g = (r) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (o, a) => {
+        const s = `${v}-${a}`;
+        return t[a] = s, `id="${s}"`;
+      }).replace(/#([^\s^")]+)/g, (o, a) => t[a] ? `#${t[a]}` : o);
+    }, p = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, f = (r) => r.replace(/[<>"'&]/g, (t) => p[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (r, t) => (d(), h(L(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon language-bash-icon",
       "data-testid": "kui-icon-wrapper-language-bash-icon",
-      style: L(g.value),
+      style: b(C.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (c(), y("svg", {
+      default: y(() => [
+        (d(), x("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-language-bash-icon",
           fill: "none",
@@ -114,13 +111,13 @@ const x = ["aria-hidden"], C = `<path d="M20.4394 5.37004L13.365 1.17004C12.9431
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: m
-        }, null, 8, x))
+        }, null, 8, z))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  $ as default
+  q as default
 };
 //# sourceMappingURL=kong-icons.es460.js.map

package/dist/kong-icons.es460.js.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es460.js","sources":["../src/components/multi-color/LanguageBashIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageBashIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:05:24 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } 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  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\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 | undefined> => ({\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  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst escapeHtml = (str: string) => {\n  const htmlEntities: { [key: string]: string } = {\n    '<': '&lt;',\n    '>': '&gt;',\n    '\"': '&quot;',\n    \"'\": '&#039;',\n    '`': '&#039;',\n  }\n\n  return str.replace(/[<>\"'`]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<path d=\"M20.4394 5.37004L13.365 1.17004C12.9431 0.920669 12.4706 0.795044 12 0.795044C11.5294 0.795044 11.0569 0.920669 10.635 1.17192L3.55873 5.37192C2.71498 5.87254 2.19373 6.79879 2.19373 7.80192V16.2019C2.19373 17.205 2.7131 18.1313 3.55873 18.6319L10.6331 22.8319C11.055 23.0832 11.5256 23.2069 11.9981 23.2069C12.4687 23.2069 12.9412 23.0813 13.3631 22.8319L20.4394 18.6319C21.2831 18.1313 21.8044 17.2032 21.8044 16.2019V7.80004C21.8044 6.79879 21.285 5.87067 20.4394 5.37004ZM14.9606 18.4857L14.9719 19.0894C14.9719 19.1625 14.925 19.245 14.8687 19.275L14.5106 19.4813C14.4544 19.5094 14.4056 19.4757 14.4056 19.4025L14.4 18.8082C14.0944 18.9357 13.7831 18.9657 13.5862 18.8869C13.5487 18.8719 13.5319 18.8175 13.5469 18.7538L13.6762 18.2082C13.6875 18.165 13.71 18.1219 13.74 18.0957C13.7512 18.0844 13.7625 18.0769 13.7737 18.0713C13.7944 18.06 13.815 18.0582 13.8319 18.0657C14.0456 18.1369 14.3175 18.1032 14.58 17.9719C14.9137 17.8032 15.1369 17.4619 15.1331 17.1244C15.1294 16.8169 14.9644 16.6913 14.5612 16.6875C14.0475 16.6894 13.5675 16.5882 13.56 15.8307C13.5544 15.2082 13.8769 14.5594 14.3906 14.1507L14.385 13.5413C14.385 13.4663 14.43 13.3838 14.4881 13.3538L14.835 13.1325C14.8912 13.1044 14.94 13.14 14.94 13.2132L14.9456 13.8225C15.2006 13.7213 15.4219 13.6932 15.6225 13.74C15.6656 13.7513 15.6862 13.8113 15.6675 13.8807L15.5325 14.4207C15.5212 14.4619 15.4987 14.5032 15.4706 14.5294C15.4601 14.5399 15.4481 14.5488 15.435 14.5557C15.4162 14.565 15.3994 14.5669 15.3825 14.565C15.2906 14.5444 15.0731 14.4975 14.73 14.67C14.37 14.8519 14.2444 15.165 14.2462 15.3975C14.25 15.675 14.3906 15.7594 14.8819 15.7669C15.5362 15.7782 15.8175 16.0632 15.825 16.7213C15.8344 17.3663 15.4894 18.0619 14.9606 18.4857ZM19.8994 7.14192L13.2056 11.2763C12.3712 11.7638 11.7562 12.3113 11.7544 13.3182V21.5663C11.7544 22.1682 11.9981 22.5582 12.3712 22.6725C12.2494 22.6932 12.1237 22.7082 12 22.7082C11.6081 22.7082 11.2219 22.6013 10.8825 22.4007L3.8081 18.2007C3.11623 17.79 2.68685 17.0232 2.68685 16.2V7.80004C2.68685 6.97692 3.11623 6.21004 3.8081 5.79942L10.8843 1.59942C11.2237 1.39879 11.61 1.29192 12.0019 1.29192C12.3937 1.29192 12.78 1.39879 13.1194 1.59942L20.1956 5.79942C20.7787 6.14629 21.1725 6.74442 21.2831 7.41754C21.045 6.91692 20.5162 6.78192 19.8994 7.14192Z\" fill=\"#293138\"/>\n<path d=\"M18.5849 17.0119L16.8224 18.0656C16.7756 18.0938 16.7418 18.1238 16.7418 18.18V18.6413C16.7418 18.6975 16.7793 18.7219 16.8262 18.6938L18.6149 17.6063C18.6618 17.5781 18.6693 17.5275 18.6693 17.4713V17.0644C18.6693 17.0081 18.6318 16.9856 18.5849 17.0119Z\" fill=\"#4FA847\"/>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-bash-icon\"\n    data-testid=\"kui-icon-wrapper-language-bash-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-bash-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      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","escapeHtml","str","htmlEntities","svgProcessedContent"],"mappings":";;2BA0JMA,IAAqB;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAAa,CAACC,MAAgB;AAClC,YAAMC,IAA0C;AAAA,QAC9C,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,MAAA;AAGP,aAAOD,EAAI,QAAQ,YAAY,CAACJ,MAAUK,EAAaL,CAAK,CAAC;AAAA,IAAA,GAQzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es460.js","sources":["../src/components/multi-color/LanguageBashIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageBashIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:01:53 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } 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  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\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 | undefined> => ({\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  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<path d=\"M20.4394 5.37004L13.365 1.17004C12.9431 0.920669 12.4706 0.795044 12 0.795044C11.5294 0.795044 11.0569 0.920669 10.635 1.17192L3.55873 5.37192C2.71498 5.87254 2.19373 6.79879 2.19373 7.80192V16.2019C2.19373 17.205 2.7131 18.1313 3.55873 18.6319L10.6331 22.8319C11.055 23.0832 11.5256 23.2069 11.9981 23.2069C12.4687 23.2069 12.9412 23.0813 13.3631 22.8319L20.4394 18.6319C21.2831 18.1313 21.8044 17.2032 21.8044 16.2019V7.80004C21.8044 6.79879 21.285 5.87067 20.4394 5.37004ZM14.9606 18.4857L14.9719 19.0894C14.9719 19.1625 14.925 19.245 14.8687 19.275L14.5106 19.4813C14.4544 19.5094 14.4056 19.4757 14.4056 19.4025L14.4 18.8082C14.0944 18.9357 13.7831 18.9657 13.5862 18.8869C13.5487 18.8719 13.5319 18.8175 13.5469 18.7538L13.6762 18.2082C13.6875 18.165 13.71 18.1219 13.74 18.0957C13.7512 18.0844 13.7625 18.0769 13.7737 18.0713C13.7944 18.06 13.815 18.0582 13.8319 18.0657C14.0456 18.1369 14.3175 18.1032 14.58 17.9719C14.9137 17.8032 15.1369 17.4619 15.1331 17.1244C15.1294 16.8169 14.9644 16.6913 14.5612 16.6875C14.0475 16.6894 13.5675 16.5882 13.56 15.8307C13.5544 15.2082 13.8769 14.5594 14.3906 14.1507L14.385 13.5413C14.385 13.4663 14.43 13.3838 14.4881 13.3538L14.835 13.1325C14.8912 13.1044 14.94 13.14 14.94 13.2132L14.9456 13.8225C15.2006 13.7213 15.4219 13.6932 15.6225 13.74C15.6656 13.7513 15.6862 13.8113 15.6675 13.8807L15.5325 14.4207C15.5212 14.4619 15.4987 14.5032 15.4706 14.5294C15.4601 14.5399 15.4481 14.5488 15.435 14.5557C15.4162 14.565 15.3994 14.5669 15.3825 14.565C15.2906 14.5444 15.0731 14.4975 14.73 14.67C14.37 14.8519 14.2444 15.165 14.2462 15.3975C14.25 15.675 14.3906 15.7594 14.8819 15.7669C15.5362 15.7782 15.8175 16.0632 15.825 16.7213C15.8344 17.3663 15.4894 18.0619 14.9606 18.4857ZM19.8994 7.14192L13.2056 11.2763C12.3712 11.7638 11.7562 12.3113 11.7544 13.3182V21.5663C11.7544 22.1682 11.9981 22.5582 12.3712 22.6725C12.2494 22.6932 12.1237 22.7082 12 22.7082C11.6081 22.7082 11.2219 22.6013 10.8825 22.4007L3.8081 18.2007C3.11623 17.79 2.68685 17.0232 2.68685 16.2V7.80004C2.68685 6.97692 3.11623 6.21004 3.8081 5.79942L10.8843 1.59942C11.2237 1.39879 11.61 1.29192 12.0019 1.29192C12.3937 1.29192 12.78 1.39879 13.1194 1.59942L20.1956 5.79942C20.7787 6.14629 21.1725 6.74442 21.2831 7.41754C21.045 6.91692 20.5162 6.78192 19.8994 7.14192Z\" fill=\"#293138\"/>\n<path d=\"M18.5849 17.0119L16.8224 18.0656C16.7756 18.0938 16.7418 18.1238 16.7418 18.18V18.6413C16.7418 18.6975 16.7793 18.7219 16.8262 18.6938L18.6149 17.6063C18.6618 17.5781 18.6693 17.5275 18.6693 17.4713V17.0644C18.6693 17.0081 18.6318 16.9856 18.5849 17.0119Z\" fill=\"#4FA847\"/>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-bash-icon\"\n    data-testid=\"kui-icon-wrapper-language-bash-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-bash-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      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA,GAEDC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAQzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es462.js

@@ -1,6 +1,6 @@
-import { defineComponent as v, computed as d, openBlock as c, createBlock as C, resolveDynamicComponent as S, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1232.js";
-const H = ["aria-hidden"], p = `<g clip-path="url(#clip0_2_1231)">
+import { defineComponent as C, computed as o, openBlock as d, createBlock as S, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as H } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1232.js";
+const L = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1231)">
 <path d="M22.2686 17.9663C22.4355 17.677 22.5388 17.3513 22.5388 17.0582V6.89627C22.5388 6.60414 22.4357 6.27808 22.2686 5.98877L11.8961 11.9775L22.2686 17.9663Z" fill="#00599C"/>
 <path d="M12.8175 23.7349L21.6174 18.6548C21.8709 18.5084 22.1015 18.2556 22.2686 17.9663L11.8961 11.9775L1.52246 17.9663C1.68934 18.2556 1.92015 18.5082 2.17365 18.6548L10.9736 23.7349C11.4804 24.0278 12.3105 24.0278 12.8171 23.7349H12.8175Z" fill="#004482"/>
 <path d="M22.2686 5.98898C22.1015 5.69911 21.8709 5.44636 21.6174 5.30067L12.8173 0.219797C12.3104 -0.0732656 11.4806 -0.0732656 10.9738 0.219797L2.17382 5.30067C1.66682 5.5928 1.25244 6.3113 1.25244 6.8963V17.058C1.25244 17.3509 1.35557 17.6768 1.52263 17.9661L11.8959 11.9775L22.2686 5.98898Z" fill="#659AD2"/>
@@ -10,7 +10,7 @@ const H = ["aria-hidden"], p = `<g clip-path="url(#clip0_2_1231)">
 <clipPath id="clip0_2_1231">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, k = /* @__PURE__ */ v({
+</defs>`, I = /* @__PURE__ */ C({
   __name: "LanguageCPlusPlusIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -41,7 +41,7 @@ const H = ["aria-hidden"], p = `<g clip-path="url(#clip0_2_1231)">
     size: {
       type: [Number, String],
       required: !1,
-      default: u,
+      default: c,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (i) => {
         if (typeof i == "number" && i > 0)
@@ -71,7 +71,7 @@ const H = ["aria-hidden"], p = `<g clip-path="url(#clip0_2_1231)">
     }
   },
   setup(i) {
-    const e = i, n = d(() => {
+    const e = i, n = o(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -79,8 +79,8 @@ const H = ["aria-hidden"], p = `<g clip-path="url(#clip0_2_1231)">
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return u;
-    }), g = d(() => ({
+      return c;
+    }), p = o(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -89,31 +89,28 @@ const H = ["aria-hidden"], p = `<g clip-path="url(#clip0_2_1231)">
       lineHeight: "0",
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (r) => {
-      const t = {}, a = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (l, s) => {
-        const o = `${a}-${s}`;
-        return t[s] = o, `id="${o}"`;
-      }).replace(/#([^\s^")]+)/g, (l, s) => t[s] ? `#${t[s]}` : l);
-    }, h = (r) => {
-      const t = {
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#039;",
-        "`": "&#039;"
-      };
-      return r.replace(/[<>"'`]/g, (a) => t[a]);
-    }, m = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (r, t) => (c(), C(S(i.as), {
+    })), g = (r) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, s) => {
+        const l = `${v}-${s}`;
+        return t[s] = l, `id="${l}"`;
+      }).replace(/#([^\s^")]+)/g, (a, s) => t[s] ? `#${t[s]}` : a);
+    }, f = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, h = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (r, t) => (d(), S(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon language-c-plus-plus-icon",
       "data-testid": "kui-icon-wrapper-language-c-plus-plus-icon",
-      style: y(g.value),
+      style: b(p.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (c(), x("svg", {
+      default: x(() => [
+        (d(), H("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-language-c-plus-plus-icon",
           fill: "none",
@@ -123,13 +120,13 @@ const H = ["aria-hidden"], p = `<g clip-path="url(#clip0_2_1231)">
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: m
-        }, null, 8, H))
+        }, null, 8, L))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  k as default
+  I as default
 };
 //# sourceMappingURL=kong-icons.es462.js.map

package/dist/kong-icons.es462.js.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es462.js","sources":["../src/components/multi-color/LanguageCPlusPlusIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageCPlusPlusIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:05:24 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } 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  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\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 | undefined> => ({\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  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst escapeHtml = (str: string) => {\n  const htmlEntities: { [key: string]: string } = {\n    '<': '&lt;',\n    '>': '&gt;',\n    '\"': '&quot;',\n    \"'\": '&#039;',\n    '`': '&#039;',\n  }\n\n  return str.replace(/[<>\"'`]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_2_1231)\">\n<path d=\"M22.2686 17.9663C22.4355 17.677 22.5388 17.3513 22.5388 17.0582V6.89627C22.5388 6.60414 22.4357 6.27808 22.2686 5.98877L11.8961 11.9775L22.2686 17.9663Z\" fill=\"#00599C\"/>\n<path d=\"M12.8175 23.7349L21.6174 18.6548C21.8709 18.5084 22.1015 18.2556 22.2686 17.9663L11.8961 11.9775L1.52246 17.9663C1.68934 18.2556 1.92015 18.5082 2.17365 18.6548L10.9736 23.7349C11.4804 24.0278 12.3105 24.0278 12.8171 23.7349H12.8175Z\" fill=\"#004482\"/>\n<path d=\"M22.2686 5.98898C22.1015 5.69911 21.8709 5.44636 21.6174 5.30067L12.8173 0.219797C12.3104 -0.0732656 11.4806 -0.0732656 10.9738 0.219797L2.17382 5.30067C1.66682 5.5928 1.25244 6.3113 1.25244 6.8963V17.058C1.25244 17.3509 1.35557 17.6768 1.52263 17.9661L11.8959 11.9775L22.2686 5.98898Z\" fill=\"#659AD2\"/>\n<path d=\"M11.896 4.88154C7.98342 4.88154 4.80042 8.06472 4.80042 11.9773C4.80042 15.8898 7.98342 19.073 11.896 19.073C14.4207 19.073 16.7755 17.7142 18.0404 15.5274L14.97 13.7503C14.3363 14.8453 13.1588 15.525 11.896 15.525C9.93979 15.525 8.3481 13.9335 8.3481 11.9771C8.3481 10.0207 9.93998 8.42922 11.896 8.42922C13.1579 8.42922 14.3367 9.10966 14.9691 10.2039L18.0404 8.42697C16.7747 6.23997 14.4207 4.88154 11.896 4.88154ZM17.415 10.7943V11.5832H16.6262V12.3712H17.415V13.16H18.2031V12.3712H18.9912V11.5832H18.2031V10.7943H17.415ZM20.3712 10.7943V11.5832H19.5829V12.3712H20.3712V13.16H21.16V12.3712H21.948V11.5832H21.16V10.7943H20.3712Z\" fill=\"white\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_2_1231\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-c-plus-plus-icon\"\n    data-testid=\"kui-icon-wrapper-language-c-plus-plus-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-c-plus-plus-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      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","escapeHtml","str","htmlEntities","svgProcessedContent"],"mappings":";;2BA0JMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAAa,CAACC,MAAgB;AAClC,YAAMC,IAA0C;AAAA,QAC9C,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,MAAA;AAGP,aAAOD,EAAI,QAAQ,YAAY,CAACJ,MAAUK,EAAaL,CAAK,CAAC;AAAA,IAAA,GAiBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es462.js","sources":["../src/components/multi-color/LanguageCPlusPlusIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageCPlusPlusIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Mon, 09 Dec 2024 14:01:53 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed } 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  /**\n   * A boolean to disable prefixing any internal SVG ids with a unique string which is done to resolve the potential for multiple SVG instances on the same page and the SVG utilizing the same ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to `true` during snapshot testing.\n   * Defaults to `false`.\n   */\n  staticIds: {\n    type: Boolean,\n    default: false,\n  },\n})\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 | undefined> => ({\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  pointerEvents: props.decorative ? 'none' : undefined,\n}))\n\n/**\n * Prefix all SVG IDs in the given SVG string with a random prefix to ensure uniqueness.\n *\n * This function performs the following steps:\n * 1. Generates a random prefix.\n * 2. Replaces all `id` attributes in the SVG string with the new prefixed IDs.\n * 3. Updates all ID references (e.g., `url(#id)`, `href=\"#id\"`, etc.) to use the new prefixed IDs.\n *\n * @param {string} svgString - The SVG string in which to prefix IDs.\n * @returns {string} - The SVG string with prefixed IDs.\n */\nconst prefixSvgIdsInString = (svgString: string): string => {\n  const idMap: Record<string, string> = {}\n  const randomPrefix = Math.random().toString(36).substring(2, 12)\n\n  // Replace IDs in the SVG string\n  const updatedSvgString = svgString.replace(/id=\"([^\"]+)\"/g, (match, originalId) => {\n    const newId = `${randomPrefix}-${originalId}`\n    idMap[originalId] = newId\n    return `id=\"${newId}\"`\n  })\n\n  // Replace ID references (e.g., url(#id), href=\"#id\", etc.)\n  const processedSvgString = updatedSvgString.replace(/#([^\\s^\")]+)/g, (match, originalId) => idMap[originalId] ? `#${idMap[originalId]}` : match)\n\n  // Return the processed SVG string\n  return processedSvgString\n}\n\nconst htmlEntities: { [key: string]: string } = {\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n  '&': '&amp;',\n}\nconst escapeHtml = (str: string) => {\n  return str.replace(/[<>\"'&]/g, (match) => htmlEntities[match])\n}\n\n// The `svgOriginalContent` template string will be replaced with the SVG innerHTML in the generate script.\n\nconst svgOriginalContent = `<g clip-path=\"url(#clip0_2_1231)\">\n<path d=\"M22.2686 17.9663C22.4355 17.677 22.5388 17.3513 22.5388 17.0582V6.89627C22.5388 6.60414 22.4357 6.27808 22.2686 5.98877L11.8961 11.9775L22.2686 17.9663Z\" fill=\"#00599C\"/>\n<path d=\"M12.8175 23.7349L21.6174 18.6548C21.8709 18.5084 22.1015 18.2556 22.2686 17.9663L11.8961 11.9775L1.52246 17.9663C1.68934 18.2556 1.92015 18.5082 2.17365 18.6548L10.9736 23.7349C11.4804 24.0278 12.3105 24.0278 12.8171 23.7349H12.8175Z\" fill=\"#004482\"/>\n<path d=\"M22.2686 5.98898C22.1015 5.69911 21.8709 5.44636 21.6174 5.30067L12.8173 0.219797C12.3104 -0.0732656 11.4806 -0.0732656 10.9738 0.219797L2.17382 5.30067C1.66682 5.5928 1.25244 6.3113 1.25244 6.8963V17.058C1.25244 17.3509 1.35557 17.6768 1.52263 17.9661L11.8959 11.9775L22.2686 5.98898Z\" fill=\"#659AD2\"/>\n<path d=\"M11.896 4.88154C7.98342 4.88154 4.80042 8.06472 4.80042 11.9773C4.80042 15.8898 7.98342 19.073 11.896 19.073C14.4207 19.073 16.7755 17.7142 18.0404 15.5274L14.97 13.7503C14.3363 14.8453 13.1588 15.525 11.896 15.525C9.93979 15.525 8.3481 13.9335 8.3481 11.9771C8.3481 10.0207 9.93998 8.42922 11.896 8.42922C13.1579 8.42922 14.3367 9.10966 14.9691 10.2039L18.0404 8.42697C16.7747 6.23997 14.4207 4.88154 11.896 4.88154ZM17.415 10.7943V11.5832H16.6262V12.3712H17.415V13.16H18.2031V12.3712H18.9912V11.5832H18.2031V10.7943H17.415ZM20.3712 10.7943V11.5832H19.5829V12.3712H20.3712V13.16H21.16V12.3712H21.948V11.5832H21.16V10.7943H20.3712Z\" fill=\"white\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_2_1231\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon language-c-plus-plus-icon\"\n    data-testid=\"kui-icon-wrapper-language-c-plus-plus-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-language-c-plus-plus-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      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA,GAEDC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAiBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}