@kong/icons 1.20.1-pr.460.00f596c.0 → 1.20.2-pr.463.c681034.0

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es484.js","sources":["../src/components/multi-color/LanguageRubyIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageRubyIcon.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:18 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_1410)\">\n<path d=\"M18.2021 15.6026L5.31372 23.2558L22.0018 22.1233L23.2871 5.29614L18.2021 15.6026Z\" fill=\"url(#paint0_linear_2_1410)\"/>\n<path d=\"M22.029 22.1118L20.5948 12.212L16.6879 17.3709L22.029 22.1118Z\" fill=\"url(#paint1_linear_2_1410)\"/>\n<path d=\"M22.0485 22.1119L11.5403 21.2871L5.36963 23.2343L22.0485 22.1119Z\" fill=\"url(#paint2_linear_2_1410)\"/>\n<path d=\"M5.38448 23.2365L8.00966 14.6365L2.23279 15.8717L5.38448 23.2365Z\" fill=\"url(#paint3_linear_2_1410)\"/>\n<path d=\"M16.6868 17.3995L14.2714 7.93823L7.35901 14.4179L16.6868 17.3995Z\" fill=\"url(#paint4_linear_2_1410)\"/>\n<path d=\"M22.7391 8.07137L16.2049 2.73474L14.3854 8.61718L22.7391 8.07137Z\" fill=\"url(#paint5_linear_2_1410)\"/>\n<path d=\"M19.6833 0.831967L15.8401 2.95578L13.4158 0.803467L19.6833 0.831967Z\" fill=\"url(#paint6_linear_2_1410)\"/>\n<path d=\"M0.712891 18.7564L2.32277 15.8203L1.02039 12.3225L0.712891 18.7564Z\" fill=\"url(#paint7_linear_2_1410)\"/>\n<path d=\"M0.93396 12.212L2.24402 15.9285L7.93746 14.6512L14.4375 8.61033L16.2718 2.78377L13.3838 0.744141L8.47315 2.58202C6.9259 4.02108 3.92384 6.86827 3.81565 6.92189C3.70821 6.97645 1.83283 10.521 0.93396 12.212Z\" fill=\"white\"/>\n<path d=\"M5.53484 5.53519C8.88771 2.21081 13.2105 0.246377 14.8695 1.92019C16.5276 3.59381 14.7694 7.66144 11.4161 10.9849C8.0629 14.3083 3.79371 16.3809 2.13621 14.7071C0.477024 13.0346 2.18159 8.85881 5.53484 5.53519Z\" fill=\"url(#paint8_linear_2_1410)\"/>\n<path d=\"M5.3844 23.233L7.98877 14.6057L16.6391 17.3845C13.5116 20.3173 10.0329 22.7966 5.3844 23.233Z\" fill=\"url(#paint9_linear_2_1410)\"/>\n<path d=\"M14.4491 8.59326L16.6698 17.3891C19.2825 14.6422 21.6272 11.6889 22.7754 8.03601L14.4491 8.59326Z\" fill=\"url(#paint10_linear_2_1410)\"/>\n<path d=\"M22.7528 8.08073C23.6415 5.39855 23.8465 1.55104 19.6558 0.83667L16.2173 2.73604L22.7528 8.08073Z\" fill=\"url(#paint11_linear_2_1410)\"/>\n<path d=\"M0.712891 18.7177C0.835891 23.1442 4.02958 23.21 5.39008 23.249L2.24777 15.9103L0.712891 18.7177Z\" fill=\"#9E1209\"/>\n<path d=\"M14.4615 8.60695C16.4693 9.84089 20.5152 12.3191 20.5971 12.3646C20.7246 12.4365 22.3416 9.63802 22.7085 8.05664L14.4615 8.60695Z\" fill=\"url(#paint12_radial_2_1410)\"/>\n<path d=\"M7.98547 14.6057L11.4673 21.3235C13.5261 20.2069 15.1384 18.8464 16.615 17.3891L7.98547 14.6057Z\" fill=\"url(#paint13_radial_2_1410)\"/>\n<path d=\"M2.23391 15.9196L1.7406 21.7941C2.67135 23.0656 3.95198 23.1762 5.2956 23.077C4.3236 20.6582 2.38223 15.8215 2.23391 15.9196Z\" fill=\"url(#paint14_linear_2_1410)\"/>\n<path d=\"M16.197 2.7506L23.1141 3.72128C22.7449 2.15697 21.6113 1.14747 19.6791 0.831909L16.197 2.7506Z\" fill=\"url(#paint15_linear_2_1410)\"/>\n</g>\n<defs>\n<linearGradient id=\"paint0_linear_2_1410\" x1=\"20.5462\" y1=\"25.3031\" x2=\"15.7841\" y2=\"16.8953\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#FB7655\"/>\n<stop offset=\"0.41\" stop-color=\"#E42B1E\"/>\n<stop offset=\"0.99\" stop-color=\"#990000\"/>\n<stop offset=\"1\" stop-color=\"#990000\"/>\n</linearGradient>\n<linearGradient id=\"paint1_linear_2_1410\" x1=\"22.9183\" y1=\"18.24\" x2=\"16.7809\" y2=\"14.1215\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#871101\"/>\n<stop offset=\"0.99\" stop-color=\"#911209\"/>\n<stop offset=\"1\" stop-color=\"#911209\"/>\n</linearGradient>\n<linearGradient id=\"paint2_linear_2_1410\" x1=\"18.0079\" y1=\"25.5582\" x2=\"11.8706\" y2=\"21.4397\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#871101\"/>\n<stop offset=\"0.99\" stop-color=\"#911209\"/>\n<stop offset=\"1\" stop-color=\"#911209\"/>\n</linearGradient>\n<linearGradient id=\"paint3_linear_2_1410\" x1=\"5.12198\" y1=\"15.2584\" x2=\"6.07335\" y2=\"21.4418\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"white\"/>\n<stop offset=\"0.23\" stop-color=\"#E57252\"/>\n<stop offset=\"0.46\" stop-color=\"#DE3B20\"/>\n<stop offset=\"0.99\" stop-color=\"#A60003\"/>\n<stop offset=\"1\" stop-color=\"#A60003\"/>\n</linearGradient>\n<linearGradient id=\"paint4_linear_2_1410\" x1=\"11.6661\" y1=\"9.48511\" x2=\"12.0167\" y2=\"15.7956\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"white\"/>\n<stop offset=\"0.23\" stop-color=\"#E4714E\"/>\n<stop offset=\"0.56\" stop-color=\"#BE1A0D\"/>\n<stop offset=\"0.99\" stop-color=\"#A80D00\"/>\n<stop offset=\"1\" stop-color=\"#A80D00\"/>\n</linearGradient>\n<linearGradient id=\"paint5_linear_2_1410\" x1=\"17.4733\" y1=\"3.65199\" x2=\"18.5229\" y2=\"8.17487\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"white\"/>\n<stop offset=\"0.18\" stop-color=\"#E46342\"/>\n<stop offset=\"0.4\" stop-color=\"#C82410\"/>\n<stop offset=\"0.99\" stop-color=\"#A80D00\"/>\n<stop offset=\"1\" stop-color=\"#A80D00\"/>\n</linearGradient>\n<linearGradient id=\"paint6_linear_2_1410\" x1=\"14.2687\" y1=\"2.05915\" x2=\"18.791\" y2=\"-0.201908\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"white\"/>\n<stop offset=\"0.54\" stop-color=\"#C81F11\"/>\n<stop offset=\"0.99\" stop-color=\"#BF0905\"/>\n<stop offset=\"1\" stop-color=\"#BF0905\"/>\n</linearGradient>\n<linearGradient id=\"paint7_linear_2_1410\" x1=\"1.15764\" y1=\"13.6823\" x2=\"1.53002\" y2=\"17.4088\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"white\"/>\n<stop offset=\"0.31\" stop-color=\"#DE4024\"/>\n<stop offset=\"0.99\" stop-color=\"#BF190B\"/>\n<stop offset=\"1\" stop-color=\"#BF190B\"/>\n</linearGradient>\n<linearGradient id=\"paint8_linear_2_1410\" x1=\"-1.40135\" y1=\"18.4161\" x2=\"16.096\" y2=\"0.42394\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#BD0012\"/>\n<stop offset=\"0.07\" stop-color=\"white\"/>\n<stop offset=\"0.17\" stop-color=\"white\"/>\n<stop offset=\"0.27\" stop-color=\"#C82F1C\"/>\n<stop offset=\"0.33\" stop-color=\"#820C01\"/>\n<stop offset=\"0.46\" stop-color=\"#A31601\"/>\n<stop offset=\"0.72\" stop-color=\"#B31301\"/>\n<stop offset=\"0.99\" stop-color=\"#E82609\"/>\n<stop offset=\"1\" stop-color=\"#E82609\"/>\n</linearGradient>\n<linearGradient id=\"paint9_linear_2_1410\" x1=\"12.0013\" y1=\"20.2309\" x2=\"6.73084\" y2=\"18.9302\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#8C0C01\"/>\n<stop offset=\"0.54\" stop-color=\"#990C00\"/>\n<stop offset=\"0.99\" stop-color=\"#A80D0E\"/>\n<stop offset=\"1\" stop-color=\"#A80D0E\"/>\n</linearGradient>\n<linearGradient id=\"paint10_linear_2_1410\" x1=\"21.0534\" y1=\"13.9055\" x2=\"16.3713\" y2=\"9.70926\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#7E110B\"/>\n<stop offset=\"0.99\" stop-color=\"#9E0C00\"/>\n<stop offset=\"1\" stop-color=\"#9E0C00\"/>\n</linearGradient>\n<linearGradient id=\"paint11_linear_2_1410\" x1=\"22.7736\" y1=\"6.20611\" x2=\"20.4415\" y2=\"3.71273\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#79130D\"/>\n<stop offset=\"0.99\" stop-color=\"#9E120B\"/>\n<stop offset=\"1\" stop-color=\"#9E120B\"/>\n</linearGradient>\n<radialGradient id=\"paint12_radial_2_1410\" cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"translate(17.1006 9.78952) scale(5.73769)\">\n<stop stop-color=\"#A80D00\"/>\n<stop offset=\"0.99\" stop-color=\"#7E0E08\"/>\n<stop offset=\"1\" stop-color=\"#7E0E08\"/>\n</radialGradient>\n<radialGradient id=\"paint13_radial_2_1410\" cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"translate(9.15472 17.3503) scale(7.62731)\">\n<stop stop-color=\"#A30C00\"/>\n<stop offset=\"0.99\" stop-color=\"#800E08\"/>\n<stop offset=\"1\" stop-color=\"#800E08\"/>\n</radialGradient>\n<linearGradient id=\"paint14_linear_2_1410\" x1=\"3.75173\" y1=\"23.2285\" x2=\"1.85122\" y2=\"16.7802\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#8B2114\"/>\n<stop offset=\"0.43\" stop-color=\"#9E100A\"/>\n<stop offset=\"0.99\" stop-color=\"#B3100C\"/>\n<stop offset=\"1\" stop-color=\"#B3100C\"/>\n</linearGradient>\n<linearGradient id=\"paint15_linear_2_1410\" x1=\"18.3323\" y1=\"1.86072\" x2=\"22.593\" y2=\"3.74153\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#B31000\"/>\n<stop offset=\"0.44\" stop-color=\"#910F08\"/>\n<stop offset=\"0.99\" stop-color=\"#791C12\"/>\n<stop offset=\"1\" stop-color=\"#791C12\"/>\n</linearGradient>\n<clipPath id=\"clip0_2_1410\">\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-ruby-icon\"\n    data-testid=\"kui-icon-wrapper-language-ruby-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-ruby-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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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,GAiIzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es484.js","sources":["../src/components/multi-color/LanguageRubyIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageRubyIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 18 Dec 2024 01:10:16 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_1410)\">\n<path d=\"M18.2021 15.6026L5.31372 23.2558L22.0018 22.1233L23.2871 5.29614L18.2021 15.6026Z\" fill=\"url(#paint0_linear_2_1410)\"/>\n<path d=\"M22.029 22.1118L20.5948 12.212L16.6879 17.3709L22.029 22.1118Z\" fill=\"url(#paint1_linear_2_1410)\"/>\n<path d=\"M22.0485 22.1119L11.5403 21.2871L5.36963 23.2343L22.0485 22.1119Z\" fill=\"url(#paint2_linear_2_1410)\"/>\n<path d=\"M5.38448 23.2365L8.00966 14.6365L2.23279 15.8717L5.38448 23.2365Z\" fill=\"url(#paint3_linear_2_1410)\"/>\n<path d=\"M16.6868 17.3995L14.2714 7.93823L7.35901 14.4179L16.6868 17.3995Z\" fill=\"url(#paint4_linear_2_1410)\"/>\n<path d=\"M22.7391 8.07137L16.2049 2.73474L14.3854 8.61718L22.7391 8.07137Z\" fill=\"url(#paint5_linear_2_1410)\"/>\n<path d=\"M19.6833 0.831967L15.8401 2.95578L13.4158 0.803467L19.6833 0.831967Z\" fill=\"url(#paint6_linear_2_1410)\"/>\n<path d=\"M0.712891 18.7564L2.32277 15.8203L1.02039 12.3225L0.712891 18.7564Z\" fill=\"url(#paint7_linear_2_1410)\"/>\n<path d=\"M0.93396 12.212L2.24402 15.9285L7.93746 14.6512L14.4375 8.61033L16.2718 2.78377L13.3838 0.744141L8.47315 2.58202C6.9259 4.02108 3.92384 6.86827 3.81565 6.92189C3.70821 6.97645 1.83283 10.521 0.93396 12.212Z\" fill=\"white\"/>\n<path d=\"M5.53484 5.53519C8.88771 2.21081 13.2105 0.246377 14.8695 1.92019C16.5276 3.59381 14.7694 7.66144 11.4161 10.9849C8.0629 14.3083 3.79371 16.3809 2.13621 14.7071C0.477024 13.0346 2.18159 8.85881 5.53484 5.53519Z\" fill=\"url(#paint8_linear_2_1410)\"/>\n<path d=\"M5.3844 23.233L7.98877 14.6057L16.6391 17.3845C13.5116 20.3173 10.0329 22.7966 5.3844 23.233Z\" fill=\"url(#paint9_linear_2_1410)\"/>\n<path d=\"M14.4491 8.59326L16.6698 17.3891C19.2825 14.6422 21.6272 11.6889 22.7754 8.03601L14.4491 8.59326Z\" fill=\"url(#paint10_linear_2_1410)\"/>\n<path d=\"M22.7528 8.08073C23.6415 5.39855 23.8465 1.55104 19.6558 0.83667L16.2173 2.73604L22.7528 8.08073Z\" fill=\"url(#paint11_linear_2_1410)\"/>\n<path d=\"M0.712891 18.7177C0.835891 23.1442 4.02958 23.21 5.39008 23.249L2.24777 15.9103L0.712891 18.7177Z\" fill=\"#9E1209\"/>\n<path d=\"M14.4615 8.60695C16.4693 9.84089 20.5152 12.3191 20.5971 12.3646C20.7246 12.4365 22.3416 9.63802 22.7085 8.05664L14.4615 8.60695Z\" fill=\"url(#paint12_radial_2_1410)\"/>\n<path d=\"M7.98547 14.6057L11.4673 21.3235C13.5261 20.2069 15.1384 18.8464 16.615 17.3891L7.98547 14.6057Z\" fill=\"url(#paint13_radial_2_1410)\"/>\n<path d=\"M2.23391 15.9196L1.7406 21.7941C2.67135 23.0656 3.95198 23.1762 5.2956 23.077C4.3236 20.6582 2.38223 15.8215 2.23391 15.9196Z\" fill=\"url(#paint14_linear_2_1410)\"/>\n<path d=\"M16.197 2.7506L23.1141 3.72128C22.7449 2.15697 21.6113 1.14747 19.6791 0.831909L16.197 2.7506Z\" fill=\"url(#paint15_linear_2_1410)\"/>\n</g>\n<defs>\n<linearGradient id=\"paint0_linear_2_1410\" x1=\"20.5462\" y1=\"25.3031\" x2=\"15.7841\" y2=\"16.8953\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#FB7655\"/>\n<stop offset=\"0.41\" stop-color=\"#E42B1E\"/>\n<stop offset=\"0.99\" stop-color=\"#990000\"/>\n<stop offset=\"1\" stop-color=\"#990000\"/>\n</linearGradient>\n<linearGradient id=\"paint1_linear_2_1410\" x1=\"22.9183\" y1=\"18.24\" x2=\"16.7809\" y2=\"14.1215\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#871101\"/>\n<stop offset=\"0.99\" stop-color=\"#911209\"/>\n<stop offset=\"1\" stop-color=\"#911209\"/>\n</linearGradient>\n<linearGradient id=\"paint2_linear_2_1410\" x1=\"18.0079\" y1=\"25.5582\" x2=\"11.8706\" y2=\"21.4397\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#871101\"/>\n<stop offset=\"0.99\" stop-color=\"#911209\"/>\n<stop offset=\"1\" stop-color=\"#911209\"/>\n</linearGradient>\n<linearGradient id=\"paint3_linear_2_1410\" x1=\"5.12198\" y1=\"15.2584\" x2=\"6.07335\" y2=\"21.4418\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"white\"/>\n<stop offset=\"0.23\" stop-color=\"#E57252\"/>\n<stop offset=\"0.46\" stop-color=\"#DE3B20\"/>\n<stop offset=\"0.99\" stop-color=\"#A60003\"/>\n<stop offset=\"1\" stop-color=\"#A60003\"/>\n</linearGradient>\n<linearGradient id=\"paint4_linear_2_1410\" x1=\"11.6661\" y1=\"9.48511\" x2=\"12.0167\" y2=\"15.7956\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"white\"/>\n<stop offset=\"0.23\" stop-color=\"#E4714E\"/>\n<stop offset=\"0.56\" stop-color=\"#BE1A0D\"/>\n<stop offset=\"0.99\" stop-color=\"#A80D00\"/>\n<stop offset=\"1\" stop-color=\"#A80D00\"/>\n</linearGradient>\n<linearGradient id=\"paint5_linear_2_1410\" x1=\"17.4733\" y1=\"3.65199\" x2=\"18.5229\" y2=\"8.17487\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"white\"/>\n<stop offset=\"0.18\" stop-color=\"#E46342\"/>\n<stop offset=\"0.4\" stop-color=\"#C82410\"/>\n<stop offset=\"0.99\" stop-color=\"#A80D00\"/>\n<stop offset=\"1\" stop-color=\"#A80D00\"/>\n</linearGradient>\n<linearGradient id=\"paint6_linear_2_1410\" x1=\"14.2687\" y1=\"2.05915\" x2=\"18.791\" y2=\"-0.201908\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"white\"/>\n<stop offset=\"0.54\" stop-color=\"#C81F11\"/>\n<stop offset=\"0.99\" stop-color=\"#BF0905\"/>\n<stop offset=\"1\" stop-color=\"#BF0905\"/>\n</linearGradient>\n<linearGradient id=\"paint7_linear_2_1410\" x1=\"1.15764\" y1=\"13.6823\" x2=\"1.53002\" y2=\"17.4088\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"white\"/>\n<stop offset=\"0.31\" stop-color=\"#DE4024\"/>\n<stop offset=\"0.99\" stop-color=\"#BF190B\"/>\n<stop offset=\"1\" stop-color=\"#BF190B\"/>\n</linearGradient>\n<linearGradient id=\"paint8_linear_2_1410\" x1=\"-1.40135\" y1=\"18.4161\" x2=\"16.096\" y2=\"0.42394\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#BD0012\"/>\n<stop offset=\"0.07\" stop-color=\"white\"/>\n<stop offset=\"0.17\" stop-color=\"white\"/>\n<stop offset=\"0.27\" stop-color=\"#C82F1C\"/>\n<stop offset=\"0.33\" stop-color=\"#820C01\"/>\n<stop offset=\"0.46\" stop-color=\"#A31601\"/>\n<stop offset=\"0.72\" stop-color=\"#B31301\"/>\n<stop offset=\"0.99\" stop-color=\"#E82609\"/>\n<stop offset=\"1\" stop-color=\"#E82609\"/>\n</linearGradient>\n<linearGradient id=\"paint9_linear_2_1410\" x1=\"12.0013\" y1=\"20.2309\" x2=\"6.73084\" y2=\"18.9302\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#8C0C01\"/>\n<stop offset=\"0.54\" stop-color=\"#990C00\"/>\n<stop offset=\"0.99\" stop-color=\"#A80D0E\"/>\n<stop offset=\"1\" stop-color=\"#A80D0E\"/>\n</linearGradient>\n<linearGradient id=\"paint10_linear_2_1410\" x1=\"21.0534\" y1=\"13.9055\" x2=\"16.3713\" y2=\"9.70926\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#7E110B\"/>\n<stop offset=\"0.99\" stop-color=\"#9E0C00\"/>\n<stop offset=\"1\" stop-color=\"#9E0C00\"/>\n</linearGradient>\n<linearGradient id=\"paint11_linear_2_1410\" x1=\"22.7736\" y1=\"6.20611\" x2=\"20.4415\" y2=\"3.71273\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#79130D\"/>\n<stop offset=\"0.99\" stop-color=\"#9E120B\"/>\n<stop offset=\"1\" stop-color=\"#9E120B\"/>\n</linearGradient>\n<radialGradient id=\"paint12_radial_2_1410\" cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"translate(17.1006 9.78952) scale(5.73769)\">\n<stop stop-color=\"#A80D00\"/>\n<stop offset=\"0.99\" stop-color=\"#7E0E08\"/>\n<stop offset=\"1\" stop-color=\"#7E0E08\"/>\n</radialGradient>\n<radialGradient id=\"paint13_radial_2_1410\" cx=\"0\" cy=\"0\" r=\"1\" gradientUnits=\"userSpaceOnUse\" gradientTransform=\"translate(9.15472 17.3503) scale(7.62731)\">\n<stop stop-color=\"#A30C00\"/>\n<stop offset=\"0.99\" stop-color=\"#800E08\"/>\n<stop offset=\"1\" stop-color=\"#800E08\"/>\n</radialGradient>\n<linearGradient id=\"paint14_linear_2_1410\" x1=\"3.75173\" y1=\"23.2285\" x2=\"1.85122\" y2=\"16.7802\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#8B2114\"/>\n<stop offset=\"0.43\" stop-color=\"#9E100A\"/>\n<stop offset=\"0.99\" stop-color=\"#B3100C\"/>\n<stop offset=\"1\" stop-color=\"#B3100C\"/>\n</linearGradient>\n<linearGradient id=\"paint15_linear_2_1410\" x1=\"18.3323\" y1=\"1.86072\" x2=\"22.593\" y2=\"3.74153\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#B31000\"/>\n<stop offset=\"0.44\" stop-color=\"#910F08\"/>\n<stop offset=\"0.99\" stop-color=\"#791C12\"/>\n<stop offset=\"1\" stop-color=\"#791C12\"/>\n</linearGradient>\n<clipPath id=\"clip0_2_1410\">\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-ruby-icon\"\n    data-testid=\"kui-icon-wrapper-language-ruby-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-ruby-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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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,MACtB;AAIK,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,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,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,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAiIzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es486.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, computed as d, openBlock as c, createBlock as S, resolveDynamicComponent as h, normalizeStyle as y, withCtx as x, createElementBlock as b } from "vue";
-import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1232.js";
-const _ = ["aria-hidden"], u = `<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M1.35001 20.7188C1.03126 20.7188 0.768764 20.5875 0.581264 20.3625C0.393764 20.1375 0.337514 19.8188 0.412514 19.5L3.90001 4.40625C4.05001 3.76875 4.65001 3.28125 5.28751 3.28125H22.65C22.9688 3.28125 23.2313 3.4125 23.4188 3.6375C23.6063 3.8625 23.6625 4.18125 23.5875 4.5L20.1 19.5938C19.95 20.2313 19.35 20.7188 18.7125 20.7188H1.35001Z" fill="url(#paint0_linear_2_1398)"/>
+import { defineComponent as S, computed as a, openBlock as d, createBlock as h, resolveDynamicComponent as y, normalizeStyle as x, withCtx as b, createElementBlock as _ } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1232.js";
+const L = ["aria-hidden"], p = `<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" d="M1.35001 20.7188C1.03126 20.7188 0.768764 20.5875 0.581264 20.3625C0.393764 20.1375 0.337514 19.8188 0.412514 19.5L3.90001 4.40625C4.05001 3.76875 4.65001 3.28125 5.28751 3.28125H22.65C22.9688 3.28125 23.2313 3.4125 23.4188 3.6375C23.6063 3.8625 23.6625 4.18125 23.5875 4.5L20.1 19.5938C19.95 20.2313 19.35 20.7188 18.7125 20.7188H1.35001Z" fill="url(#paint0_linear_2_1398)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M22.5562 3.46875H5.34373C4.79998 3.46875 4.27498 3.9 4.14373 4.44375L0.693734 19.5563C0.562484 20.1 0.899984 20.5312 1.44373 20.5312H18.6562C19.2 20.5312 19.725 20.1 19.8562 19.5563L23.3062 4.4625C23.4375 3.91875 23.1 3.46875 22.5562 3.46875Z" fill="url(#paint1_linear_2_1398)"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0374 16.5563H16.2187C16.7062 16.5563 17.0999 16.9688 17.0999 17.475C17.0999 17.9813 16.7062 18.3938 16.2187 18.3938H12.0374C11.5499 18.3938 11.1562 17.9813 11.1562 17.475C11.1562 16.9688 11.5499 16.5563 12.0374 16.5563ZM14.7562 12.4688C14.6812 12.6188 14.5312 12.7688 14.2687 12.9563L6.48744 18.5438C6.05619 18.8438 5.45619 18.7313 5.11869 18.2813C4.79994 17.8313 4.87494 17.2125 5.28744 16.9125L12.2999 11.8313V11.7188L7.89369 7.0313C7.53744 6.6563 7.57494 6.03755 7.96869 5.6438C8.38119 5.2688 8.99994 5.2688 9.35619 5.6438L14.6437 11.2688C14.9624 11.625 14.9812 12.1125 14.7562 12.4688Z" fill="#2C5591"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M14.5499 12.2813C14.4749 12.4313 14.3249 12.5813 14.0624 12.7688L6.29994 18.3563C5.86869 18.6563 5.26869 18.5438 4.93119 18.0938C4.61244 17.6438 4.68744 17.025 5.09994 16.725L12.1124 11.6438V11.5313L7.70619 6.8438C7.34994 6.4688 7.38744 5.85005 7.78119 5.4563C8.19369 5.0813 8.81244 5.0813 9.16869 5.4563L14.4562 11.0813C14.7749 11.4188 14.7937 11.9063 14.5499 12.2813ZM11.9062 16.4625H16.0874C16.5749 16.4625 16.9687 16.8563 16.9687 17.325C16.9687 17.8125 16.5749 18.1875 16.0874 18.1875H11.9062C11.4187 18.1875 11.0249 17.7938 11.0249 17.325C11.0249 16.8375 11.4187 16.4625 11.9062 16.4625Z" fill="white"/>
@@ -16,7 +16,7 @@ const _ = ["aria-hidden"], u = `<path opacity="0.8" fill-rule="evenodd" clip-rul
 <stop offset="0.79" stop-color="#0C131B"/>
 <stop offset="1"/>
 </linearGradient>
-</defs>`, k = /* @__PURE__ */ m({
+</defs>`, I = /* @__PURE__ */ S({
   __name: "LanguageShellIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -47,7 +47,7 @@ const _ = ["aria-hidden"], u = `<path opacity="0.8" fill-rule="evenodd" clip-rul
     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)
@@ -77,7 +77,7 @@ const _ = ["aria-hidden"], u = `<path opacity="0.8" fill-rule="evenodd" clip-rul
     }
   },
   setup(i) {
-    const e = i, n = d(() => {
+    const e = i, n = a(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -85,8 +85,8 @@ const _ = ["aria-hidden"], u = `<path opacity="0.8" fill-rule="evenodd" clip-rul
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return p;
-    }), f = d(() => ({
+      return c;
+    }), u = a(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -95,31 +95,28 @@ const _ = ["aria-hidden"], u = `<path opacity="0.8" fill-rule="evenodd" clip-rul
       lineHeight: "0",
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), g = (r) => {
-      const t = {}, l = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const a = `${l}-${o}`;
-        return t[o] = a, `id="${a}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, C = (r) => {
-      const t = {
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#039;",
-        "`": "&#039;"
-      };
-      return r.replace(/[<>"'`]/g, (l) => t[l]);
-    }, v = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (r, t) => (c(), S(h(i.as), {
+    })), f = (r) => {
+      const t = {}, m = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (l, o) => {
+        const s = `${m}-${o}`;
+        return t[o] = s, `id="${s}"`;
+      }).replace(/#([^\s^")]+)/g, (l, o) => t[o] ? `#${t[o]}` : l);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, C = (r) => r.replace(/[<>"'&]/g, (t) => g[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${C(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (r, t) => (d(), h(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon language-shell-icon",
       "data-testid": "kui-icon-wrapper-language-shell-icon",
-      style: y(f.value),
+      style: x(u.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: x(() => [
-        (c(), b("svg", {
+      default: b(() => [
+        (d(), _("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-language-shell-icon",
           fill: "none",
@@ -129,13 +126,13 @@ const _ = ["aria-hidden"], u = `<path opacity="0.8" fill-rule="evenodd" clip-rul
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: v
-        }, null, 8, _))
+        }, null, 8, L))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  k as default
+  I as default
 };
 //# sourceMappingURL=kong-icons.es486.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es486.js","sources":["../src/components/multi-color/LanguageShellIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageShellIcon.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:18 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 opacity=\"0.8\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.35001 20.7188C1.03126 20.7188 0.768764 20.5875 0.581264 20.3625C0.393764 20.1375 0.337514 19.8188 0.412514 19.5L3.90001 4.40625C4.05001 3.76875 4.65001 3.28125 5.28751 3.28125H22.65C22.9688 3.28125 23.2313 3.4125 23.4188 3.6375C23.6063 3.8625 23.6625 4.18125 23.5875 4.5L20.1 19.5938C19.95 20.2313 19.35 20.7188 18.7125 20.7188H1.35001Z\" fill=\"url(#paint0_linear_2_1398)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.5562 3.46875H5.34373C4.79998 3.46875 4.27498 3.9 4.14373 4.44375L0.693734 19.5563C0.562484 20.1 0.899984 20.5312 1.44373 20.5312H18.6562C19.2 20.5312 19.725 20.1 19.8562 19.5563L23.3062 4.4625C23.4375 3.91875 23.1 3.46875 22.5562 3.46875Z\" fill=\"url(#paint1_linear_2_1398)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.0374 16.5563H16.2187C16.7062 16.5563 17.0999 16.9688 17.0999 17.475C17.0999 17.9813 16.7062 18.3938 16.2187 18.3938H12.0374C11.5499 18.3938 11.1562 17.9813 11.1562 17.475C11.1562 16.9688 11.5499 16.5563 12.0374 16.5563ZM14.7562 12.4688C14.6812 12.6188 14.5312 12.7688 14.2687 12.9563L6.48744 18.5438C6.05619 18.8438 5.45619 18.7313 5.11869 18.2813C4.79994 17.8313 4.87494 17.2125 5.28744 16.9125L12.2999 11.8313V11.7188L7.89369 7.0313C7.53744 6.6563 7.57494 6.03755 7.96869 5.6438C8.38119 5.2688 8.99994 5.2688 9.35619 5.6438L14.6437 11.2688C14.9624 11.625 14.9812 12.1125 14.7562 12.4688Z\" fill=\"#2C5591\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.5499 12.2813C14.4749 12.4313 14.3249 12.5813 14.0624 12.7688L6.29994 18.3563C5.86869 18.6563 5.26869 18.5438 4.93119 18.0938C4.61244 17.6438 4.68744 17.025 5.09994 16.725L12.1124 11.6438V11.5313L7.70619 6.8438C7.34994 6.4688 7.38744 5.85005 7.78119 5.4563C8.19369 5.0813 8.81244 5.0813 9.16869 5.4563L14.4562 11.0813C14.7749 11.4188 14.7937 11.9063 14.5499 12.2813ZM11.9062 16.4625H16.0874C16.5749 16.4625 16.9687 16.8563 16.9687 17.325C16.9687 17.8125 16.5749 18.1875 16.0874 18.1875H11.9062C11.4187 18.1875 11.0249 17.7938 11.0249 17.325C11.0249 16.8375 11.4187 16.4625 11.9062 16.4625Z\" fill=\"white\"/>\n<defs>\n<linearGradient id=\"paint0_linear_2_1398\" x1=\"18.0574\" y1=\"17.4105\" x2=\"4.77264\" y2=\"5.54419\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#A9C8FF\"/>\n<stop offset=\"1\" stop-color=\"#C7E6FF\"/>\n</linearGradient>\n<linearGradient id=\"paint1_linear_2_1398\" x1=\"4.75048\" y1=\"5.56312\" x2=\"17.7317\" y2=\"17.0912\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#2D4664\"/>\n<stop offset=\"0.169\" stop-color=\"#29405B\"/>\n<stop offset=\"0.445\" stop-color=\"#1E2F43\"/>\n<stop offset=\"0.79\" stop-color=\"#0C131B\"/>\n<stop offset=\"1\"/>\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 language-shell-icon\"\n    data-testid=\"kui-icon-wrapper-language-shell-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-shell-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,GAuBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es486.js","sources":["../src/components/multi-color/LanguageShellIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageShellIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 18 Dec 2024 01:10:16 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 opacity=\"0.8\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.35001 20.7188C1.03126 20.7188 0.768764 20.5875 0.581264 20.3625C0.393764 20.1375 0.337514 19.8188 0.412514 19.5L3.90001 4.40625C4.05001 3.76875 4.65001 3.28125 5.28751 3.28125H22.65C22.9688 3.28125 23.2313 3.4125 23.4188 3.6375C23.6063 3.8625 23.6625 4.18125 23.5875 4.5L20.1 19.5938C19.95 20.2313 19.35 20.7188 18.7125 20.7188H1.35001Z\" fill=\"url(#paint0_linear_2_1398)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.5562 3.46875H5.34373C4.79998 3.46875 4.27498 3.9 4.14373 4.44375L0.693734 19.5563C0.562484 20.1 0.899984 20.5312 1.44373 20.5312H18.6562C19.2 20.5312 19.725 20.1 19.8562 19.5563L23.3062 4.4625C23.4375 3.91875 23.1 3.46875 22.5562 3.46875Z\" fill=\"url(#paint1_linear_2_1398)\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.0374 16.5563H16.2187C16.7062 16.5563 17.0999 16.9688 17.0999 17.475C17.0999 17.9813 16.7062 18.3938 16.2187 18.3938H12.0374C11.5499 18.3938 11.1562 17.9813 11.1562 17.475C11.1562 16.9688 11.5499 16.5563 12.0374 16.5563ZM14.7562 12.4688C14.6812 12.6188 14.5312 12.7688 14.2687 12.9563L6.48744 18.5438C6.05619 18.8438 5.45619 18.7313 5.11869 18.2813C4.79994 17.8313 4.87494 17.2125 5.28744 16.9125L12.2999 11.8313V11.7188L7.89369 7.0313C7.53744 6.6563 7.57494 6.03755 7.96869 5.6438C8.38119 5.2688 8.99994 5.2688 9.35619 5.6438L14.6437 11.2688C14.9624 11.625 14.9812 12.1125 14.7562 12.4688Z\" fill=\"#2C5591\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.5499 12.2813C14.4749 12.4313 14.3249 12.5813 14.0624 12.7688L6.29994 18.3563C5.86869 18.6563 5.26869 18.5438 4.93119 18.0938C4.61244 17.6438 4.68744 17.025 5.09994 16.725L12.1124 11.6438V11.5313L7.70619 6.8438C7.34994 6.4688 7.38744 5.85005 7.78119 5.4563C8.19369 5.0813 8.81244 5.0813 9.16869 5.4563L14.4562 11.0813C14.7749 11.4188 14.7937 11.9063 14.5499 12.2813ZM11.9062 16.4625H16.0874C16.5749 16.4625 16.9687 16.8563 16.9687 17.325C16.9687 17.8125 16.5749 18.1875 16.0874 18.1875H11.9062C11.4187 18.1875 11.0249 17.7938 11.0249 17.325C11.0249 16.8375 11.4187 16.4625 11.9062 16.4625Z\" fill=\"white\"/>\n<defs>\n<linearGradient id=\"paint0_linear_2_1398\" x1=\"18.0574\" y1=\"17.4105\" x2=\"4.77264\" y2=\"5.54419\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#A9C8FF\"/>\n<stop offset=\"1\" stop-color=\"#C7E6FF\"/>\n</linearGradient>\n<linearGradient id=\"paint1_linear_2_1398\" x1=\"4.75048\" y1=\"5.56312\" x2=\"17.7317\" y2=\"17.0912\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#2D4664\"/>\n<stop offset=\"0.169\" stop-color=\"#29405B\"/>\n<stop offset=\"0.445\" stop-color=\"#1E2F43\"/>\n<stop offset=\"0.79\" stop-color=\"#0C131B\"/>\n<stop offset=\"1\"/>\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 language-shell-icon\"\n    data-testid=\"kui-icon-wrapper-language-shell-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-shell-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,MACtB;AAIK,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,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,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,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAuBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es488.js

@@ -1,6 +1,6 @@
-import { defineComponent as v, computed as d, openBlock as c, createBlock as h, resolveDynamicComponent as S, normalizeStyle as y, withCtx as b, createElementBlock as w } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1232.js";
-const x = ["aria-hidden"], g = `<g clip-path="url(#clip0_2_1429)">
+import { defineComponent as h, computed as l, openBlock as d, createBlock as S, resolveDynamicComponent as y, normalizeStyle as b, withCtx as w, createElementBlock as x } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1232.js";
+const z = ["aria-hidden"], u = `<g clip-path="url(#clip0_2_1429)">
 <path d="M23.6868 6.38629C23.6867 5.8932 23.6371 5.40136 23.5387 4.91817C23.4403 4.42353 23.2731 3.94512 23.0418 3.49692C22.8002 3.06279 22.4999 2.66404 22.1493 2.31192C21.7878 1.95818 21.3679 1.66956 20.9081 1.45879C20.4543 1.22999 19.969 1.07011 19.4681 0.984419C18.9712 0.888794 18.4256 0.888794 17.9287 0.841919H5.67185C5.28951 0.848145 4.90802 0.880092 4.52997 0.937544C4.15481 0.98171 3.78757 1.07762 3.43873 1.22254C3.33935 1.26942 3.19123 1.31817 3.09185 1.36504C2.7618 1.54196 2.44808 1.74776 2.15435 1.98004C2.05498 2.07567 1.9556 2.12254 1.85623 2.21629C1.4908 2.55523 1.18859 2.95649 0.963726 3.40129C0.718162 3.8432 0.550107 4.3239 0.466851 4.82254C0.392961 5.30913 0.343524 5.79912 0.318726 6.29067V17.6138C0.31888 18.1069 0.368503 18.5987 0.466851 19.0819C0.565247 19.5766 0.732499 20.055 0.963726 20.5032C1.20537 20.9373 1.5057 21.336 1.85623 21.6882C2.21775 22.0419 2.63768 22.3305 3.09748 22.5413C3.55123 22.7701 4.03657 22.93 4.53748 23.0157C5.03435 23.1113 5.57998 23.1113 6.07685 23.1582H17.9306C18.447 23.1578 18.9623 23.1101 19.47 23.0157C19.9709 22.93 20.4562 22.7701 20.91 22.5413C21.3599 22.3136 21.7774 22.0267 22.1512 21.6882C22.5167 21.3492 22.8189 20.948 23.0437 20.5032C23.2893 20.0613 23.4573 19.5806 23.5406 19.0819C23.6145 18.5953 23.6639 18.1053 23.6887 17.6138V6.38629H23.6868Z" fill="#F05138"/>
 <path d="M15.9375 18.0938C13.8543 19.2431 10.9912 19.3613 8.10935 18.1819C5.86238 17.2702 3.9412 15.7044 2.59497 13.6875C3.22061 14.1664 3.90412 14.5646 4.62935 14.8725C7.60497 16.2038 10.5787 16.1119 12.6731 14.8725C9.69184 12.6863 7.1606 9.84377 5.27435 7.52252C4.90212 7.13023 4.56986 6.70187 4.28247 6.24377C6.56247 8.23314 10.1887 10.7438 11.4787 11.4544C9.63686 9.56718 7.94428 7.53984 6.41622 5.39064C8.9563 7.85905 11.7514 10.0507 14.7543 11.9288C14.8875 12 14.9906 12.06 15.0731 12.1163C15.1611 11.9014 15.2369 11.6816 15.3 11.4581C15.9956 9.04127 15.2006 6.29439 13.4643 4.02002C17.4843 6.33939 19.875 10.6969 18.8737 14.3456C18.8475 14.445 18.8193 14.5331 18.7893 14.6363L18.825 14.6775C20.8106 17.0456 20.265 19.5525 20.0156 19.0838C18.9375 17.0625 16.9443 17.6869 15.9375 18.0938Z" fill="#FEFEFE"/>
 </g>
@@ -8,7 +8,7 @@ const x = ["aria-hidden"], g = `<g clip-path="url(#clip0_2_1429)">
 <clipPath id="clip0_2_1429">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, E = /* @__PURE__ */ v({
+</defs>`, _ = /* @__PURE__ */ h({
   __name: "LanguageSwiftIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -39,7 +39,7 @@ const x = ["aria-hidden"], g = `<g clip-path="url(#clip0_2_1429)">
     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)
@@ -69,7 +69,7 @@ const x = ["aria-hidden"], g = `<g clip-path="url(#clip0_2_1429)">
     }
   },
   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") {
@@ -77,8 +77,8 @@ const x = ["aria-hidden"], g = `<g clip-path="url(#clip0_2_1429)">
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return u;
-    }), C = d(() => ({
+      return c;
+    }), g = l(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -87,31 +87,28 @@ const x = ["aria-hidden"], g = `<g clip-path="url(#clip0_2_1429)">
       lineHeight: "0",
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), p = (r) => {
-      const t = {}, a = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (s, o) => {
-        const l = `${a}-${o}`;
-        return t[o] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
-    }, f = (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">${f(e.title)}</title>` : ""}${e.staticIds ? g : p(g)}`;
-    return (r, t) => (c(), h(S(i.as), {
+    })), C = (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 : C(u)}`;
+    return (r, t) => (d(), S(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon language-swift-icon",
       "data-testid": "kui-icon-wrapper-language-swift-icon",
-      style: y(C.value),
+      style: b(g.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (c(), w("svg", {
+      default: w(() => [
+        (d(), x("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-language-swift-icon",
           fill: "none",
@@ -121,13 +118,13 @@ const x = ["aria-hidden"], g = `<g clip-path="url(#clip0_2_1429)">
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: m
-        }, null, 8, x))
+        }, null, 8, z))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  E as default
+  _ as default
 };
 //# sourceMappingURL=kong-icons.es488.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es488.js","sources":["../src/components/multi-color/LanguageSwiftIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageSwiftIcon.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:18 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_1429)\">\n<path d=\"M23.6868 6.38629C23.6867 5.8932 23.6371 5.40136 23.5387 4.91817C23.4403 4.42353 23.2731 3.94512 23.0418 3.49692C22.8002 3.06279 22.4999 2.66404 22.1493 2.31192C21.7878 1.95818 21.3679 1.66956 20.9081 1.45879C20.4543 1.22999 19.969 1.07011 19.4681 0.984419C18.9712 0.888794 18.4256 0.888794 17.9287 0.841919H5.67185C5.28951 0.848145 4.90802 0.880092 4.52997 0.937544C4.15481 0.98171 3.78757 1.07762 3.43873 1.22254C3.33935 1.26942 3.19123 1.31817 3.09185 1.36504C2.7618 1.54196 2.44808 1.74776 2.15435 1.98004C2.05498 2.07567 1.9556 2.12254 1.85623 2.21629C1.4908 2.55523 1.18859 2.95649 0.963726 3.40129C0.718162 3.8432 0.550107 4.3239 0.466851 4.82254C0.392961 5.30913 0.343524 5.79912 0.318726 6.29067V17.6138C0.31888 18.1069 0.368503 18.5987 0.466851 19.0819C0.565247 19.5766 0.732499 20.055 0.963726 20.5032C1.20537 20.9373 1.5057 21.336 1.85623 21.6882C2.21775 22.0419 2.63768 22.3305 3.09748 22.5413C3.55123 22.7701 4.03657 22.93 4.53748 23.0157C5.03435 23.1113 5.57998 23.1113 6.07685 23.1582H17.9306C18.447 23.1578 18.9623 23.1101 19.47 23.0157C19.9709 22.93 20.4562 22.7701 20.91 22.5413C21.3599 22.3136 21.7774 22.0267 22.1512 21.6882C22.5167 21.3492 22.8189 20.948 23.0437 20.5032C23.2893 20.0613 23.4573 19.5806 23.5406 19.0819C23.6145 18.5953 23.6639 18.1053 23.6887 17.6138V6.38629H23.6868Z\" fill=\"#F05138\"/>\n<path d=\"M15.9375 18.0938C13.8543 19.2431 10.9912 19.3613 8.10935 18.1819C5.86238 17.2702 3.9412 15.7044 2.59497 13.6875C3.22061 14.1664 3.90412 14.5646 4.62935 14.8725C7.60497 16.2038 10.5787 16.1119 12.6731 14.8725C9.69184 12.6863 7.1606 9.84377 5.27435 7.52252C4.90212 7.13023 4.56986 6.70187 4.28247 6.24377C6.56247 8.23314 10.1887 10.7438 11.4787 11.4544C9.63686 9.56718 7.94428 7.53984 6.41622 5.39064C8.9563 7.85905 11.7514 10.0507 14.7543 11.9288C14.8875 12 14.9906 12.06 15.0731 12.1163C15.1611 11.9014 15.2369 11.6816 15.3 11.4581C15.9956 9.04127 15.2006 6.29439 13.4643 4.02002C17.4843 6.33939 19.875 10.6969 18.8737 14.3456C18.8475 14.445 18.8193 14.5331 18.7893 14.6363L18.825 14.6775C20.8106 17.0456 20.265 19.5525 20.0156 19.0838C18.9375 17.0625 16.9443 17.6869 15.9375 18.0938Z\" fill=\"#FEFEFE\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_2_1429\">\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-swift-icon\"\n    data-testid=\"kui-icon-wrapper-language-swift-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-swift-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,GAezDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es488.js","sources":["../src/components/multi-color/LanguageSwiftIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LanguageSwiftIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 18 Dec 2024 01:10:16 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_1429)\">\n<path d=\"M23.6868 6.38629C23.6867 5.8932 23.6371 5.40136 23.5387 4.91817C23.4403 4.42353 23.2731 3.94512 23.0418 3.49692C22.8002 3.06279 22.4999 2.66404 22.1493 2.31192C21.7878 1.95818 21.3679 1.66956 20.9081 1.45879C20.4543 1.22999 19.969 1.07011 19.4681 0.984419C18.9712 0.888794 18.4256 0.888794 17.9287 0.841919H5.67185C5.28951 0.848145 4.90802 0.880092 4.52997 0.937544C4.15481 0.98171 3.78757 1.07762 3.43873 1.22254C3.33935 1.26942 3.19123 1.31817 3.09185 1.36504C2.7618 1.54196 2.44808 1.74776 2.15435 1.98004C2.05498 2.07567 1.9556 2.12254 1.85623 2.21629C1.4908 2.55523 1.18859 2.95649 0.963726 3.40129C0.718162 3.8432 0.550107 4.3239 0.466851 4.82254C0.392961 5.30913 0.343524 5.79912 0.318726 6.29067V17.6138C0.31888 18.1069 0.368503 18.5987 0.466851 19.0819C0.565247 19.5766 0.732499 20.055 0.963726 20.5032C1.20537 20.9373 1.5057 21.336 1.85623 21.6882C2.21775 22.0419 2.63768 22.3305 3.09748 22.5413C3.55123 22.7701 4.03657 22.93 4.53748 23.0157C5.03435 23.1113 5.57998 23.1113 6.07685 23.1582H17.9306C18.447 23.1578 18.9623 23.1101 19.47 23.0157C19.9709 22.93 20.4562 22.7701 20.91 22.5413C21.3599 22.3136 21.7774 22.0267 22.1512 21.6882C22.5167 21.3492 22.8189 20.948 23.0437 20.5032C23.2893 20.0613 23.4573 19.5806 23.5406 19.0819C23.6145 18.5953 23.6639 18.1053 23.6887 17.6138V6.38629H23.6868Z\" fill=\"#F05138\"/>\n<path d=\"M15.9375 18.0938C13.8543 19.2431 10.9912 19.3613 8.10935 18.1819C5.86238 17.2702 3.9412 15.7044 2.59497 13.6875C3.22061 14.1664 3.90412 14.5646 4.62935 14.8725C7.60497 16.2038 10.5787 16.1119 12.6731 14.8725C9.69184 12.6863 7.1606 9.84377 5.27435 7.52252C4.90212 7.13023 4.56986 6.70187 4.28247 6.24377C6.56247 8.23314 10.1887 10.7438 11.4787 11.4544C9.63686 9.56718 7.94428 7.53984 6.41622 5.39064C8.9563 7.85905 11.7514 10.0507 14.7543 11.9288C14.8875 12 14.9906 12.06 15.0731 12.1163C15.1611 11.9014 15.2369 11.6816 15.3 11.4581C15.9956 9.04127 15.2006 6.29439 13.4643 4.02002C17.4843 6.33939 19.875 10.6969 18.8737 14.3456C18.8475 14.445 18.8193 14.5331 18.7893 14.6363L18.825 14.6775C20.8106 17.0456 20.265 19.5525 20.0156 19.0838C18.9375 17.0625 16.9443 17.6869 15.9375 18.0938Z\" fill=\"#FEFEFE\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_2_1429\">\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-swift-icon\"\n    data-testid=\"kui-icon-wrapper-language-swift-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-swift-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,MACtB;AAIK,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,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,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,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAezDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es490.js

@@ -1,6 +1,6 @@
-import { defineComponent as C, computed as d, openBlock as c, createBlock as S, resolveDynamicComponent as h, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as u } from "./kong-icons.es1232.js";
-const z = ["aria-hidden"], p = '<path d="M20.3399 8.50055C20.2123 8.59956 17.9593 9.86909 17.9593 12.692C17.9593 15.9571 20.8262 17.1122 20.912 17.1408C20.8988 17.2112 20.4565 18.7228 19.4004 20.2629C18.4587 21.6183 17.4752 22.9714 15.9791 22.9714C14.4829 22.9714 14.0979 22.1023 12.3707 22.1023C10.6876 22.1023 10.0891 23 8.72057 23C7.35203 23 6.39714 21.7459 5.29923 20.2057C4.0275 18.3971 3 15.5875 3 12.9208C3 8.64356 5.78108 6.37514 8.51815 6.37514C9.9725 6.37514 11.1848 7.33003 12.0979 7.33003C12.967 7.33003 14.3223 6.31793 15.9769 6.31793C16.604 6.31793 18.857 6.37514 20.3399 8.50055ZM15.1914 4.50715C15.8757 3.69527 16.3597 2.56876 16.3597 1.44224C16.3597 1.28603 16.3465 1.12761 16.3179 1C15.2046 1.0418 13.8801 1.74147 13.0814 2.66777C12.4543 3.38064 11.8691 4.50715 11.8691 5.64907C11.8691 5.82068 11.8977 5.9923 11.9109 6.0473C11.9813 6.06051 12.0957 6.07591 12.2101 6.07591C13.209 6.07591 14.4653 5.40704 15.1914 4.50715Z" fill="black"/>', q = /* @__PURE__ */ C({
+import { defineComponent as S, computed as l, openBlock as d, createBlock as h, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as z } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1232.js";
+const N = ["aria-hidden"], u = '<path d="M20.3399 8.50055C20.2123 8.59956 17.9593 9.86909 17.9593 12.692C17.9593 15.9571 20.8262 17.1122 20.912 17.1408C20.8988 17.2112 20.4565 18.7228 19.4004 20.2629C18.4587 21.6183 17.4752 22.9714 15.9791 22.9714C14.4829 22.9714 14.0979 22.1023 12.3707 22.1023C10.6876 22.1023 10.0891 23 8.72057 23C7.35203 23 6.39714 21.7459 5.29923 20.2057C4.0275 18.3971 3 15.5875 3 12.9208C3 8.64356 5.78108 6.37514 8.51815 6.37514C9.9725 6.37514 11.1848 7.33003 12.0979 7.33003C12.967 7.33003 14.3223 6.31793 15.9769 6.31793C16.604 6.31793 18.857 6.37514 20.3399 8.50055ZM15.1914 4.50715C15.8757 3.69527 16.3597 2.56876 16.3597 1.44224C16.3597 1.28603 16.3465 1.12761 16.3179 1C15.2046 1.0418 13.8801 1.74147 13.0814 2.66777C12.4543 3.38064 11.8691 4.50715 11.8691 5.64907C11.8691 5.82068 11.8977 5.9923 11.9109 6.0473C11.9813 6.06051 12.0957 6.07591 12.2101 6.07591C13.209 6.07591 14.4653 5.40704 15.1914 4.50715Z" fill="black"/>', B = /* @__PURE__ */ S({
   __name: "AppleIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -31,7 +31,7 @@ const z = ["aria-hidden"], p = '<path d="M20.3399 8.50055C20.2123 8.59956 17.959
     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)
@@ -61,7 +61,7 @@ const z = ["aria-hidden"], p = '<path d="M20.3399 8.50055C20.2123 8.59956 17.959
     }
   },
   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") {
@@ -69,8 +69,8 @@ const z = ["aria-hidden"], p = '<path d="M20.3399 8.50055C20.2123 8.59956 17.959
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return u;
-    }), g = d(() => ({
+      return c;
+    }), p = l(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -79,31 +79,28 @@ const z = ["aria-hidden"], p = '<path d="M20.3399 8.50055C20.2123 8.59956 17.959
       lineHeight: "0",
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), f = (r) => {
-      const t = {}, s = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (a, o) => {
-        const l = `${s}-${o}`;
-        return t[o] = l, `id="${l}"`;
-      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, m = (r) => {
-      const t = {
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#039;",
-        "`": "&#039;"
-      };
-      return r.replace(/[<>"'`]/g, (s) => t[s]);
-    }, v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
-    return (r, t) => (c(), S(h(i.as), {
+    })), g = (r) => {
+      const t = {}, C = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (s, o) => {
+        const a = `${C}-${o}`;
+        return t[o] = a, `id="${a}"`;
+      }).replace(/#([^\s^")]+)/g, (s, o) => t[o] ? `#${t[o]}` : s);
+    }, f = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, m = (r) => r.replace(/[<>"'&]/g, (t) => f[t]), v = `${e.title ? `<title data-testid="kui-icon-svg-title">${m(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
+    return (r, t) => (d(), h(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon apple-icon",
       "data-testid": "kui-icon-wrapper-apple-icon",
-      style: y(g.value),
+      style: b(p.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (c(), x("svg", {
+      default: x(() => [
+        (d(), z("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-apple-icon",
           fill: "none",
@@ -113,13 +110,13 @@ const z = ["aria-hidden"], p = '<path d="M20.3399 8.50055C20.2123 8.59956 17.959
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: v
-        }, null, 8, z))
+        }, null, 8, N))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  q as default
+  B as default
 };
 //# sourceMappingURL=kong-icons.es490.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es490.js","sources":["../src/components/multi-color/AppleIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * AppleIcon.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:18 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// eslint-disable-next-line @stylistic/quotes\nconst svgOriginalContent = `<path d=\"M20.3399 8.50055C20.2123 8.59956 17.9593 9.86909 17.9593 12.692C17.9593 15.9571 20.8262 17.1122 20.912 17.1408C20.8988 17.2112 20.4565 18.7228 19.4004 20.2629C18.4587 21.6183 17.4752 22.9714 15.9791 22.9714C14.4829 22.9714 14.0979 22.1023 12.3707 22.1023C10.6876 22.1023 10.0891 23 8.72057 23C7.35203 23 6.39714 21.7459 5.29923 20.2057C4.0275 18.3971 3 15.5875 3 12.9208C3 8.64356 5.78108 6.37514 8.51815 6.37514C9.9725 6.37514 11.1848 7.33003 12.0979 7.33003C12.967 7.33003 14.3223 6.31793 15.9769 6.31793C16.604 6.31793 18.857 6.37514 20.3399 8.50055ZM15.1914 4.50715C15.8757 3.69527 16.3597 2.56876 16.3597 1.44224C16.3597 1.28603 16.3465 1.12761 16.3179 1C15.2046 1.0418 13.8801 1.74147 13.0814 2.66777C12.4543 3.38064 11.8691 4.50715 11.8691 5.64907C11.8691 5.82068 11.8977 5.9923 11.9109 6.0473C11.9813 6.06051 12.0957 6.07591 12.2101 6.07591C13.209 6.07591 14.4653 5.40704 15.1914 4.50715Z\" fill=\"black\"/>`\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 apple-icon\"\n    data-testid=\"kui-icon-wrapper-apple-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-apple-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,GAOzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es490.js","sources":["../src/components/multi-color/AppleIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * AppleIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Wed, 18 Dec 2024 01:10:16 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// eslint-disable-next-line @stylistic/quotes\nconst svgOriginalContent = `<path d=\"M20.3399 8.50055C20.2123 8.59956 17.9593 9.86909 17.9593 12.692C17.9593 15.9571 20.8262 17.1122 20.912 17.1408C20.8988 17.2112 20.4565 18.7228 19.4004 20.2629C18.4587 21.6183 17.4752 22.9714 15.9791 22.9714C14.4829 22.9714 14.0979 22.1023 12.3707 22.1023C10.6876 22.1023 10.0891 23 8.72057 23C7.35203 23 6.39714 21.7459 5.29923 20.2057C4.0275 18.3971 3 15.5875 3 12.9208C3 8.64356 5.78108 6.37514 8.51815 6.37514C9.9725 6.37514 11.1848 7.33003 12.0979 7.33003C12.967 7.33003 14.3223 6.31793 15.9769 6.31793C16.604 6.31793 18.857 6.37514 20.3399 8.50055ZM15.1914 4.50715C15.8757 3.69527 16.3597 2.56876 16.3597 1.44224C16.3597 1.28603 16.3465 1.12761 16.3179 1C15.2046 1.0418 13.8801 1.74147 13.0814 2.66777C12.4543 3.38064 11.8691 4.50715 11.8691 5.64907C11.8691 5.82068 11.8977 5.9923 11.9109 6.0473C11.9813 6.06051 12.0957 6.07591 12.2101 6.07591C13.209 6.07591 14.4653 5.40704 15.1914 4.50715Z\" fill=\"black\"/>`\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 apple-icon\"\n    data-testid=\"kui-icon-wrapper-apple-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-apple-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,MACtB;AAIK,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,IAAA,EAC3C,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAC,GACjCC,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,IAIjJ,GAEMG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IACP,GACMC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAOzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}