@kong/icons 1.15.3-pr.391.5c59f07.0 → 1.15.3-pr.391.6d60e23.0

package/dist/kong-icons.es542.js

@@ -1,39 +1,13 @@
-import { defineComponent as k, ref as x, computed as h, onMounted as z, openBlock as f, createBlock as I, resolveDynamicComponent as N, normalizeStyle as _, withCtx as w, createElementBlock as m, toDisplayString as A, createCommentVNode as q, pushScopeId as E, popScopeId as M, createElementVNode as r } from "vue";
-import { KUI_ICON_SIZE_50 as y } from "./kong-icons.es1218.js";
-const S = (e) => (E("data-v-e05c4c32"), e = e(), M(), e), F = ["aria-hidden"], B = {
+import { defineComponent as v, ref as k, computed as p, onMounted as x, openBlock as u, createBlock as z, resolveDynamicComponent as I, normalizeStyle as N, withCtx as L, createElementBlock as g, toDisplayString as w, createCommentVNode as q, pushScopeId as M, popScopeId as E, createElementVNode as V } from "vue";
+import { KUI_ICON_SIZE_50 as m } from "./kong-icons.es1218.js";
+const _ = (e) => (M("data-v-bd7e7156"), e = e(), E(), e), A = ["aria-hidden"], B = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, Z = /* @__PURE__ */ S(() => /* @__PURE__ */ r("g", { "clip-path": "url(#clip0_1_2313)" }, [
-  /* @__PURE__ */ r("path", {
-    d: "M22.6675 6.49763C22.113 5.4233 21.3862 4.41493 20.4857 3.51436C19.5851 2.61375 18.5766 1.88696 17.5024 1.33252L9.0485 9.04843L1.33255 17.5023C1.88703 18.5766 2.61383 19.585 3.51439 20.4856C4.41496 21.3862 5.42338 22.113 6.49766 22.6674L14.9515 14.9515L22.6675 6.49763Z",
-    fill: "#FFDA44"
-  }),
-  /* @__PURE__ */ r("path", {
-    d: "M3.5144 20.4858C4.01779 20.9892 4.55493 21.4381 5.11832 21.8334L21.8332 5.11848C21.438 4.55509 20.989 4.01795 20.4856 3.51455C19.9822 3.01116 19.4451 2.56224 18.8817 2.16699L2.16684 18.8819C2.56204 19.4452 3.01096 19.9824 3.5144 20.4858V20.4858Z",
-    fill: "#D80027"
-  }),
-  /* @__PURE__ */ r("path", {
-    d: "M3.51429 3.51431C-0.271664 7.30026 -0.99846 12.9861 1.33245 17.5023L17.5023 1.33251C12.986 -0.998347 7.3002 -0.271457 3.51429 3.51431V3.51431Z",
-    fill: "#338AF3"
-  }),
-  /* @__PURE__ */ r("path", {
-    d: "M20.4856 20.4855C24.2715 16.6996 24.9983 11.0137 22.6675 6.49756L6.49771 22.6673C11.0139 24.9982 16.6998 24.2714 20.4856 20.4855V20.4855Z",
-    fill: "#338AF3"
-  }),
-  /* @__PURE__ */ r("path", {
-    d: "M6.39498 3.65186L7.04251 5.64484H9.13801L7.44273 6.87653L8.09026 8.86946L6.39498 7.63773L4.69961 8.86946L5.34723 6.87653L3.65186 5.64484H5.74736L6.39498 3.65186Z",
-    fill: "#FFDA44"
-  })
-], -1)), $ = /* @__PURE__ */ S(() => /* @__PURE__ */ r("defs", null, [
-  /* @__PURE__ */ r("clipPath", { id: "clip0_1_2313" }, [
-    /* @__PURE__ */ r("rect", {
-      fill: "white",
-      height: "24",
-      width: "24"
-    })
-  ])
-], -1)), H = /* @__PURE__ */ k({
-  __name: "FlagCdIcon",
+}, Z = /* @__PURE__ */ _(() => /* @__PURE__ */ V("path", {
+  d: "M17.0002 22V12C17.2669 12 17.5252 12.0208 17.7752 12.0625C18.0252 12.1042 18.2669 12.1667 18.5002 12.25V21.75C18.2669 21.8333 18.0252 21.8958 17.7752 21.9375C17.5252 21.9792 17.2669 22 17.0002 22ZM14.5002 21.3V12.7C14.7335 12.5667 14.971 12.4458 15.2127 12.3375C15.4544 12.2292 15.7169 12.15 16.0002 12.1V21.9C15.7169 21.85 15.4544 21.7708 15.2127 21.6625C14.971 21.5542 14.7335 21.4333 14.5002 21.3ZM19.5002 21.3V12.7C20.2502 13.1333 20.8544 13.725 21.3127 14.475C21.771 15.225 22.0002 16.0667 22.0002 17C22.0002 17.9333 21.771 18.775 21.3127 19.525C20.8544 20.275 20.2502 20.8667 19.5002 21.3ZM13.5002 20.55C13.0335 20.1 12.6669 19.5708 12.4002 18.9625C12.1335 18.3542 12.0002 17.7 12.0002 17C12.0002 16.3 12.1335 15.6417 12.4002 15.025C12.6669 14.4083 13.0335 13.875 13.5002 13.425V20.55ZM9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.04603 5.61667 8.2377 5.5C8.42936 5.38333 8.63353 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L20.2002 10.775C19.7002 10.525 19.1835 10.3333 18.6502 10.2C18.1169 10.0667 17.5669 10 17.0002 10C16.6669 10 16.346 10.0292 16.0377 10.0875C15.7294 10.1458 15.4169 10.2167 15.1002 10.3C14.7835 9.75 14.3544 9.3125 13.8127 8.9875C13.271 8.6625 12.6835 8.5 12.0502 8.5C11.0835 8.5 10.2585 8.84167 9.5752 9.525C8.89186 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.6333 8.70436 13.2167 9.0127 13.75C9.32103 14.2833 9.74186 14.7083 10.2752 15.025C10.1752 15.3583 10.1044 15.7042 10.0627 16.0625C10.021 16.4208 10.0002 16.775 10.0002 17.125C10.0169 18.0583 10.2044 18.9458 10.5627 19.7875C10.921 20.6292 11.4335 21.3667 12.1002 22H9.2502Z",
+  fill: "currentColor"
+}, null, -1)), D = /* @__PURE__ */ v({
+  __name: "CogModeIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -63,14 +37,14 @@ const S = (e) => (E("data-v-e05c4c32"), e = e(), M(), e), F = ["aria-hidden"], B
     size: {
       type: [Number, String],
       required: !1,
-      default: y,
+      default: m,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (e) => {
         if (typeof e == "number" && e > 0)
           return !0;
         if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), o = Number(t);
-          if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
+          const t = String(e).replace(/px/gi, ""), i = Number(t);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
             return !0;
         }
         return !1;
@@ -92,58 +66,58 @@ const S = (e) => (E("data-v-e05c4c32"), e = e(), M(), e), F = ["aria-hidden"], B
     }
   },
   setup(e) {
-    const t = e, o = x(null), p = h(() => {
+    const t = e, i = k(null), f = p(() => {
       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`;
+        const n = String(t.size).replace(/px/gi, ""), r = Number(n);
+        if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
+          return `${r}px`;
       }
-      return y;
-    }), b = h(() => ({
+      return m;
+    }), h = p(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
       flexShrink: "0",
-      height: p.value,
+      height: f.value,
       lineHeight: "0",
-      width: p.value
-    })), v = (n) => {
+      width: f.value
+    })), y = (n) => {
       if (!n)
         return;
-      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 r = n.querySelector("defs"), l = {};
+      r && r.querySelectorAll("[id]").forEach((o) => {
+        const s = o.getAttribute("id"), a = `${Math.random().toString(36).substring(2, 12)}-${s}`;
+        l[s] = a, o.setAttribute("id", a);
       });
-      const C = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], L = (l) => {
-        C.forEach((d) => {
-          const a = l.getAttribute(d);
+      const S = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], b = (o) => {
+        S.forEach((s) => {
+          const a = o.getAttribute(s);
           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);
+            const C = a.replace(/url\(#([^)]+)\)/g, (c, d) => l[d] ? `url(#${l[d]})` : c).replace(/#([^\s]+)/g, (c, d) => l[d] ? `#${l[d]}` : c);
+            C !== a && o.setAttribute(s, C);
           }
         });
       };
-      n.querySelectorAll("*").forEach((l) => {
-        L(l);
+      n.querySelectorAll("*").forEach((o) => {
+        b(o);
       });
     };
-    return z(() => {
-      t.randomizeIds && o.value && v(o.value);
-    }), (n, i) => (f(), I(N(e.as), {
+    return x(() => {
+      t.randomizeIds && i.value && y(i.value);
+    }), (n, r) => (u(), z(I(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon flag-cd-icon",
-      "data-testid": "kui-icon-wrapper-flag-cd-icon",
-      style: _(b.value)
+      class: "kui-icon cog-mode-icon",
+      "data-testid": "kui-icon-wrapper-cog-mode-icon",
+      style: N(h.value)
     }, {
-      default: w(() => [
-        (f(), m("svg", {
+      default: L(() => [
+        (u(), g("svg", {
           ref_key: "svgElement",
-          ref: o,
+          ref: i,
           "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-cd-icon",
+          "data-testid": "kui-icon-svg-cog-mode-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -151,16 +125,15 @@ const S = (e) => (E("data-v-e05c4c32"), e = e(), M(), e), F = ["aria-hidden"], B
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (f(), m("title", B, A(e.title), 1)) : q("", !0),
-          Z,
-          $
-        ], 8, F))
+          e.title ? (u(), g("title", B, w(e.title), 1)) : q("", !0),
+          Z
+        ], 8, A))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
 export {
-  H as default
+  D as default
 };
 //# sourceMappingURL=kong-icons.es542.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es542.js","sources":["../src/components/flags/FlagCdIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCdIcon.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-cd-icon\"\n    data-testid=\"kui-icon-wrapper-flag-cd-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-cd-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_2313)\">\n        <path\n          d=\"M22.6675 6.49763C22.113 5.4233 21.3862 4.41493 20.4857 3.51436C19.5851 2.61375 18.5766 1.88696 17.5024 1.33252L9.0485 9.04843L1.33255 17.5023C1.88703 18.5766 2.61383 19.585 3.51439 20.4856C4.41496 21.3862 5.42338 22.113 6.49766 22.6674L14.9515 14.9515L22.6675 6.49763Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M3.5144 20.4858C4.01779 20.9892 4.55493 21.4381 5.11832 21.8334L21.8332 5.11848C21.438 4.55509 20.989 4.01795 20.4856 3.51455C19.9822 3.01116 19.4451 2.56224 18.8817 2.16699L2.16684 18.8819C2.56204 19.4452 3.01096 19.9824 3.5144 20.4858V20.4858Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M3.51429 3.51431C-0.271664 7.30026 -0.99846 12.9861 1.33245 17.5023L17.5023 1.33251C12.986 -0.998347 7.3002 -0.271457 3.51429 3.51431V3.51431Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M20.4856 20.4855C24.2715 16.6996 24.9983 11.0137 22.6675 6.49756L6.49771 22.6673C11.0139 24.9982 16.6998 24.2714 20.4856 20.4855V20.4855Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M6.39498 3.65186L7.04251 5.64484H9.13801L7.44273 6.87653L8.09026 8.86946L6.39498 7.63773L4.69961 8.86946L5.34723 6.87653L3.65186 5.64484H5.74736L6.39498 3.65186Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2313\">\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.es542.js","sources":["../src/components/solid/CogModeIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * CogModeIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:39:43 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 cog-mode-icon\"\n    data-testid=\"kui-icon-wrapper-cog-mode-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-cog-mode-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      <path\n        d=\"M17.0002 22V12C17.2669 12 17.5252 12.0208 17.7752 12.0625C18.0252 12.1042 18.2669 12.1667 18.5002 12.25V21.75C18.2669 21.8333 18.0252 21.8958 17.7752 21.9375C17.5252 21.9792 17.2669 22 17.0002 22ZM14.5002 21.3V12.7C14.7335 12.5667 14.971 12.4458 15.2127 12.3375C15.4544 12.2292 15.7169 12.15 16.0002 12.1V21.9C15.7169 21.85 15.4544 21.7708 15.2127 21.6625C14.971 21.5542 14.7335 21.4333 14.5002 21.3ZM19.5002 21.3V12.7C20.2502 13.1333 20.8544 13.725 21.3127 14.475C21.771 15.225 22.0002 16.0667 22.0002 17C22.0002 17.9333 21.771 18.775 21.3127 19.525C20.8544 20.275 20.2502 20.8667 19.5002 21.3ZM13.5002 20.55C13.0335 20.1 12.6669 19.5708 12.4002 18.9625C12.1335 18.3542 12.0002 17.7 12.0002 17C12.0002 16.3 12.1335 15.6417 12.4002 15.025C12.6669 14.4083 13.0335 13.875 13.5002 13.425V20.55ZM9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.04603 5.61667 8.2377 5.5C8.42936 5.38333 8.63353 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L20.2002 10.775C19.7002 10.525 19.1835 10.3333 18.6502 10.2C18.1169 10.0667 17.5669 10 17.0002 10C16.6669 10 16.346 10.0292 16.0377 10.0875C15.7294 10.1458 15.4169 10.2167 15.1002 10.3C14.7835 9.75 14.3544 9.3125 13.8127 8.9875C13.271 8.6625 12.6835 8.5 12.0502 8.5C11.0835 8.5 10.2585 8.84167 9.5752 9.525C8.89186 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.6333 8.70436 13.2167 9.0127 13.75C9.32103 14.2833 9.74186 14.7083 10.2752 15.025C10.1752 15.3583 10.1044 15.7042 10.0627 16.0625C10.021 16.4208 10.0002 16.775 10.0002 17.125C10.0169 18.0583 10.2044 18.9458 10.5627 19.7875C10.921 20.6292 11.4335 21.3667 12.1002 22H9.2502Z\"\n        fill=\"currentColor\"\n      />\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.es544.js

@@ -1,63 +1,13 @@
-import { defineComponent as k, ref as x, computed as g, onMounted as z, openBlock as u, createBlock as A, resolveDynamicComponent as F, normalizeStyle as I, withCtx as M, createElementBlock as m, toDisplayString as N, createCommentVNode as _, pushScopeId as w, popScopeId as H, createElementVNode as t } from "vue";
-import { KUI_ICON_SIZE_50 as y } from "./kong-icons.es1218.js";
-const S = (e) => (w("data-v-aae69541"), e = e(), H(), e), Z = ["aria-hidden"], D = {
+import { defineComponent as v, ref as L, computed as g, onMounted as k, openBlock as u, createBlock as x, resolveDynamicComponent as z, normalizeStyle as I, withCtx as N, createElementBlock as m, toDisplayString as w, createCommentVNode as q, pushScopeId as E, popScopeId as _, createElementVNode as A } from "vue";
+import { KUI_ICON_SIZE_50 as h } from "./kong-icons.es1218.js";
+const B = (e) => (E("data-v-699b6730"), e = e(), _(), e), $ = ["aria-hidden"], M = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, q = /* @__PURE__ */ S(() => /* @__PURE__ */ t("g", { "clip-path": "url(#clip0_1_2296)" }, [
-  /* @__PURE__ */ t("path", {
-    d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M22.541 6.26072C20.9903 3.41874 18.3239 1.27332 15.1305 0.412598L14.6088 6.26072H22.541Z",
-    fill: "#0052B4"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M1.45911 6.26072H9.39129L8.86958 0.412598C5.67612 1.27332 3.00978 3.41879 1.45911 6.26072V6.26072Z",
-    fill: "#0052B4"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M14.6087 12V17.7391H22.5409C23.4711 16.0342 24 14.0789 24 12H14.6087Z",
-    fill: "#6DA544"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M9.39131 12H0C0 14.0789 0.528891 16.0342 1.45908 17.7391H9.39127V12H9.39131Z",
-    fill: "#6DA544"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M1.45911 17.7393C3.00978 20.5812 5.67612 22.7267 8.86958 23.5874L9.39129 18.4729L1.45911 17.7393Z",
-    fill: "#FFDA44"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M15.1305 23.5874C18.3239 22.7267 20.9903 20.5812 22.541 17.7393L14.6088 18.4728L15.1305 23.5874Z",
-    fill: "#FFDA44"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M14.6087 18.4728L22.5409 17.7393H14.6087V18.4728Z",
-    fill: "#FFDA44"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M9.39134 17.7393H1.45911L9.39134 18.4728V17.7393Z",
-    fill: "#FFDA44"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M12 0C10.9169 0 9.86772 0.144375 8.86957 0.413391V23.5867C9.86772 23.8556 10.9169 24 12 24C13.0832 24 14.1323 23.8556 15.1305 23.5866V0.413391C14.1323 0.144375 13.0832 0 12 0V0Z",
-    fill: "#D80027"
-  }),
-  /* @__PURE__ */ t("path", {
-    d: "M6.45457 2.60889L6.77828 3.60531H7.82608L6.97849 4.22115L7.30225 5.21757L6.45457 4.60178L5.60693 5.21757L5.93078 4.22115L5.08319 3.60531H6.13089L6.45457 2.60889Z",
-    fill: "#FFDA44"
-  })
-], -1)), V = /* @__PURE__ */ S(() => /* @__PURE__ */ t("defs", null, [
-  /* @__PURE__ */ t("clipPath", { id: "clip0_1_2296" }, [
-    /* @__PURE__ */ t("rect", {
-      fill: "white",
-      height: "24",
-      width: "24"
-    })
-  ])
-], -1)), $ = /* @__PURE__ */ k({
-  __name: "FlagCfIcon",
+}, H = /* @__PURE__ */ B(() => /* @__PURE__ */ A("path", {
+  d: "M9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.0502 5.61667 8.2502 5.5C8.4502 5.38333 8.6502 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L19.4752 11.325C19.4919 11.4417 19.5002 11.5542 19.5002 11.6625V12.3375C19.5002 12.4458 19.4835 12.5583 19.4502 12.675L22.0252 14.625L19.2752 19.375L16.3252 18.125C16.1419 18.2583 15.9502 18.3833 15.7502 18.5C15.5502 18.6167 15.3502 18.7167 15.1502 18.8L14.7502 22H9.2502ZM12.0502 15.5C13.0169 15.5 13.8419 15.1583 14.5252 14.475C15.2085 13.7917 15.5502 12.9667 15.5502 12C15.5502 11.0333 15.2085 10.2083 14.5252 9.525C13.8419 8.84167 13.0169 8.5 12.0502 8.5C11.0669 8.5 10.2377 8.84167 9.5627 9.525C8.8877 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.9667 8.8877 13.7917 9.5627 14.475C10.2377 15.1583 11.0669 15.5 12.0502 15.5Z",
+  fill: "currentColor"
+}, null, -1)), D = /* @__PURE__ */ v({
+  __name: "CogIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -87,14 +37,14 @@ const S = (e) => (w("data-v-aae69541"), e = e(), H(), e), Z = ["aria-hidden"], D
     size: {
       type: [Number, String],
       required: !1,
-      default: y,
+      default: h,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (e) => {
         if (typeof e == "number" && e > 0)
           return !0;
         if (typeof e == "string") {
-          const i = String(e).replace(/px/gi, ""), l = Number(i);
-          if (l && !isNaN(l) && Number.isInteger(l) && l > 0)
+          const t = String(e).replace(/px/gi, ""), i = Number(t);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
             return !0;
         }
         return !1;
@@ -116,58 +66,58 @@ const S = (e) => (w("data-v-aae69541"), e = e(), H(), e), Z = ["aria-hidden"], D
     }
   },
   setup(e) {
-    const i = e, l = x(null), p = g(() => {
-      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, ""), r = Number(o);
+    const t = e, i = L(null), f = g(() => {
+      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, ""), r = Number(n);
         if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
           return `${r}px`;
       }
-      return y;
+      return h;
     }), C = g(() => ({
       boxSizing: "border-box",
-      color: i.color,
-      display: i.display,
+      color: t.color,
+      display: t.display,
       flexShrink: "0",
-      height: p.value,
+      height: f.value,
       lineHeight: "0",
-      width: p.value
-    })), b = (o) => {
-      if (!o)
+      width: f.value
+    })), y = (n) => {
+      if (!n)
         return;
-      const r = o.querySelector("defs"), d = {};
-      r && r.querySelectorAll("[id]").forEach((a) => {
-        const s = a.getAttribute("id"), n = `${Math.random().toString(36).substring(2, 12)}-${s}`;
-        d[s] = n, a.setAttribute("id", n);
+      const r = n.querySelector("defs"), l = {};
+      r && r.querySelectorAll("[id]").forEach((o) => {
+        const s = o.getAttribute("id"), a = `${Math.random().toString(36).substring(2, 12)}-${s}`;
+        l[s] = a, o.setAttribute("id", a);
       });
-      const v = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], L = (a) => {
-        v.forEach((s) => {
-          const n = a.getAttribute(s);
-          if (n) {
-            const h = n.replace(/url\(#([^)]+)\)/g, (f, c) => d[c] ? `url(#${d[c]})` : f).replace(/#([^\s]+)/g, (f, c) => d[c] ? `#${d[c]}` : f);
-            h !== n && a.setAttribute(s, h);
+      const S = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], b = (o) => {
+        S.forEach((s) => {
+          const a = o.getAttribute(s);
+          if (a) {
+            const p = a.replace(/url\(#([^)]+)\)/g, (d, c) => l[c] ? `url(#${l[c]})` : d).replace(/#([^\s]+)/g, (d, c) => l[c] ? `#${l[c]}` : d);
+            p !== a && o.setAttribute(s, p);
           }
         });
       };
-      o.querySelectorAll("*").forEach((a) => {
-        L(a);
+      n.querySelectorAll("*").forEach((o) => {
+        b(o);
       });
     };
-    return z(() => {
-      i.randomizeIds && l.value && b(l.value);
-    }), (o, r) => (u(), A(F(e.as), {
+    return k(() => {
+      t.randomizeIds && i.value && y(i.value);
+    }), (n, r) => (u(), x(z(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon flag-cf-icon",
-      "data-testid": "kui-icon-wrapper-flag-cf-icon",
+      class: "kui-icon cog-icon",
+      "data-testid": "kui-icon-wrapper-cog-icon",
       style: I(C.value)
     }, {
-      default: M(() => [
+      default: N(() => [
         (u(), m("svg", {
           ref_key: "svgElement",
-          ref: l,
+          ref: i,
           "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-cf-icon",
+          "data-testid": "kui-icon-svg-cog-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -175,16 +125,15 @@ const S = (e) => (w("data-v-aae69541"), e = e(), H(), e), Z = ["aria-hidden"], D
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (u(), m("title", D, N(e.title), 1)) : _("", !0),
-          q,
-          V
-        ], 8, Z))
+          e.title ? (u(), m("title", M, w(e.title), 1)) : q("", !0),
+          H
+        ], 8, $))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
 export {
-  $ as default
+  D as default
 };
 //# sourceMappingURL=kong-icons.es544.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es544.js","sources":["../src/components/flags/FlagCfIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagCfIcon.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-cf-icon\"\n    data-testid=\"kui-icon-wrapper-flag-cf-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-cf-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_2296)\">\n        <path\n          d=\"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M22.541 6.26072C20.9903 3.41874 18.3239 1.27332 15.1305 0.412598L14.6088 6.26072H22.541Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M1.45911 6.26072H9.39129L8.86958 0.412598C5.67612 1.27332 3.00978 3.41879 1.45911 6.26072V6.26072Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M14.6087 12V17.7391H22.5409C23.4711 16.0342 24 14.0789 24 12H14.6087Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M9.39131 12H0C0 14.0789 0.528891 16.0342 1.45908 17.7391H9.39127V12H9.39131Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M1.45911 17.7393C3.00978 20.5812 5.67612 22.7267 8.86958 23.5874L9.39129 18.4729L1.45911 17.7393Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M15.1305 23.5874C18.3239 22.7267 20.9903 20.5812 22.541 17.7393L14.6088 18.4728L15.1305 23.5874Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M14.6087 18.4728L22.5409 17.7393H14.6087V18.4728Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M9.39134 17.7393H1.45911L9.39134 18.4728V17.7393Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12 0C10.9169 0 9.86772 0.144375 8.86957 0.413391V23.5867C9.86772 23.8556 10.9169 24 12 24C13.0832 24 14.1323 23.8556 15.1305 23.5866V0.413391C14.1323 0.144375 13.0832 0 12 0V0Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M6.45457 2.60889L6.77828 3.60531H7.82608L6.97849 4.22115L7.30225 5.21757L6.45457 4.60178L5.60693 5.21757L5.93078 4.22115L5.08319 3.60531H6.13089L6.45457 2.60889Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2296\">\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.es544.js","sources":["../src/components/solid/CogIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * CogIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:39:43 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 cog-icon\"\n    data-testid=\"kui-icon-wrapper-cog-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-cog-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      <path\n        d=\"M9.2502 22L8.8502 18.8C8.63353 18.7167 8.42936 18.6167 8.2377 18.5C8.04603 18.3833 7.85853 18.2583 7.6752 18.125L4.7002 19.375L1.9502 14.625L4.5252 12.675C4.50853 12.5583 4.5002 12.4458 4.5002 12.3375V11.6625C4.5002 11.5542 4.50853 11.4417 4.5252 11.325L1.9502 9.375L4.7002 4.625L7.6752 5.875C7.85853 5.74167 8.0502 5.61667 8.2502 5.5C8.4502 5.38333 8.6502 5.28333 8.8502 5.2L9.2502 2H14.7502L15.1502 5.2C15.3669 5.28333 15.571 5.38333 15.7627 5.5C15.9544 5.61667 16.1419 5.74167 16.3252 5.875L19.3002 4.625L22.0502 9.375L19.4752 11.325C19.4919 11.4417 19.5002 11.5542 19.5002 11.6625V12.3375C19.5002 12.4458 19.4835 12.5583 19.4502 12.675L22.0252 14.625L19.2752 19.375L16.3252 18.125C16.1419 18.2583 15.9502 18.3833 15.7502 18.5C15.5502 18.6167 15.3502 18.7167 15.1502 18.8L14.7502 22H9.2502ZM12.0502 15.5C13.0169 15.5 13.8419 15.1583 14.5252 14.475C15.2085 13.7917 15.5502 12.9667 15.5502 12C15.5502 11.0333 15.2085 10.2083 14.5252 9.525C13.8419 8.84167 13.0169 8.5 12.0502 8.5C11.0669 8.5 10.2377 8.84167 9.5627 9.525C8.8877 10.2083 8.5502 11.0333 8.5502 12C8.5502 12.9667 8.8877 13.7917 9.5627 14.475C10.2377 15.1583 11.0669 15.5 12.0502 15.5Z\"\n        fill=\"currentColor\"\n      />\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;;;;;;;;;;;;;;;;;;;;;;;;;;;"}