@kong/icons 1.20.1-pr.460.00f596c.0 → 1.20.2-pr.461.9fefd77.0

package/dist/kong-icons.es270.js

@@ -1,6 +1,6 @@
-import { defineComponent as v, computed as d, openBlock as c, createBlock as S, resolveDynamicComponent as C, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1232.js";
-const F = ["aria-hidden"], f = `<g clip-path="url(#clip0_246_4814)">
+import { defineComponent as S, computed as s, openBlock as d, createBlock as C, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as F } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1232.js";
+const M = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4814)">
 <path d="M11.9999 24C13.4677 24 14.8738 23.736 16.1737 23.2536L16.6955 12L16.1738 0.746391C14.8738 0.264047 13.4677 0 11.9999 0C10.532 0 9.1259 0.264047 7.82596 0.746391L7.3042 12L7.82592 23.2536C9.1259 23.736 10.532 24 11.9999 24Z" fill="#0052B4"/>
 <path d="M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746399C3.2565 2.44191 0 6.84043 0 12Z" fill="#A2001D"/>
 <path d="M16.1738 0.746399V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12C23.9999 6.84043 20.7434 2.44191 16.1738 0.746399Z" fill="#A2001D"/>
@@ -16,7 +16,7 @@ const F = ["aria-hidden"], f = `<g clip-path="url(#clip0_246_4814)">
 <clipPath id="clip0_246_4814">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, N = /* @__PURE__ */ v({
+</defs>`, Z = /* @__PURE__ */ S({
   __name: "FlagMnIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -47,7 +47,7 @@ const F = ["aria-hidden"], f = `<g clip-path="url(#clip0_246_4814)">
     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 F = ["aria-hidden"], f = `<g clip-path="url(#clip0_246_4814)">
     }
   },
   setup(i) {
-    const e = i, n = d(() => {
+    const e = i, n = s(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -85,8 +85,8 @@ const F = ["aria-hidden"], f = `<g clip-path="url(#clip0_246_4814)">
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return p;
-    }), u = d(() => ({
+      return c;
+    }), f = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -95,31 +95,28 @@ const F = ["aria-hidden"], f = `<g clip-path="url(#clip0_246_4814)">
       lineHeight: "0",
       width: n.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), g = (r) => {
-      const t = {}, a = Math.random().toString(36).substring(2, 12);
-      return r.replace(/id="([^"]+)"/g, (o, l) => {
-        const s = `${a}-${l}`;
-        return t[l] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (o, l) => t[l] ? `#${t[l]}` : o);
-    }, h = (r) => {
-      const t = {
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#039;",
-        "`": "&#039;"
-      };
-      return r.replace(/[<>"'`]/g, (a) => t[a]);
-    }, m = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? f : g(f)}`;
-    return (r, t) => (c(), S(C(i.as), {
+    })), u = (r) => {
+      const t = {}, v = Math.random().toString(36).substring(2, 12);
+      return r.replace(/id="([^"]+)"/g, (a, l) => {
+        const o = `${v}-${l}`;
+        return t[l] = o, `id="${o}"`;
+      }).replace(/#([^\s^")]+)/g, (a, l) => t[l] ? `#${t[l]}` : a);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, h = (r) => r.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${h(e.title)}</title>` : ""}${e.staticIds ? p : u(p)}`;
+    return (r, t) => (d(), C(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon flag-mn-icon",
       "data-testid": "kui-icon-wrapper-flag-mn-icon",
-      style: y(u.value),
+      style: b(f.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (c(), x("svg", {
+      default: x(() => [
+        (d(), F("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-mn-icon",
           fill: "none",
@@ -129,13 +126,13 @@ const F = ["aria-hidden"], f = `<g clip-path="url(#clip0_246_4814)">
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: m
-        }, null, 8, F))
+        }, null, 8, M))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  N as default
+  Z as default
 };
 //# sourceMappingURL=kong-icons.es270.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es270.js","sources":["../src/components/flags/FlagMnIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMnIcon.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_246_4814)\">\n<path d=\"M11.9999 24C13.4677 24 14.8738 23.736 16.1737 23.2536L16.6955 12L16.1738 0.746391C14.8738 0.264047 13.4677 0 11.9999 0C10.532 0 9.1259 0.264047 7.82596 0.746391L7.3042 12L7.82592 23.2536C9.1259 23.736 10.532 24 11.9999 24Z\" fill=\"#0052B4\"/>\n<path d=\"M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746399C3.2565 2.44191 0 6.84043 0 12Z\" fill=\"#A2001D\"/>\n<path d=\"M16.1738 0.746399V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12C23.9999 6.84043 20.7434 2.44191 16.1738 0.746399Z\" fill=\"#A2001D\"/>\n<path d=\"M5.73926 12H6.78274V16.1739H5.73926V12Z\" fill=\"#FFDA44\"/>\n<path d=\"M1.56543 12H2.60891V16.1739H1.56543V12Z\" fill=\"#FFDA44\"/>\n<path d=\"M4.17434 14.6087C4.75064 14.6087 5.21783 14.1415 5.21783 13.5652C5.21783 12.9889 4.75064 12.5217 4.17434 12.5217C3.59804 12.5217 3.13086 12.9889 3.13086 13.5652C3.13086 14.1415 3.59804 14.6087 4.17434 14.6087Z\" fill=\"#FFDA44\"/>\n<path d=\"M4.17406 10.4348C4.4622 10.4348 4.69578 10.2012 4.69578 9.91305C4.69578 9.62491 4.4622 9.39133 4.17406 9.39133C3.88593 9.39133 3.65234 9.62491 3.65234 9.91305C3.65234 10.2012 3.88593 10.4348 4.17406 10.4348Z\" fill=\"#FFDA44\"/>\n<path d=\"M3.13086 15.1305H5.21783V16.1739H3.13086V15.1305Z\" fill=\"#FFDA44\"/>\n<path d=\"M3.13086 10.9565H5.21783V12H3.13086V10.9565Z\" fill=\"#FFDA44\"/>\n<path d=\"M4.17409 6.26086L4.54365 7.39805H5.73934L4.77207 8.1009L5.14136 9.23808L4.17409 8.53524L3.20687 9.23808L3.57615 8.1009L2.60889 7.39805H3.80457L4.17409 6.26086Z\" fill=\"#FFDA44\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_246_4814\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-mn-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mn-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mn-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.es270.js","sources":["../src/components/flags/FlagMnIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMnIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 17 Jan 2025 23:04:44 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_246_4814)\">\n<path d=\"M11.9999 24C13.4677 24 14.8738 23.736 16.1737 23.2536L16.6955 12L16.1738 0.746391C14.8738 0.264047 13.4677 0 11.9999 0C10.532 0 9.1259 0.264047 7.82596 0.746391L7.3042 12L7.82592 23.2536C9.1259 23.736 10.532 24 11.9999 24Z\" fill=\"#0052B4\"/>\n<path d=\"M0 12C0 17.1596 3.2565 21.5581 7.82611 23.2536V0.746399C3.2565 2.44191 0 6.84043 0 12Z\" fill=\"#A2001D\"/>\n<path d=\"M16.1738 0.746399V23.2537C20.7434 21.5581 23.9999 17.1596 23.9999 12C23.9999 6.84043 20.7434 2.44191 16.1738 0.746399Z\" fill=\"#A2001D\"/>\n<path d=\"M5.73926 12H6.78274V16.1739H5.73926V12Z\" fill=\"#FFDA44\"/>\n<path d=\"M1.56543 12H2.60891V16.1739H1.56543V12Z\" fill=\"#FFDA44\"/>\n<path d=\"M4.17434 14.6087C4.75064 14.6087 5.21783 14.1415 5.21783 13.5652C5.21783 12.9889 4.75064 12.5217 4.17434 12.5217C3.59804 12.5217 3.13086 12.9889 3.13086 13.5652C3.13086 14.1415 3.59804 14.6087 4.17434 14.6087Z\" fill=\"#FFDA44\"/>\n<path d=\"M4.17406 10.4348C4.4622 10.4348 4.69578 10.2012 4.69578 9.91305C4.69578 9.62491 4.4622 9.39133 4.17406 9.39133C3.88593 9.39133 3.65234 9.62491 3.65234 9.91305C3.65234 10.2012 3.88593 10.4348 4.17406 10.4348Z\" fill=\"#FFDA44\"/>\n<path d=\"M3.13086 15.1305H5.21783V16.1739H3.13086V15.1305Z\" fill=\"#FFDA44\"/>\n<path d=\"M3.13086 10.9565H5.21783V12H3.13086V10.9565Z\" fill=\"#FFDA44\"/>\n<path d=\"M4.17409 6.26086L4.54365 7.39805H5.73934L4.77207 8.1009L5.14136 9.23808L4.17409 8.53524L3.20687 9.23808L3.57615 8.1009L2.60889 7.39805H3.80457L4.17409 6.26086Z\" fill=\"#FFDA44\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_246_4814\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-mn-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mn-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mn-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,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA,GAEDC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAuBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es272.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, computed as d, openBlock as c, createBlock as v, resolveDynamicComponent as C, normalizeStyle as S, withCtx as F, createElementBlock as y } from "vue";
-import { KUI_ICON_SIZE_50 as p } from "./kong-icons.es1232.js";
-const b = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4693)">
+import { defineComponent as v, computed as s, openBlock as d, createBlock as C, resolveDynamicComponent as S, normalizeStyle as F, withCtx as y, createElementBlock as b } from "vue";
+import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1232.js";
+const x = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4693)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#496E2D"/>
 <path d="M14.0867 11.4996C13.7922 11.4996 13.5125 11.5583 13.2528 11.6518C13.3951 11.3348 13.4905 10.982 13.4905 10.6052C13.4905 9.11457 11.9998 7.99655 11.9998 7.99655C11.9998 7.99655 10.5091 9.11457 10.5091 10.6052C10.5091 10.9819 10.6045 11.3348 10.7468 11.6518C10.4871 11.5584 10.2074 11.4996 9.91289 11.4996C8.42221 11.4996 7.3042 12.9903 7.3042 12.9903C7.3042 12.9903 8.42221 14.481 9.91289 14.481C10.7869 14.481 11.5323 13.9688 11.9999 13.5447C12.4674 13.9687 13.2128 14.481 14.0868 14.481C15.5775 14.481 16.6955 12.9903 16.6955 12.9903C16.6955 12.9903 15.5774 11.4996 14.0867 11.4996Z" fill="#F0F0F0"/>
 <path d="M11.9997 4.69565L12.3076 5.64327H13.304L12.498 6.22902L12.8057 7.17665L11.9997 6.5909L11.1936 7.17665L11.5013 6.22902L10.6953 5.64327H11.6917L11.9997 4.69565Z" fill="#FFDA44"/>
@@ -15,7 +15,7 @@ const b = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4693)">
 <clipPath id="clip0_246_4693">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, Z = /* @__PURE__ */ m({
+</defs>`, k = /* @__PURE__ */ v({
   __name: "FlagMoIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -46,7 +46,7 @@ const b = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4693)">
     size: {
       type: [Number, String],
       required: !1,
-      default: p,
+      default: c,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (i) => {
         if (typeof i == "number" && i > 0)
@@ -76,7 +76,7 @@ const b = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4693)">
     }
   },
   setup(i) {
-    const e = i, r = d(() => {
+    const e = i, r = s(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -84,8 +84,8 @@ const b = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4693)">
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return p;
-    }), f = d(() => ({
+      return c;
+    }), u = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -94,31 +94,28 @@ const b = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4693)">
       lineHeight: "0",
       width: r.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), g = (n) => {
-      const t = {}, l = Math.random().toString(36).substring(2, 12);
+    })), f = (n) => {
+      const t = {}, m = Math.random().toString(36).substring(2, 12);
       return n.replace(/id="([^"]+)"/g, (a, o) => {
-        const s = `${l}-${o}`;
-        return t[o] = s, `id="${s}"`;
+        const l = `${m}-${o}`;
+        return t[o] = l, `id="${l}"`;
       }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
-    }, L = (n) => {
-      const t = {
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#039;",
-        "`": "&#039;"
-      };
-      return n.replace(/[<>"'`]/g, (l) => t[l]);
-    }, h = `${e.title ? `<title data-testid="kui-icon-svg-title">${L(e.title)}</title>` : ""}${e.staticIds ? u : g(u)}`;
-    return (n, t) => (c(), v(C(i.as), {
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, L = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), h = `${e.title ? `<title data-testid="kui-icon-svg-title">${L(e.title)}</title>` : ""}${e.staticIds ? p : f(p)}`;
+    return (n, t) => (d(), C(S(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon flag-mo-icon",
       "data-testid": "kui-icon-wrapper-flag-mo-icon",
-      style: S(f.value),
+      style: F(u.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: F(() => [
-        (c(), y("svg", {
+      default: y(() => [
+        (d(), b("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-mo-icon",
           fill: "none",
@@ -128,13 +125,13 @@ const b = ["aria-hidden"], u = `<g clip-path="url(#clip0_246_4693)">
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: h
-        }, null, 8, b))
+        }, null, 8, x))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  Z as default
+  k as default
 };
 //# sourceMappingURL=kong-icons.es272.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es272.js","sources":["../src/components/flags/FlagMoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMoIcon.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_246_4693)\">\n<path d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\" fill=\"#496E2D\"/>\n<path d=\"M14.0867 11.4996C13.7922 11.4996 13.5125 11.5583 13.2528 11.6518C13.3951 11.3348 13.4905 10.982 13.4905 10.6052C13.4905 9.11457 11.9998 7.99655 11.9998 7.99655C11.9998 7.99655 10.5091 9.11457 10.5091 10.6052C10.5091 10.9819 10.6045 11.3348 10.7468 11.6518C10.4871 11.5584 10.2074 11.4996 9.91289 11.4996C8.42221 11.4996 7.3042 12.9903 7.3042 12.9903C7.3042 12.9903 8.42221 14.481 9.91289 14.481C10.7869 14.481 11.5323 13.9688 11.9999 13.5447C12.4674 13.9687 13.2128 14.481 14.0868 14.481C15.5775 14.481 16.6955 12.9903 16.6955 12.9903C16.6955 12.9903 15.5774 11.4996 14.0867 11.4996Z\" fill=\"#F0F0F0\"/>\n<path d=\"M11.9997 4.69565L12.3076 5.64327H13.304L12.498 6.22902L12.8057 7.17665L11.9997 6.5909L11.1936 7.17665L11.5013 6.22902L10.6953 5.64327H11.6917L11.9997 4.69565Z\" fill=\"#FFDA44\"/>\n<path d=\"M8.21061 6.35309L8.80302 6.88643L9.49335 6.4879L9.16916 7.2161L9.76152 7.74954L8.96877 7.6662L8.64458 8.3944L8.47874 7.61473L7.68604 7.53138L8.37632 7.13276L8.21061 6.35309Z\" fill=\"#FFDA44\"/>\n<path d=\"M5.43701 9.12689L6.21673 9.29259L6.61531 8.60226L6.69865 9.39497L7.47828 9.56081L6.75012 9.88505L6.83346 10.6777L6.29998 10.0854L5.57182 10.4096L5.9704 9.71925L5.43701 9.12689Z\" fill=\"#FFDA44\"/>\n<path d=\"M15.7887 6.35309L15.1963 6.88643L14.506 6.4879L14.8301 7.2161L14.2378 7.74954L15.0305 7.6662L15.3547 8.3944L15.5206 7.61473L16.3133 7.53138L15.623 7.13276L15.7887 6.35309Z\" fill=\"#FFDA44\"/>\n<path d=\"M18.5627 9.12689L17.783 9.29259L17.3845 8.60226L17.3011 9.39497L16.5215 9.56081L17.2496 9.88505L17.1663 10.6777L17.6998 10.0854L18.4279 10.4096L18.0294 9.71925L18.5627 9.12689Z\" fill=\"#FFDA44\"/>\n<path d=\"M12.0002 18.6549C13.1843 18.6549 14.2757 18.2599 15.1512 17.5951H8.84912C9.72465 18.2598 10.816 18.6549 12.0002 18.6549Z\" fill=\"#F0F0F0\"/>\n<path d=\"M7.21729 15.5245C7.38289 15.9035 7.59289 16.2585 7.83955 16.5843H16.1607C16.4074 16.2585 16.6174 15.9035 16.783 15.5245H7.21729Z\" fill=\"#F0F0F0\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_246_4693\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-mo-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mo-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mo-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","escapeHtml","str","htmlEntities","svgProcessedContent"],"mappings":";;2BA0JMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA7I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAAa,CAACC,MAAgB;AAClC,YAAMC,IAA0C;AAAA,QAC9C,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,MAAA;AAGP,aAAOD,EAAI,QAAQ,YAAY,CAACJ,MAAUK,EAAaL,CAAK,CAAC;AAAA,IAAA,GAsBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es272.js","sources":["../src/components/flags/FlagMoIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMoIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 17 Jan 2025 23:04:44 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_246_4693)\">\n<path d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\" fill=\"#496E2D\"/>\n<path d=\"M14.0867 11.4996C13.7922 11.4996 13.5125 11.5583 13.2528 11.6518C13.3951 11.3348 13.4905 10.982 13.4905 10.6052C13.4905 9.11457 11.9998 7.99655 11.9998 7.99655C11.9998 7.99655 10.5091 9.11457 10.5091 10.6052C10.5091 10.9819 10.6045 11.3348 10.7468 11.6518C10.4871 11.5584 10.2074 11.4996 9.91289 11.4996C8.42221 11.4996 7.3042 12.9903 7.3042 12.9903C7.3042 12.9903 8.42221 14.481 9.91289 14.481C10.7869 14.481 11.5323 13.9688 11.9999 13.5447C12.4674 13.9687 13.2128 14.481 14.0868 14.481C15.5775 14.481 16.6955 12.9903 16.6955 12.9903C16.6955 12.9903 15.5774 11.4996 14.0867 11.4996Z\" fill=\"#F0F0F0\"/>\n<path d=\"M11.9997 4.69565L12.3076 5.64327H13.304L12.498 6.22902L12.8057 7.17665L11.9997 6.5909L11.1936 7.17665L11.5013 6.22902L10.6953 5.64327H11.6917L11.9997 4.69565Z\" fill=\"#FFDA44\"/>\n<path d=\"M8.21061 6.35309L8.80302 6.88643L9.49335 6.4879L9.16916 7.2161L9.76152 7.74954L8.96877 7.6662L8.64458 8.3944L8.47874 7.61473L7.68604 7.53138L8.37632 7.13276L8.21061 6.35309Z\" fill=\"#FFDA44\"/>\n<path d=\"M5.43701 9.12689L6.21673 9.29259L6.61531 8.60226L6.69865 9.39497L7.47828 9.56081L6.75012 9.88505L6.83346 10.6777L6.29998 10.0854L5.57182 10.4096L5.9704 9.71925L5.43701 9.12689Z\" fill=\"#FFDA44\"/>\n<path d=\"M15.7887 6.35309L15.1963 6.88643L14.506 6.4879L14.8301 7.2161L14.2378 7.74954L15.0305 7.6662L15.3547 8.3944L15.5206 7.61473L16.3133 7.53138L15.623 7.13276L15.7887 6.35309Z\" fill=\"#FFDA44\"/>\n<path d=\"M18.5627 9.12689L17.783 9.29259L17.3845 8.60226L17.3011 9.39497L16.5215 9.56081L17.2496 9.88505L17.1663 10.6777L17.6998 10.0854L18.4279 10.4096L18.0294 9.71925L18.5627 9.12689Z\" fill=\"#FFDA44\"/>\n<path d=\"M12.0002 18.6549C13.1843 18.6549 14.2757 18.2599 15.1512 17.5951H8.84912C9.72465 18.2598 10.816 18.6549 12.0002 18.6549Z\" fill=\"#F0F0F0\"/>\n<path d=\"M7.21729 15.5245C7.38289 15.9035 7.59289 16.2585 7.83955 16.5843H16.1607C16.4074 16.2585 16.6174 15.9035 16.783 15.5245H7.21729Z\" fill=\"#F0F0F0\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_246_4693\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-mo-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mo-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mo-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      v-html=\"svgProcessedContent\"\n    />\n  </component>\n</template>\n\n<style>\n/**\n * !Important: Do not add styles into this component file.\n *\n * We are adding styles inline to avoid additional stylesheet imports in the consuming application/component.\n */\n</style>\n"],"names":["svgOriginalContent","props","__props","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIdsInString","svgString","idMap","randomPrefix","match","originalId","newId","htmlEntities","escapeHtml","str","svgProcessedContent"],"mappings":";;2BAyJMA,IAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA,GAEDC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAsBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es274.js

@@ -1,6 +1,6 @@
-import { defineComponent as h, computed as l, openBlock as d, createBlock as v, resolveDynamicComponent as S, normalizeStyle as y, withCtx as b, createElementBlock as x } from "vue";
-import { KUI_ICON_SIZE_50 as c } from "./kong-icons.es1232.js";
-const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4975)">
+import { defineComponent as v, computed as s, openBlock as l, createBlock as S, resolveDynamicComponent as y, normalizeStyle as b, withCtx as x, createElementBlock as w } from "vue";
+import { KUI_ICON_SIZE_50 as d } from "./kong-icons.es1232.js";
+const z = ["aria-hidden"], c = `<g clip-path="url(#clip0_246_4975)">
 <path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#338AF3"/>
 <path d="M11.6216 19.5558C11.2981 19.5401 11.0304 19.3299 10.9256 19.0445C10.7404 19.286 10.4221 19.4076 10.1085 19.3268C9.79442 19.2459 9.57482 18.9861 9.52939 18.6845C9.29877 18.8837 8.96277 18.938 8.67219 18.7956C8.38105 18.6527 8.2183 18.3536 8.23499 18.0495C7.96944 18.1987 7.62927 18.1841 7.3731 17.9858C7.11744 17.7875 7.01778 17.4625 7.09499 17.1677C6.80488 17.2606 6.47516 17.1782 6.26385 16.9324C6.05253 16.6872 6.02014 16.3486 6.15482 16.0757C5.85219 16.108 5.54544 15.9609 5.38785 15.6782C5.22974 15.3954 5.2663 15.0568 5.45357 14.8162C5.15043 14.787 4.87911 14.5809 4.78208 14.272C4.68453 13.9631 4.78888 13.6386 5.02105 13.4409C4.72991 13.351 4.5066 13.0944 4.47374 12.7725C4.44088 12.4506 4.60785 12.1548 4.87442 12.0077C4.6078 11.8615 4.4398 11.5658 4.47163 11.2443H4.47214C4.50397 10.9219 4.72728 10.6647 5.01786 10.5739C4.78569 10.3767 4.68032 10.0527 4.77683 9.74378C4.87335 9.4344 5.1441 9.22778 5.44728 9.1975C5.25997 8.9575 5.22243 8.61882 5.37946 8.33561C5.53649 8.05281 5.84328 7.90515 6.14643 7.93698C6.01077 7.66412 6.0426 7.3255 6.25339 7.07926C6.46367 6.83354 6.79339 6.75057 7.08402 6.8424C7.00574 6.54812 7.10488 6.22257 7.36053 6.02382C7.61567 5.82498 7.95585 5.80984 8.22139 5.95801C8.20419 5.65389 8.36642 5.35487 8.65705 5.21139C8.94716 5.06842 9.28368 5.12167 9.51477 5.32093C9.55911 5.01943 9.77877 4.75858 10.0923 4.67711C10.4053 4.59573 10.7236 4.71625 10.9093 4.95728C11.0142 4.6719 11.2813 4.46111 11.6048 4.44493C11.9278 4.42829 12.2147 4.60979 12.3483 4.88275C12.508 4.62395 12.8116 4.47058 13.1315 4.51909C13.4518 4.56709 13.6976 4.80287 13.7737 5.09772C13.9824 4.87539 14.3111 4.78726 14.6148 4.89887C14.9189 5.01104 15.112 5.29173 15.1266 5.59642C15.3755 5.42115 15.7156 5.40076 15.9906 5.5719C16.2656 5.74253 16.3976 6.05607 16.3506 6.35711C16.6297 6.23556 16.9668 6.28407 17.2016 6.50631C17.4364 6.72911 17.5031 7.06248 17.3967 7.34786C17.6946 7.28472 18.015 7.39951 18.2007 7.66506C18.3864 7.93009 18.3849 8.27026 18.2237 8.52854C18.5278 8.52643 18.8185 8.70386 18.9473 9.00072C19.0757 9.29809 19.0052 9.63151 18.795 9.8522C19.094 9.91168 19.3428 10.1439 19.4085 10.4611C19.4737 10.7783 19.3376 11.0897 19.0877 11.2635C19.3673 11.382 19.5645 11.659 19.5651 11.9825V11.9929V11.9997C19.5651 12.3232 19.3689 12.6008 19.0892 12.7202C19.3397 12.893 19.4769 13.2044 19.4117 13.5216C19.347 13.8388 19.0986 14.0716 18.7997 14.1321C19.0105 14.3522 19.082 14.6851 18.9541 14.983C18.8263 15.2804 18.5357 15.4584 18.231 15.4568C18.3927 15.715 18.3953 16.0552 18.2101 16.3208C18.0249 16.5864 17.7051 16.7022 17.4072 16.6396C17.5141 16.9244 17.4478 17.2584 17.2136 17.4817C16.9788 17.7045 16.6423 17.7535 16.3632 17.633C16.4106 17.9335 16.2792 18.2476 16.0047 18.4193C15.7303 18.5909 15.3901 18.571 15.1407 18.3963C15.1266 18.701 14.9346 18.9822 14.631 19.0949C14.3274 19.2076 14.631 19.0949 14.6305 19.0949C14.3268 19.2071 13.9981 19.1195 13.7889 18.8978C13.7138 19.1931 13.4686 19.4294 13.1482 19.4785C12.8284 19.527 12.5242 19.3746 12.3641 19.1158C12.2368 19.3783 11.9676 19.5567 11.6608 19.5567C11.6477 19.5569 11.6346 19.5564 11.6216 19.5558Z" fill="#F3F3F3"/>
 <path d="M12.0001 17.2174C14.8816 17.2174 17.2175 14.8815 17.2175 12C17.2175 9.11852 14.8816 6.78262 12.0001 6.78262C9.11861 6.78262 6.78271 9.11852 6.78271 12C6.78271 14.8815 9.11861 17.2174 12.0001 17.2174Z" fill="#338AF3"/>
@@ -11,7 +11,7 @@ const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4975)">
 <clipPath id="clip0_246_4975">
 <rect width="24" height="24" fill="white"/>
 </clipPath>
-</defs>`, I = /* @__PURE__ */ h({
+</defs>`, M = /* @__PURE__ */ v({
   __name: "FlagMpIcon",
   props: {
     /** The accessibility text provided to screen readers */
@@ -42,7 +42,7 @@ const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4975)">
     size: {
       type: [Number, String],
       required: !1,
-      default: c,
+      default: d,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (i) => {
         if (typeof i == "number" && i > 0)
@@ -72,7 +72,7 @@ const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4975)">
     }
   },
   setup(i) {
-    const e = i, r = l(() => {
+    const e = i, r = s(() => {
       if (typeof e.size == "number" && e.size > 0)
         return `${e.size}px`;
       if (typeof e.size == "string") {
@@ -80,8 +80,8 @@ const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4975)">
         if (t && !isNaN(t) && Number.isInteger(t) && t > 0)
           return `${t}px`;
       }
-      return c;
-    }), u = l(() => ({
+      return d;
+    }), p = s(() => ({
       boxSizing: "border-box",
       color: e.color,
       display: e.display,
@@ -90,31 +90,28 @@ const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4975)">
       lineHeight: "0",
       width: r.value,
       pointerEvents: e.decorative ? "none" : void 0
-    })), g = (n) => {
-      const t = {}, a = Math.random().toString(36).substring(2, 12);
-      return n.replace(/id="([^"]+)"/g, (C, o) => {
-        const s = `${a}-${o}`;
-        return t[o] = s, `id="${s}"`;
-      }).replace(/#([^\s^")]+)/g, (C, o) => t[o] ? `#${t[o]}` : C);
-    }, f = (n) => {
-      const t = {
-        "<": "&lt;",
-        ">": "&gt;",
-        '"': "&quot;",
-        "'": "&#039;",
-        "`": "&#039;"
-      };
-      return n.replace(/[<>"'`]/g, (a) => t[a]);
-    }, m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? p : g(p)}`;
-    return (n, t) => (d(), v(S(i.as), {
+    })), u = (n) => {
+      const t = {}, h = Math.random().toString(36).substring(2, 12);
+      return n.replace(/id="([^"]+)"/g, (a, o) => {
+        const C = `${h}-${o}`;
+        return t[o] = C, `id="${C}"`;
+      }).replace(/#([^\s^")]+)/g, (a, o) => t[o] ? `#${t[o]}` : a);
+    }, g = {
+      "<": "&lt;",
+      ">": "&gt;",
+      '"': "&quot;",
+      "'": "&#39;",
+      "&": "&amp;"
+    }, f = (n) => n.replace(/[<>"'&]/g, (t) => g[t]), m = `${e.title ? `<title data-testid="kui-icon-svg-title">${f(e.title)}</title>` : ""}${e.staticIds ? c : u(c)}`;
+    return (n, t) => (l(), S(y(i.as), {
       "aria-hidden": i.decorative ? "true" : void 0,
       class: "kui-icon flag-mp-icon",
       "data-testid": "kui-icon-wrapper-flag-mp-icon",
-      style: y(u.value),
+      style: b(p.value),
       tabindex: i.decorative ? "-1" : void 0
     }, {
-      default: b(() => [
-        (d(), x("svg", {
+      default: x(() => [
+        (l(), w("svg", {
           "aria-hidden": i.decorative ? "true" : void 0,
           "data-testid": "kui-icon-svg-flag-mp-icon",
           fill: "none",
@@ -124,13 +121,13 @@ const w = ["aria-hidden"], p = `<g clip-path="url(#clip0_246_4975)">
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg",
           innerHTML: m
-        }, null, 8, w))
+        }, null, 8, z))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style", "tabindex"]));
   }
 });
 export {
-  I as default
+  M as default
 };
 //# sourceMappingURL=kong-icons.es274.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es274.js","sources":["../src/components/flags/FlagMpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMpIcon.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_246_4975)\">\n<path d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\" fill=\"#338AF3\"/>\n<path d=\"M11.6216 19.5558C11.2981 19.5401 11.0304 19.3299 10.9256 19.0445C10.7404 19.286 10.4221 19.4076 10.1085 19.3268C9.79442 19.2459 9.57482 18.9861 9.52939 18.6845C9.29877 18.8837 8.96277 18.938 8.67219 18.7956C8.38105 18.6527 8.2183 18.3536 8.23499 18.0495C7.96944 18.1987 7.62927 18.1841 7.3731 17.9858C7.11744 17.7875 7.01778 17.4625 7.09499 17.1677C6.80488 17.2606 6.47516 17.1782 6.26385 16.9324C6.05253 16.6872 6.02014 16.3486 6.15482 16.0757C5.85219 16.108 5.54544 15.9609 5.38785 15.6782C5.22974 15.3954 5.2663 15.0568 5.45357 14.8162C5.15043 14.787 4.87911 14.5809 4.78208 14.272C4.68453 13.9631 4.78888 13.6386 5.02105 13.4409C4.72991 13.351 4.5066 13.0944 4.47374 12.7725C4.44088 12.4506 4.60785 12.1548 4.87442 12.0077C4.6078 11.8615 4.4398 11.5658 4.47163 11.2443H4.47214C4.50397 10.9219 4.72728 10.6647 5.01786 10.5739C4.78569 10.3767 4.68032 10.0527 4.77683 9.74378C4.87335 9.4344 5.1441 9.22778 5.44728 9.1975C5.25997 8.9575 5.22243 8.61882 5.37946 8.33561C5.53649 8.05281 5.84328 7.90515 6.14643 7.93698C6.01077 7.66412 6.0426 7.3255 6.25339 7.07926C6.46367 6.83354 6.79339 6.75057 7.08402 6.8424C7.00574 6.54812 7.10488 6.22257 7.36053 6.02382C7.61567 5.82498 7.95585 5.80984 8.22139 5.95801C8.20419 5.65389 8.36642 5.35487 8.65705 5.21139C8.94716 5.06842 9.28368 5.12167 9.51477 5.32093C9.55911 5.01943 9.77877 4.75858 10.0923 4.67711C10.4053 4.59573 10.7236 4.71625 10.9093 4.95728C11.0142 4.6719 11.2813 4.46111 11.6048 4.44493C11.9278 4.42829 12.2147 4.60979 12.3483 4.88275C12.508 4.62395 12.8116 4.47058 13.1315 4.51909C13.4518 4.56709 13.6976 4.80287 13.7737 5.09772C13.9824 4.87539 14.3111 4.78726 14.6148 4.89887C14.9189 5.01104 15.112 5.29173 15.1266 5.59642C15.3755 5.42115 15.7156 5.40076 15.9906 5.5719C16.2656 5.74253 16.3976 6.05607 16.3506 6.35711C16.6297 6.23556 16.9668 6.28407 17.2016 6.50631C17.4364 6.72911 17.5031 7.06248 17.3967 7.34786C17.6946 7.28472 18.015 7.39951 18.2007 7.66506C18.3864 7.93009 18.3849 8.27026 18.2237 8.52854C18.5278 8.52643 18.8185 8.70386 18.9473 9.00072C19.0757 9.29809 19.0052 9.63151 18.795 9.8522C19.094 9.91168 19.3428 10.1439 19.4085 10.4611C19.4737 10.7783 19.3376 11.0897 19.0877 11.2635C19.3673 11.382 19.5645 11.659 19.5651 11.9825V11.9929V11.9997C19.5651 12.3232 19.3689 12.6008 19.0892 12.7202C19.3397 12.893 19.4769 13.2044 19.4117 13.5216C19.347 13.8388 19.0986 14.0716 18.7997 14.1321C19.0105 14.3522 19.082 14.6851 18.9541 14.983C18.8263 15.2804 18.5357 15.4584 18.231 15.4568C18.3927 15.715 18.3953 16.0552 18.2101 16.3208C18.0249 16.5864 17.7051 16.7022 17.4072 16.6396C17.5141 16.9244 17.4478 17.2584 17.2136 17.4817C16.9788 17.7045 16.6423 17.7535 16.3632 17.633C16.4106 17.9335 16.2792 18.2476 16.0047 18.4193C15.7303 18.5909 15.3901 18.571 15.1407 18.3963C15.1266 18.701 14.9346 18.9822 14.631 19.0949C14.3274 19.2076 14.631 19.0949 14.6305 19.0949C14.3268 19.2071 13.9981 19.1195 13.7889 18.8978C13.7138 19.1931 13.4686 19.4294 13.1482 19.4785C12.8284 19.527 12.5242 19.3746 12.3641 19.1158C12.2368 19.3783 11.9676 19.5567 11.6608 19.5567C11.6477 19.5569 11.6346 19.5564 11.6216 19.5558Z\" fill=\"#F3F3F3\"/>\n<path d=\"M12.0001 17.2174C14.8816 17.2174 17.2175 14.8815 17.2175 12C17.2175 9.11852 14.8816 6.78262 12.0001 6.78262C9.11861 6.78262 6.78271 9.11852 6.78271 12C6.78271 14.8815 9.11861 17.2174 12.0001 17.2174Z\" fill=\"#338AF3\"/>\n<path d=\"M13.142 10.229C13.3983 10.0389 13.5652 9.735 13.5652 9.39131V8.8696C13.5652 8.29327 13.0981 7.82611 12.5217 7.82611H11.4783C10.902 7.82611 10.4348 8.29327 10.4348 8.8696V9.39131C10.4348 9.735 10.6017 10.0389 10.858 10.229L9.91309 19.8261C9.91309 19.8261 10.4348 20.3479 12.0001 20.3479C13.5653 20.3479 14.087 19.8261 14.087 19.8261L13.142 10.229Z\" fill=\"#BDBCC1\"/>\n<path d=\"M11.9998 7.82611L12.9062 10.616H15.8399L13.4666 12.3405L14.373 15.1305L11.9998 13.4062L9.62639 15.1305L10.533 12.3405L8.15967 10.616H11.0932L11.9998 7.82611Z\" fill=\"#F0F0F0\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_246_4975\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-mp-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mp-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mp-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,GAkBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2Ce,EAAWf,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es274.js","sources":["../src/components/flags/FlagMpIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagMpIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Fri, 17 Jan 2025 23:04:44 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_246_4975)\">\n<path d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\" fill=\"#338AF3\"/>\n<path d=\"M11.6216 19.5558C11.2981 19.5401 11.0304 19.3299 10.9256 19.0445C10.7404 19.286 10.4221 19.4076 10.1085 19.3268C9.79442 19.2459 9.57482 18.9861 9.52939 18.6845C9.29877 18.8837 8.96277 18.938 8.67219 18.7956C8.38105 18.6527 8.2183 18.3536 8.23499 18.0495C7.96944 18.1987 7.62927 18.1841 7.3731 17.9858C7.11744 17.7875 7.01778 17.4625 7.09499 17.1677C6.80488 17.2606 6.47516 17.1782 6.26385 16.9324C6.05253 16.6872 6.02014 16.3486 6.15482 16.0757C5.85219 16.108 5.54544 15.9609 5.38785 15.6782C5.22974 15.3954 5.2663 15.0568 5.45357 14.8162C5.15043 14.787 4.87911 14.5809 4.78208 14.272C4.68453 13.9631 4.78888 13.6386 5.02105 13.4409C4.72991 13.351 4.5066 13.0944 4.47374 12.7725C4.44088 12.4506 4.60785 12.1548 4.87442 12.0077C4.6078 11.8615 4.4398 11.5658 4.47163 11.2443H4.47214C4.50397 10.9219 4.72728 10.6647 5.01786 10.5739C4.78569 10.3767 4.68032 10.0527 4.77683 9.74378C4.87335 9.4344 5.1441 9.22778 5.44728 9.1975C5.25997 8.9575 5.22243 8.61882 5.37946 8.33561C5.53649 8.05281 5.84328 7.90515 6.14643 7.93698C6.01077 7.66412 6.0426 7.3255 6.25339 7.07926C6.46367 6.83354 6.79339 6.75057 7.08402 6.8424C7.00574 6.54812 7.10488 6.22257 7.36053 6.02382C7.61567 5.82498 7.95585 5.80984 8.22139 5.95801C8.20419 5.65389 8.36642 5.35487 8.65705 5.21139C8.94716 5.06842 9.28368 5.12167 9.51477 5.32093C9.55911 5.01943 9.77877 4.75858 10.0923 4.67711C10.4053 4.59573 10.7236 4.71625 10.9093 4.95728C11.0142 4.6719 11.2813 4.46111 11.6048 4.44493C11.9278 4.42829 12.2147 4.60979 12.3483 4.88275C12.508 4.62395 12.8116 4.47058 13.1315 4.51909C13.4518 4.56709 13.6976 4.80287 13.7737 5.09772C13.9824 4.87539 14.3111 4.78726 14.6148 4.89887C14.9189 5.01104 15.112 5.29173 15.1266 5.59642C15.3755 5.42115 15.7156 5.40076 15.9906 5.5719C16.2656 5.74253 16.3976 6.05607 16.3506 6.35711C16.6297 6.23556 16.9668 6.28407 17.2016 6.50631C17.4364 6.72911 17.5031 7.06248 17.3967 7.34786C17.6946 7.28472 18.015 7.39951 18.2007 7.66506C18.3864 7.93009 18.3849 8.27026 18.2237 8.52854C18.5278 8.52643 18.8185 8.70386 18.9473 9.00072C19.0757 9.29809 19.0052 9.63151 18.795 9.8522C19.094 9.91168 19.3428 10.1439 19.4085 10.4611C19.4737 10.7783 19.3376 11.0897 19.0877 11.2635C19.3673 11.382 19.5645 11.659 19.5651 11.9825V11.9929V11.9997C19.5651 12.3232 19.3689 12.6008 19.0892 12.7202C19.3397 12.893 19.4769 13.2044 19.4117 13.5216C19.347 13.8388 19.0986 14.0716 18.7997 14.1321C19.0105 14.3522 19.082 14.6851 18.9541 14.983C18.8263 15.2804 18.5357 15.4584 18.231 15.4568C18.3927 15.715 18.3953 16.0552 18.2101 16.3208C18.0249 16.5864 17.7051 16.7022 17.4072 16.6396C17.5141 16.9244 17.4478 17.2584 17.2136 17.4817C16.9788 17.7045 16.6423 17.7535 16.3632 17.633C16.4106 17.9335 16.2792 18.2476 16.0047 18.4193C15.7303 18.5909 15.3901 18.571 15.1407 18.3963C15.1266 18.701 14.9346 18.9822 14.631 19.0949C14.3274 19.2076 14.631 19.0949 14.6305 19.0949C14.3268 19.2071 13.9981 19.1195 13.7889 18.8978C13.7138 19.1931 13.4686 19.4294 13.1482 19.4785C12.8284 19.527 12.5242 19.3746 12.3641 19.1158C12.2368 19.3783 11.9676 19.5567 11.6608 19.5567C11.6477 19.5569 11.6346 19.5564 11.6216 19.5558Z\" fill=\"#F3F3F3\"/>\n<path d=\"M12.0001 17.2174C14.8816 17.2174 17.2175 14.8815 17.2175 12C17.2175 9.11852 14.8816 6.78262 12.0001 6.78262C9.11861 6.78262 6.78271 9.11852 6.78271 12C6.78271 14.8815 9.11861 17.2174 12.0001 17.2174Z\" fill=\"#338AF3\"/>\n<path d=\"M13.142 10.229C13.3983 10.0389 13.5652 9.735 13.5652 9.39131V8.8696C13.5652 8.29327 13.0981 7.82611 12.5217 7.82611H11.4783C10.902 7.82611 10.4348 8.29327 10.4348 8.8696V9.39131C10.4348 9.735 10.6017 10.0389 10.858 10.229L9.91309 19.8261C9.91309 19.8261 10.4348 20.3479 12.0001 20.3479C13.5653 20.3479 14.087 19.8261 14.087 19.8261L13.142 10.229Z\" fill=\"#BDBCC1\"/>\n<path d=\"M11.9998 7.82611L12.9062 10.616H15.8399L13.4666 12.3405L14.373 15.1305L11.9998 13.4062L9.62639 15.1305L10.533 12.3405L8.15967 10.616H11.0932L11.9998 7.82611Z\" fill=\"#F0F0F0\"/>\n</g>\n<defs>\n<clipPath id=\"clip0_246_4975\">\n<rect width=\"24\" height=\"24\" fill=\"white\"/>\n</clipPath>\n</defs>`\nconst svgTitleContent = props.title ? `<title data-testid=\"kui-icon-svg-title\">${escapeHtml(props.title)}</title>` : ''\nconst svgProcessedContent = `${svgTitleContent}${!props.staticIds ? prefixSvgIdsInString(svgOriginalContent) : svgOriginalContent}`\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-mp-icon\"\n    data-testid=\"kui-icon-wrapper-flag-mp-icon\"\n    :style=\"rootElementStyles\"\n    :tabindex=\"decorative ? '-1' : undefined\"\n  >\n    <svg\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-mp-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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA5I3B,UAAMC,IAAQC,GAgERC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOH,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMI,IAAgB,OAAOJ,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDK,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA2C;AAAA,MAC5E,WAAW;AAAA,MACX,OAAOH,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQE,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,MAChB,eAAeF,EAAM,aAAa,SAAS;AAAA,IAC3C,EAAA,GAaIQ,IAAuB,CAACC,MAA8B;AAC1D,YAAMC,IAAgC,CAAA,GAChCC,IAAe,KAAK,SAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE;AAaxD,aAVkBF,EAAU,QAAQ,iBAAiB,CAACG,GAAOC,MAAe;AACjF,cAAMC,IAAQ,GAAGH,CAAY,IAAIE,CAAU;AAC3C,eAAAH,EAAMG,CAAU,IAAIC,GACb,OAAOA,CAAK;AAAA,MAAA,CACpB,EAG2C,QAAQ,iBAAiB,CAACF,GAAOC,MAAeH,EAAMG,CAAU,IAAI,IAAIH,EAAMG,CAAU,CAAC,KAAKD,CAAK;AAAA,IAGxI,GAGHG,IAA0C;AAAA,MAC9C,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA,GAEDC,IAAa,CAACC,MACXA,EAAI,QAAQ,YAAY,CAACL,MAAUG,EAAaH,CAAK,CAAC,GAkBzDM,IAAsB,GADJlB,EAAM,QAAQ,2CAA2CgB,EAAWhB,EAAM,KAAK,CAAC,aAAa,EACvE,GAAIA,EAAM,YAAuDD,IAA3CS,EAAqBT,CAAkB,CAAsB;;;;;;;;;;;;;;;;;;;;;;;;;"}