@kong/icons 1.15.3-pr.391.5c59f07.0 → 1.15.3-pr.391.600f822.0

package/dist/kong-icons.es912.js

@@ -1,27 +1,35 @@
-import { defineComponent as z, ref as I, computed as h, onMounted as N, openBlock as f, createBlock as _, resolveDynamicComponent as w, normalizeStyle as C, withCtx as q, createElementBlock as m, toDisplayString as A, createCommentVNode as E, pushScopeId as L, popScopeId as B, createElementVNode as l } from "vue";
-import { KUI_ICON_SIZE_50 as y } from "./kong-icons.es1218.js";
-const S = (e) => (L("data-v-6662ca0a"), e = e(), B(), e), $ = ["aria-hidden"], M = {
+import { defineComponent as v, ref as k, computed as h, onMounted as x, openBlock as f, createBlock as z, resolveDynamicComponent as I, normalizeStyle as N, withCtx as _, createElementBlock as m, toDisplayString as w, createCommentVNode as q, pushScopeId as A, popScopeId as E, createElementVNode as o } from "vue";
+import { KUI_ICON_SIZE_50 as V } from "./kong-icons.es1218.js";
+const H = (e) => (A("data-v-b2ff441a"), e = e(), E(), e), M = ["aria-hidden"], B = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, D = /* @__PURE__ */ S(() => /* @__PURE__ */ l("g", { "clip-path": "url(#clip0_246_5686)" }, [
-  /* @__PURE__ */ l("path", {
+}, F = /* @__PURE__ */ H(() => /* @__PURE__ */ o("g", { "clip-path": "url(#clip0_1_2341)" }, [
+  /* @__PURE__ */ o("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: "#F9F9F9"
+  }),
+  /* @__PURE__ */ o("path", {
+    d: "M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z",
+    fill: "#D80027"
+  }),
+  /* @__PURE__ */ o("path", {
+    d: "M16.6957 9.9128V8.3476H17.2174V7.30411H16.1739V7.82588H15.1305V7.30411H14.087V8.3476H14.6087V9.9128H13.5652V6.26072H14.087V5.21729H13.0435V5.73891H12.5217V5.21729H11.4783V5.73891H10.9565V5.21729H9.91304V6.26072H10.4348V9.9128H9.39132V8.3476H9.91304V7.30411H8.86955V7.82588H7.82611V7.30411H6.78263V8.3476H7.30435V9.9128H6.26086V14.0867H17.7391V9.9128H16.6957Z",
     fill: "#D80027"
   }),
-  /* @__PURE__ */ l("path", {
-    d: "M12 6.26086L13.2951 10.2466H17.486L14.0954 12.7099L15.3905 16.6957L12 14.2323L8.60957 16.6957L9.90463 12.7099L6.51416 10.2466H10.705L12 6.26086Z",
+  /* @__PURE__ */ o("path", {
+    d: "M12 13.5654C11.1356 13.5654 10.4348 14.2662 10.4348 15.1306C10.4348 15.812 10.8705 16.3916 11.4783 16.6064V18.7829H9.91309V20.8698H12.5218V16.6065C13.1296 16.3916 13.5653 15.8121 13.5653 15.1307C13.5652 14.2663 12.8644 13.5654 12 13.5654V13.5654ZM12 15.6524C11.7119 15.6524 11.4783 15.4188 11.4783 15.1307C11.4783 14.8425 11.7119 14.609 12 14.609C12.2881 14.609 12.5217 14.8425 12.5217 15.1307C12.5217 15.4188 12.2881 15.6524 12 15.6524Z",
     fill: "#FFDA44"
   })
-], -1)), F = /* @__PURE__ */ S(() => /* @__PURE__ */ l("defs", null, [
-  /* @__PURE__ */ l("clipPath", { id: "clip0_246_5686" }, [
-    /* @__PURE__ */ l("rect", {
+], -1)), Z = /* @__PURE__ */ H(() => /* @__PURE__ */ o("defs", null, [
+  /* @__PURE__ */ o("clipPath", { id: "clip0_1_2341" }, [
+    /* @__PURE__ */ o("rect", {
       fill: "white",
       height: "24",
       width: "24"
     })
   ])
-], -1)), V = /* @__PURE__ */ z({
-  __name: "FlagVnIcon",
+], -1)), G = /* @__PURE__ */ v({
+  __name: "FlagGiIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -51,7 +59,7 @@ const S = (e) => (L("data-v-6662ca0a"), e = e(), B(), e), $ = ["aria-hidden"], M
     size: {
       type: [Number, String],
       required: !1,
-      default: y,
+      default: V,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (e) => {
         if (typeof e == "number" && e > 0)
@@ -80,16 +88,16 @@ const S = (e) => (L("data-v-6662ca0a"), e = e(), B(), e), $ = ["aria-hidden"], M
     }
   },
   setup(e) {
-    const t = e, r = I(null), p = h(() => {
+    const t = e, r = k(null), p = h(() => {
       if (typeof t.size == "number" && t.size > 0)
         return `${t.size}px`;
       if (typeof t.size == "string") {
-        const o = String(t.size).replace(/px/gi, ""), i = Number(o);
+        const l = String(t.size).replace(/px/gi, ""), i = Number(l);
         if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
           return `${i}px`;
       }
-      return y;
-    }), v = h(() => ({
+      return V;
+    }), y = h(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
@@ -97,41 +105,41 @@ const S = (e) => (L("data-v-6662ca0a"), e = e(), B(), e), $ = ["aria-hidden"], M
       height: p.value,
       lineHeight: "0",
       width: p.value
-    })), b = (o) => {
-      if (!o)
+    })), S = (l) => {
+      if (!l)
         return;
-      const i = o.querySelector("defs"), s = {};
+      const i = l.querySelector("defs"), s = {};
       i && i.querySelectorAll("[id]").forEach((n) => {
-        const c = n.getAttribute("id"), a = `${Math.random().toString(36).substring(2, 12)}-${c}`;
-        s[c] = a, n.setAttribute("id", a);
+        const d = n.getAttribute("id"), a = `${Math.random().toString(36).substring(2, 12)}-${d}`;
+        s[d] = a, n.setAttribute("id", a);
       });
-      const k = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], x = (n) => {
-        k.forEach((c) => {
-          const a = n.getAttribute(c);
+      const b = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], C = (n) => {
+        b.forEach((d) => {
+          const a = n.getAttribute(d);
           if (a) {
-            const g = a.replace(/url\(#([^)]+)\)/g, (u, d) => s[d] ? `url(#${s[d]})` : u).replace(/#([^\s]+)/g, (u, d) => s[d] ? `#${s[d]}` : u);
-            g !== a && n.setAttribute(c, g);
+            const g = a.replace(/url\(#([^)]+)\)/g, (u, c) => s[c] ? `url(#${s[c]})` : u).replace(/#([^\s]+)/g, (u, c) => s[c] ? `#${s[c]}` : u);
+            g !== a && n.setAttribute(d, g);
           }
         });
       };
-      o.querySelectorAll("*").forEach((n) => {
-        x(n);
+      l.querySelectorAll("*").forEach((n) => {
+        C(n);
       });
     };
-    return N(() => {
-      t.randomizeIds && r.value && b(r.value);
-    }), (o, i) => (f(), _(w(e.as), {
+    return x(() => {
+      t.randomizeIds && r.value && S(r.value);
+    }), (l, i) => (f(), z(I(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon flag-vn-icon",
-      "data-testid": "kui-icon-wrapper-flag-vn-icon",
-      style: C(v.value)
+      class: "kui-icon flag-gi-icon",
+      "data-testid": "kui-icon-wrapper-flag-gi-icon",
+      style: N(y.value)
     }, {
-      default: q(() => [
+      default: _(() => [
         (f(), m("svg", {
           ref_key: "svgElement",
           ref: r,
           "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-vn-icon",
+          "data-testid": "kui-icon-svg-flag-gi-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -139,16 +147,16 @@ const S = (e) => (L("data-v-6662ca0a"), e = e(), B(), e), $ = ["aria-hidden"], M
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (f(), m("title", M, A(e.title), 1)) : E("", !0),
-          D,
-          F
-        ], 8, $))
+          e.title ? (f(), m("title", B, w(e.title), 1)) : q("", !0),
+          F,
+          Z
+        ], 8, M))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
 export {
-  V as default
+  G as default
 };
 //# sourceMappingURL=kong-icons.es912.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es912.js","sources":["../src/components/flags/FlagVnIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagVnIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:22 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's id with the new prefixed id\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-vn-icon\"\n    data-testid=\"kui-icon-wrapper-flag-vn-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-vn-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5686)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12 6.26086L13.2951 10.2466H17.486L14.0954 12.7099L15.3905 16.6957L12 14.2323L8.60957 16.6957L9.90463 12.7099L6.51416 10.2466H10.705L12 6.26086Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5686\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GA+DRC,IAAaC,EAAuB,IAAI,GAExCC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOL,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMM,IAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDO,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,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOL,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQI,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA,GAOIM,IAAe,CAACR,MAAiC;AACrD,UAAI,CAACA;AACH;AAGI,YAAAS,IAAcT,EAAW,cAAc,MAAM,GAG7CU,IAAgC,CAAA;AAEtC,MAAID,KAEFA,EAAY,iBAAiB,MAAM,EAAE,QAAQ,CAACE,MAAY;AAClD,cAAAC,IAAaD,EAAQ,aAAa,IAAI,GACtCE,IAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,IAAID,CAAU;AAG1E,QAAAF,EAAME,CAAW,IAAIC,GAGbF,EAAA,aAAa,MAAME,CAAK;AAAA,MAAA,CACjC;AAIG,YAAAC,IAAwB,CAAC,QAAQ,UAAU,UAAU,QAAQ,aAAa,cAAc,MAAM,GAG9FC,IAAmB,CAACJ,MAA2B;AAC7B,QAAAG,EAAA,QAAQ,CAACE,MAAS;AAChC,gBAAAC,IAAYN,EAAQ,aAAaK,CAAI;AAC3C,cAAIC,GAAW;AAEb,kBAAMC,IAAeD,EAAU,QAAQ,oBAAoB,CAACE,GAAOC,MAC1DV,EAAMU,CAAE,IAAI,QAAQV,EAAMU,CAAE,CAAC,MAAMD,CAC3C,EAAE,QAAQ,cAAc,CAACA,GAAOC,MACxBV,EAAMU,CAAE,IAAI,IAAIV,EAAMU,CAAE,CAAC,KAAKD,CACtC;AAGD,YAAID,MAAiBD,KACXN,EAAA,aAAaK,GAAME,CAAY;AAAA,UAE3C;AAAA,QAAA,CACD;AAAA,MAAA;AAIHlB,MAAAA,EAAW,iBAAiB,GAAG,EAAE,QAAQ,CAACW,MAAY;AACpD,QAAAI,EAAiBJ,CAAO;AAAA,MAAA,CACzB;AAAA,IAAA;AAGH,WAAAU,EAAU,MAAM;AACV,MAAAvB,EAAM,gBAAgBE,EAAW,SACnCQ,EAAaR,EAAW,KAAK;AAAA,IAC/B,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es912.js","sources":["../src/components/flags/FlagGiIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGiIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:53 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's id with the new prefixed id\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Update all references to these prefixed ids in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to ids in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update id references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-gi-icon\"\n    data-testid=\"kui-icon-wrapper-flag-gi-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-gi-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1_2341)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F9F9F9\"\n        />\n        <path\n          d=\"M12 23.9999C17.1595 23.9999 21.5581 20.7434 23.2536 16.1738H0.746338C2.4419 20.7434 6.84037 23.9999 12 23.9999Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M16.6957 9.9128V8.3476H17.2174V7.30411H16.1739V7.82588H15.1305V7.30411H14.087V8.3476H14.6087V9.9128H13.5652V6.26072H14.087V5.21729H13.0435V5.73891H12.5217V5.21729H11.4783V5.73891H10.9565V5.21729H9.91304V6.26072H10.4348V9.9128H9.39132V8.3476H9.91304V7.30411H8.86955V7.82588H7.82611V7.30411H6.78263V8.3476H7.30435V9.9128H6.26086V14.0867H17.7391V9.9128H16.6957Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12 13.5654C11.1356 13.5654 10.4348 14.2662 10.4348 15.1306C10.4348 15.812 10.8705 16.3916 11.4783 16.6064V18.7829H9.91309V20.8698H12.5218V16.6065C13.1296 16.3916 13.5653 15.8121 13.5653 15.1307C13.5652 14.2663 12.8644 13.5654 12 13.5654V13.5654ZM12 15.6524C11.7119 15.6524 11.4783 15.4188 11.4783 15.1307C11.4783 14.8425 11.7119 14.609 12 14.609C12.2881 14.609 12.5217 14.8425 12.5217 15.1307C12.5217 15.4188 12.2881 15.6524 12 15.6524Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2341\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GA+DRC,IAAaC,EAAuB,IAAI,GAExCC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOL,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMM,IAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDO,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,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOL,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQI,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA,GAOIM,IAAe,CAACR,MAAiC;AACrD,UAAI,CAACA;AACH;AAGI,YAAAS,IAAcT,EAAW,cAAc,MAAM,GAG7CU,IAAgC,CAAA;AAEtC,MAAID,KAEFA,EAAY,iBAAiB,MAAM,EAAE,QAAQ,CAACE,MAAY;AAClD,cAAAC,IAAaD,EAAQ,aAAa,IAAI,GACtCE,IAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,IAAID,CAAU;AAG1E,QAAAF,EAAME,CAAW,IAAIC,GAGbF,EAAA,aAAa,MAAME,CAAK;AAAA,MAAA,CACjC;AAIG,YAAAC,IAAwB,CAAC,QAAQ,UAAU,UAAU,QAAQ,aAAa,cAAc,MAAM,GAG9FC,IAAmB,CAACJ,MAA2B;AAC7B,QAAAG,EAAA,QAAQ,CAACE,MAAS;AAChC,gBAAAC,IAAYN,EAAQ,aAAaK,CAAI;AAC3C,cAAIC,GAAW;AAEb,kBAAMC,IAAeD,EAAU,QAAQ,oBAAoB,CAACE,GAAOC,MAC1DV,EAAMU,CAAE,IAAI,QAAQV,EAAMU,CAAE,CAAC,MAAMD,CAC3C,EAAE,QAAQ,cAAc,CAACA,GAAOC,MACxBV,EAAMU,CAAE,IAAI,IAAIV,EAAMU,CAAE,CAAC,KAAKD,CACtC;AAGD,YAAID,MAAiBD,KACXN,EAAA,aAAaK,GAAME,CAAY;AAAA,UAE3C;AAAA,QAAA,CACD;AAAA,MAAA;AAIHlB,MAAAA,EAAW,iBAAiB,GAAG,EAAE,QAAQ,CAACW,MAAY;AACpD,QAAAI,EAAiBJ,CAAO;AAAA,MAAA,CACzB;AAAA,IAAA;AAGH,WAAAU,EAAU,MAAM;AACV,MAAAvB,EAAM,gBAAgBE,EAAW,SACnCQ,EAAaR,EAAW,KAAK;AAAA,IAC/B,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es914.js

@@ -1,111 +1,35 @@
-import { defineComponent as S, ref as Z, computed as h, onMounted as v, openBlock as u, createBlock as x, resolveDynamicComponent as z, normalizeStyle as I, withCtx as N, createElementBlock as g, toDisplayString as _, createCommentVNode as w, pushScopeId as A, popScopeId as q, createElementVNode as e } from "vue";
-import { KUI_ICON_SIZE_50 as b } from "./kong-icons.es1218.js";
-const m = (t) => (A("data-v-d2f848b9"), t = t(), q(), t), E = ["aria-hidden"], H = {
+import { defineComponent as x, ref as z, computed as h, onMounted as I, openBlock as f, createBlock as N, resolveDynamicComponent as _, normalizeStyle as w, withCtx as q, createElementBlock as m, toDisplayString as E, createCommentVNode as A, pushScopeId as F, popScopeId as M, createElementVNode as o } from "vue";
+import { KUI_ICON_SIZE_50 as y } from "./kong-icons.es1218.js";
+const S = (e) => (F("data-v-c62eafd0"), e = e(), M(), e), B = ["aria-hidden"], $ = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, L = /* @__PURE__ */ m(() => /* @__PURE__ */ e("g", { "clip-path": "url(#clip0_246_5642)" }, [
-  /* @__PURE__ */ e("path", {
-    d: "M24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348H10.4347C7.98306 7.98334 3.51452 3.51508 3.5147 3.51471C-1.17157 8.20098 -1.17157 15.7989 3.5147 20.4853L10.4348 13.5653H23.8984C23.9651 13.0529 24 12.5305 24 12Z",
-    fill: "black"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.9963 12.2729C23.9958 12.2961 23.9953 12.3194 23.9946 12.3425C23.9952 12.3193 23.9958 12.2961 23.9963 12.2729Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.9848 12.6009C23.9838 12.6238 23.9822 12.6466 23.981 12.6695C23.9822 12.6467 23.9837 12.6238 23.9848 12.6009Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.9689 12.8624C23.9665 12.8961 23.9641 12.9298 23.9614 12.9634C23.9641 12.9298 23.9664 12.8961 23.9689 12.8624Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.9287 10.6921C23.9331 10.7323 23.9375 10.7723 23.9415 10.8126C23.9375 10.7723 23.9331 10.7323 23.9287 10.6921Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.981 11.3305C23.9822 11.3534 23.9838 11.3762 23.9848 11.3991C23.9837 11.3762 23.9822 11.3533 23.981 11.3305Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.9946 11.6576C23.9953 11.6807 23.9958 11.704 23.9963 11.7272C23.9958 11.7039 23.9952 11.6807 23.9946 11.6576Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.9614 11.0366C23.9641 11.0702 23.9665 11.1039 23.9689 11.1376C23.9664 11.1039 23.9641 11.0702 23.9614 11.0366Z",
+}, D = /* @__PURE__ */ S(() => /* @__PURE__ */ o("g", { "clip-path": "url(#clip0_1_2343)" }, [
+  /* @__PURE__ */ o("path", {
+    d: "M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z",
     fill: "#F0F0F0"
   }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.8984 10.4348C23.9038 10.4759 23.9086 10.5172 23.9135 10.5584C23.2013 4.61086 18.1395 6.10352e-05 12 6.10352e-05C8.68626 6.10352e-05 5.68622 1.34326 3.51465 3.51493L10.4345 10.4348H23.8984V10.4348Z",
+  /* @__PURE__ */ o("path", {
+    d: "M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12",
     fill: "#D80027"
   }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.8984 13.5652H10.4345L3.51465 20.4852C5.68622 22.6568 8.68626 24 12 24C18.1395 24 23.2014 19.3892 23.9135 13.4416C23.9086 13.4828 23.9037 13.5241 23.8984 13.5652Z",
-    fill: "#6DA544"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.9415 13.1874C23.9375 13.2277 23.9331 13.2677 23.9287 13.3079C23.9331 13.2677 23.9376 13.2277 23.9415 13.1874Z",
+  /* @__PURE__ */ o("path", {
+    d: "M8.34784 17.739C11.5175 17.739 14.087 15.1695 14.087 11.9999C14.087 8.83024 11.5175 6.26074 8.34784 6.26074C5.1782 6.26074 2.6087 8.83024 2.6087 11.9999C2.6087 15.1695 5.1782 17.739 8.34784 17.739Z",
     fill: "#F0F0F0"
   }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.9688 11.1376C23.9733 11.2017 23.9774 11.2661 23.9809 11.3305C23.9774 11.2661 23.9733 11.2017 23.9688 11.1376Z",
-    fill: "black"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.9136 10.5584C23.919 10.6029 23.9241 10.6475 23.9289 10.6921C23.924 10.6475 23.9189 10.6029 23.9136 10.5584Z",
-    fill: "black"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.9414 10.8126C23.9487 10.887 23.9553 10.9617 23.9613 11.0367C23.9554 10.9617 23.9488 10.887 23.9414 10.8126Z",
-    fill: "black"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M24 12C24 12.0913 23.9986 12.1822 23.9966 12.2729C23.9986 12.1821 24 12.0912 24 12Z",
-    fill: "black"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.9809 12.6695C23.9774 12.7339 23.9732 12.7983 23.9688 12.8624C23.9732 12.7983 23.9773 12.7339 23.9809 12.6695Z",
-    fill: "black"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.9613 12.9634C23.9553 13.0383 23.9487 13.113 23.9414 13.1875C23.9488 13.113 23.9554 13.0383 23.9613 12.9634Z",
-    fill: "black"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.9289 13.3079C23.9241 13.3525 23.919 13.397 23.9136 13.4415C23.9189 13.3971 23.924 13.3525 23.9289 13.3079Z",
-    fill: "black"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.9966 11.7271C23.9986 11.8179 24 11.9088 24 12C24 11.9088 23.9986 11.8179 23.9966 11.7271Z",
-    fill: "black"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.9849 11.3991C23.9891 11.485 23.9923 11.5712 23.9947 11.6575C23.9923 11.5711 23.9891 11.485 23.9849 11.3991Z",
-    fill: "black"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.9947 12.3425C23.9923 12.4288 23.9891 12.515 23.9849 12.6009C23.9892 12.515 23.9923 12.4288 23.9947 12.3425Z",
-    fill: "black"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M23.9888 11.474H9.99401L2.80542 4.28644C2.57306 4.5315 2.3212 4.87369 2.16543 5.11739L9.04006 11.9956L2.15967 18.8762C2.29589 19.1185 2.59265 19.4772 2.80101 19.7106L9.99415 12.5174H23.9904C23.9979 12.3444 24.0002 12.1706 24.0002 11.9957C24.0002 11.7614 23.9937 11.5887 23.9888 11.474Z",
-    fill: "#FFDA44"
-  }),
-  /* @__PURE__ */ e("path", {
-    d: "M2.91515 14.5581V13.553C3.91818 13.553 4.73413 12.7369 4.73413 11.734C4.73413 11.0243 4.15677 10.447 3.44718 10.447C2.96376 10.447 2.57043 10.8403 2.57043 11.3238C2.57043 11.633 2.82191 11.8845 3.1311 11.8845C3.30585 11.8845 3.44802 11.7422 3.44802 11.5675H4.45311C4.45311 12.2965 3.86005 12.8896 3.13115 12.8896C2.26776 12.8896 1.56543 12.1872 1.56543 11.3239C1.56543 10.2862 2.40965 9.44208 3.44722 9.44208C4.71106 9.44208 5.73931 10.4703 5.73931 11.7341C5.73927 13.2912 4.47238 14.5581 2.91515 14.5581Z",
-    fill: "#FFDA44"
+  /* @__PURE__ */ o("path", {
+    d: "M2.6087 11.9999C2.6087 8.83034 5.1782 6.26074 8.34784 6.26074C11.5175 6.26074 14.087 8.83029 14.087 11.9999",
+    fill: "#D80027"
   })
-], -1)), B = /* @__PURE__ */ m(() => /* @__PURE__ */ e("defs", null, [
-  /* @__PURE__ */ e("clipPath", { id: "clip0_246_5642" }, [
-    /* @__PURE__ */ e("rect", {
+], -1)), Z = /* @__PURE__ */ S(() => /* @__PURE__ */ o("defs", null, [
+  /* @__PURE__ */ o("clipPath", { id: "clip0_1_2343" }, [
+    /* @__PURE__ */ o("rect", {
       fill: "white",
       height: "24",
       width: "24"
     })
   ])
-], -1)), V = /* @__PURE__ */ S({
-  __name: "FlagVuIcon",
+], -1)), K = /* @__PURE__ */ x({
+  __name: "FlagGlIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -135,13 +59,13 @@ const m = (t) => (A("data-v-d2f848b9"), t = t(), q(), t), E = ["aria-hidden"], H
     size: {
       type: [Number, String],
       required: !1,
-      default: b,
+      default: y,
       // if setting to the imported const fails, just pass a number of 24 as the default.
-      validator: (t) => {
-        if (typeof t == "number" && t > 0)
+      validator: (e) => {
+        if (typeof e == "number" && e > 0)
           return !0;
-        if (typeof t == "string") {
-          const i = String(t).replace(/px/gi, ""), r = Number(i);
+        if (typeof e == "string") {
+          const t = String(e).replace(/px/gi, ""), r = Number(t);
           if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
             return !0;
         }
@@ -163,59 +87,59 @@ const m = (t) => (A("data-v-d2f848b9"), t = t(), q(), t), E = ["aria-hidden"], H
       default: !0
     }
   },
-  setup(t) {
-    const i = t, r = Z(null), p = h(() => {
-      if (typeof i.size == "number" && i.size > 0)
-        return `${i.size}px`;
-      if (typeof i.size == "string") {
-        const o = String(i.size).replace(/px/gi, ""), l = Number(o);
-        if (l && !isNaN(l) && Number.isInteger(l) && l > 0)
-          return `${l}px`;
+  setup(e) {
+    const t = e, r = z(null), p = h(() => {
+      if (typeof t.size == "number" && t.size > 0)
+        return `${t.size}px`;
+      if (typeof t.size == "string") {
+        const n = String(t.size).replace(/px/gi, ""), i = Number(n);
+        if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
+          return `${i}px`;
       }
-      return b;
-    }), F = h(() => ({
+      return y;
+    }), b = h(() => ({
       boxSizing: "border-box",
-      color: i.color,
-      display: i.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
       height: p.value,
       lineHeight: "0",
       width: p.value
-    })), M = (o) => {
-      if (!o)
+    })), v = (n) => {
+      if (!n)
         return;
-      const l = o.querySelector("defs"), d = {};
-      l && l.querySelectorAll("[id]").forEach((a) => {
-        const c = a.getAttribute("id"), n = `${Math.random().toString(36).substring(2, 12)}-${c}`;
-        d[c] = n, a.setAttribute("id", n);
+      const i = n.querySelector("defs"), s = {};
+      i && i.querySelectorAll("[id]").forEach((l) => {
+        const d = l.getAttribute("id"), a = `${Math.random().toString(36).substring(2, 12)}-${d}`;
+        s[d] = a, l.setAttribute("id", a);
       });
-      const k = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], y = (a) => {
-        k.forEach((c) => {
-          const n = a.getAttribute(c);
-          if (n) {
-            const C = n.replace(/url\(#([^)]+)\)/g, (f, s) => d[s] ? `url(#${d[s]})` : f).replace(/#([^\s]+)/g, (f, s) => d[s] ? `#${d[s]}` : f);
-            C !== n && a.setAttribute(c, C);
+      const C = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], k = (l) => {
+        C.forEach((d) => {
+          const a = l.getAttribute(d);
+          if (a) {
+            const g = a.replace(/url\(#([^)]+)\)/g, (u, c) => s[c] ? `url(#${s[c]})` : u).replace(/#([^\s]+)/g, (u, c) => s[c] ? `#${s[c]}` : u);
+            g !== a && l.setAttribute(d, g);
           }
         });
       };
-      o.querySelectorAll("*").forEach((a) => {
-        y(a);
+      n.querySelectorAll("*").forEach((l) => {
+        k(l);
       });
     };
-    return v(() => {
-      i.randomizeIds && r.value && M(r.value);
-    }), (o, l) => (u(), x(z(t.as), {
-      "aria-hidden": t.decorative ? "true" : void 0,
-      class: "kui-icon flag-vu-icon",
-      "data-testid": "kui-icon-wrapper-flag-vu-icon",
-      style: I(F.value)
+    return I(() => {
+      t.randomizeIds && r.value && v(r.value);
+    }), (n, i) => (f(), N(_(e.as), {
+      "aria-hidden": e.decorative ? "true" : void 0,
+      class: "kui-icon flag-gl-icon",
+      "data-testid": "kui-icon-wrapper-flag-gl-icon",
+      style: w(b.value)
     }, {
-      default: N(() => [
-        (u(), g("svg", {
+      default: q(() => [
+        (f(), m("svg", {
           ref_key: "svgElement",
           ref: r,
-          "aria-hidden": t.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-vu-icon",
+          "aria-hidden": e.decorative ? "true" : void 0,
+          "data-testid": "kui-icon-svg-flag-gl-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -223,16 +147,16 @@ const m = (t) => (A("data-v-d2f848b9"), t = t(), q(), t), E = ["aria-hidden"], H
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          t.title ? (u(), g("title", H, _(t.title), 1)) : w("", !0),
-          L,
-          B
-        ], 8, E))
+          e.title ? (f(), m("title", $, E(e.title), 1)) : A("", !0),
+          D,
+          Z
+        ], 8, B))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
 export {
-  V as default
+  K as default
 };
 //# sourceMappingURL=kong-icons.es914.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es914.js","sources":["../src/components/flags/FlagVuIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagVuIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:22 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's id with the new prefixed id\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Step 2: Update all references to these prefixed IDs in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to IDs in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update ID references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-vu-icon\"\n    data-testid=\"kui-icon-wrapper-flag-vu-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-vu-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_246_5642)\">\n        <path\n          d=\"M24 12C24 11.4695 23.9651 10.9471 23.8984 10.4348H10.4347C7.98306 7.98334 3.51452 3.51508 3.5147 3.51471C-1.17157 8.20098 -1.17157 15.7989 3.5147 20.4853L10.4348 13.5653H23.8984C23.9651 13.0529 24 12.5305 24 12Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9963 12.2729C23.9958 12.2961 23.9953 12.3194 23.9946 12.3425C23.9952 12.3193 23.9958 12.2961 23.9963 12.2729Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.9848 12.6009C23.9838 12.6238 23.9822 12.6466 23.981 12.6695C23.9822 12.6467 23.9837 12.6238 23.9848 12.6009Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.9689 12.8624C23.9665 12.8961 23.9641 12.9298 23.9614 12.9634C23.9641 12.9298 23.9664 12.8961 23.9689 12.8624Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.9287 10.6921C23.9331 10.7323 23.9375 10.7723 23.9415 10.8126C23.9375 10.7723 23.9331 10.7323 23.9287 10.6921Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.981 11.3305C23.9822 11.3534 23.9838 11.3762 23.9848 11.3991C23.9837 11.3762 23.9822 11.3533 23.981 11.3305Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.9946 11.6576C23.9953 11.6807 23.9958 11.704 23.9963 11.7272C23.9958 11.7039 23.9952 11.6807 23.9946 11.6576Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.9614 11.0366C23.9641 11.0702 23.9665 11.1039 23.9689 11.1376C23.9664 11.1039 23.9641 11.0702 23.9614 11.0366Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.8984 10.4348C23.9038 10.4759 23.9086 10.5172 23.9135 10.5584C23.2013 4.61086 18.1395 6.10352e-05 12 6.10352e-05C8.68626 6.10352e-05 5.68622 1.34326 3.51465 3.51493L10.4345 10.4348H23.8984V10.4348Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M23.8984 13.5652H10.4345L3.51465 20.4852C5.68622 22.6568 8.68626 24 12 24C18.1395 24 23.2014 19.3892 23.9135 13.4416C23.9086 13.4828 23.9037 13.5241 23.8984 13.5652Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M23.9415 13.1874C23.9375 13.2277 23.9331 13.2677 23.9287 13.3079C23.9331 13.2677 23.9376 13.2277 23.9415 13.1874Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M23.9688 11.1376C23.9733 11.2017 23.9774 11.2661 23.9809 11.3305C23.9774 11.2661 23.9733 11.2017 23.9688 11.1376Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9136 10.5584C23.919 10.6029 23.9241 10.6475 23.9289 10.6921C23.924 10.6475 23.9189 10.6029 23.9136 10.5584Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9414 10.8126C23.9487 10.887 23.9553 10.9617 23.9613 11.0367C23.9554 10.9617 23.9488 10.887 23.9414 10.8126Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M24 12C24 12.0913 23.9986 12.1822 23.9966 12.2729C23.9986 12.1821 24 12.0912 24 12Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9809 12.6695C23.9774 12.7339 23.9732 12.7983 23.9688 12.8624C23.9732 12.7983 23.9773 12.7339 23.9809 12.6695Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9613 12.9634C23.9553 13.0383 23.9487 13.113 23.9414 13.1875C23.9488 13.113 23.9554 13.0383 23.9613 12.9634Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9289 13.3079C23.9241 13.3525 23.919 13.397 23.9136 13.4415C23.9189 13.3971 23.924 13.3525 23.9289 13.3079Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9966 11.7271C23.9986 11.8179 24 11.9088 24 12C24 11.9088 23.9986 11.8179 23.9966 11.7271Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9849 11.3991C23.9891 11.485 23.9923 11.5712 23.9947 11.6575C23.9923 11.5711 23.9891 11.485 23.9849 11.3991Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9947 12.3425C23.9923 12.4288 23.9891 12.515 23.9849 12.6009C23.9892 12.515 23.9923 12.4288 23.9947 12.3425Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M23.9888 11.474H9.99401L2.80542 4.28644C2.57306 4.5315 2.3212 4.87369 2.16543 5.11739L9.04006 11.9956L2.15967 18.8762C2.29589 19.1185 2.59265 19.4772 2.80101 19.7106L9.99415 12.5174H23.9904C23.9979 12.3444 24.0002 12.1706 24.0002 11.9957C24.0002 11.7614 23.9937 11.5887 23.9888 11.474Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M2.91515 14.5581V13.553C3.91818 13.553 4.73413 12.7369 4.73413 11.734C4.73413 11.0243 4.15677 10.447 3.44718 10.447C2.96376 10.447 2.57043 10.8403 2.57043 11.3238C2.57043 11.633 2.82191 11.8845 3.1311 11.8845C3.30585 11.8845 3.44802 11.7422 3.44802 11.5675H4.45311C4.45311 12.2965 3.86005 12.8896 3.13115 12.8896C2.26776 12.8896 1.56543 12.1872 1.56543 11.3239C1.56543 10.2862 2.40965 9.44208 3.44722 9.44208C4.71106 9.44208 5.73931 10.4703 5.73931 11.7341C5.73927 13.2912 4.47238 14.5581 2.91515 14.5581Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5642\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GA+DRC,IAAaC,EAAuB,IAAI,GAExCC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOL,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMM,IAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDO,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,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOL,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQI,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA,GAOIM,IAAe,CAACR,MAAiC;AACrD,UAAI,CAACA;AACH;AAGI,YAAAS,IAAcT,EAAW,cAAc,MAAM,GAG7CU,IAAgC,CAAA;AAEtC,MAAID,KAEFA,EAAY,iBAAiB,MAAM,EAAE,QAAQ,CAACE,MAAY;AAClD,cAAAC,IAAaD,EAAQ,aAAa,IAAI,GACtCE,IAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,IAAID,CAAU;AAG1E,QAAAF,EAAME,CAAW,IAAIC,GAGbF,EAAA,aAAa,MAAME,CAAK;AAAA,MAAA,CACjC;AAIG,YAAAC,IAAwB,CAAC,QAAQ,UAAU,UAAU,QAAQ,aAAa,cAAc,MAAM,GAG9FC,IAAmB,CAACJ,MAA2B;AAC7B,QAAAG,EAAA,QAAQ,CAACE,MAAS;AAChC,gBAAAC,IAAYN,EAAQ,aAAaK,CAAI;AAC3C,cAAIC,GAAW;AAEb,kBAAMC,IAAeD,EAAU,QAAQ,oBAAoB,CAACE,GAAOC,MAC1DV,EAAMU,CAAE,IAAI,QAAQV,EAAMU,CAAE,CAAC,MAAMD,CAC3C,EAAE,QAAQ,cAAc,CAACA,GAAOC,MACxBV,EAAMU,CAAE,IAAI,IAAIV,EAAMU,CAAE,CAAC,KAAKD,CACtC;AAGD,YAAID,MAAiBD,KACXN,EAAA,aAAaK,GAAME,CAAY;AAAA,UAE3C;AAAA,QAAA,CACD;AAAA,MAAA;AAIHlB,MAAAA,EAAW,iBAAiB,GAAG,EAAE,QAAQ,CAACW,MAAY;AACpD,QAAAI,EAAiBJ,CAAO;AAAA,MAAA,CACzB;AAAA,IAAA;AAGH,WAAAU,EAAU,MAAM;AACV,MAAAvB,EAAM,gBAAgBE,EAAW,SACnCQ,EAAaR,EAAW,KAAK;AAAA,IAC/B,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es914.js","sources":["../src/components/flags/FlagGlIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGlIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:53 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's id with the new prefixed id\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Update all references to these prefixed ids in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to ids in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update id references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon flag-gl-icon\"\n    data-testid=\"kui-icon-wrapper-flag-gl-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-gl-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <g clip-path=\"url(#clip0_1_2343)\">\n        <path\n          d=\"M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12C23.4783 12 12 13.5652 12 13.5652L0 12Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M24 12C24 18.6274 18.6274 24 12 24C5.37262 24 0 18.6274 0 12\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M8.34784 17.739C11.5175 17.739 14.087 15.1695 14.087 11.9999C14.087 8.83024 11.5175 6.26074 8.34784 6.26074C5.1782 6.26074 2.6087 8.83024 2.6087 11.9999C2.6087 15.1695 5.1782 17.739 8.34784 17.739Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M2.6087 11.9999C2.6087 8.83034 5.1782 6.26074 8.34784 6.26074C11.5175 6.26074 14.087 8.83029 14.087 11.9999\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2343\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GA+DRC,IAAaC,EAAuB,IAAI,GAExCC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOL,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMM,IAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDO,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,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOL,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQI,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA,GAOIM,IAAe,CAACR,MAAiC;AACrD,UAAI,CAACA;AACH;AAGI,YAAAS,IAAcT,EAAW,cAAc,MAAM,GAG7CU,IAAgC,CAAA;AAEtC,MAAID,KAEFA,EAAY,iBAAiB,MAAM,EAAE,QAAQ,CAACE,MAAY;AAClD,cAAAC,IAAaD,EAAQ,aAAa,IAAI,GACtCE,IAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,IAAID,CAAU;AAG1E,QAAAF,EAAME,CAAW,IAAIC,GAGbF,EAAA,aAAa,MAAME,CAAK;AAAA,MAAA,CACjC;AAIG,YAAAC,IAAwB,CAAC,QAAQ,UAAU,UAAU,QAAQ,aAAa,cAAc,MAAM,GAG9FC,IAAmB,CAACJ,MAA2B;AAC7B,QAAAG,EAAA,QAAQ,CAACE,MAAS;AAChC,gBAAAC,IAAYN,EAAQ,aAAaK,CAAI;AAC3C,cAAIC,GAAW;AAEb,kBAAMC,IAAeD,EAAU,QAAQ,oBAAoB,CAACE,GAAOC,MAC1DV,EAAMU,CAAE,IAAI,QAAQV,EAAMU,CAAE,CAAC,MAAMD,CAC3C,EAAE,QAAQ,cAAc,CAACA,GAAOC,MACxBV,EAAMU,CAAE,IAAI,IAAIV,EAAMU,CAAE,CAAC,KAAKD,CACtC;AAGD,YAAID,MAAiBD,KACXN,EAAA,aAAaK,GAAME,CAAY;AAAA,UAE3C;AAAA,QAAA,CACD;AAAA,MAAA;AAIHlB,MAAAA,EAAW,iBAAiB,GAAG,EAAE,QAAQ,CAACW,MAAY;AACpD,QAAAI,EAAiBJ,CAAO;AAAA,MAAA,CACzB;AAAA,IAAA;AAGH,WAAAU,EAAU,MAAM;AACV,MAAAvB,EAAM,gBAAgBE,EAAW,SACnCQ,EAAaR,EAAW,KAAK;AAAA,IAC/B,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}