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

package/dist/kong-icons874.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("./kong-icons1218.cjs"),m=t=>(e.pushScopeId("data-v-237d3acd"),t=t(),e.popScopeId(),t),N=["aria-hidden"],F={key:0,"data-testid":"kui-icon-svg-title"},H=m(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_247_6274)"},[e.createElementVNode("path",{d:"M12 0C11.104 0 10.2313 0.0990469 9.39135 0.285234L8.86963 12L9.39135 23.7147C10.2313 23.9009 11.1041 24 12 24C18.6274 24 24 18.6274 24 12C23.9999 5.37258 18.6274 0 12 0V0Z",fill:"#496E2D"}),e.createElementVNode("path",{d:"M3.13041 3.91742C1.18584 6.05004 0 8.88645 0 12C0 15.1135 1.18589 17.9499 3.13045 20.0826L3.65217 12L3.13041 3.91742Z",fill:"#496E2D"}),e.createElementVNode("path",{d:"M17.5509 9.0515C18.1413 7.4059 17.478 5.61617 16.0546 4.72479C16.3106 4.75812 16.5669 4.8184 16.8199 4.9091C18.7185 5.59029 19.7054 7.68148 19.0242 9.58001C18.343 11.4787 16.2518 12.4655 14.3532 11.7843C14.1002 11.6936 13.864 11.5771 13.6453 11.4401C15.3107 11.6569 16.9605 10.6971 17.5509 9.0515Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M14.2766 4.27374L13.7636 4.93665L12.9747 4.65357L13.4465 5.34629L12.9336 6.0091L13.7382 5.77445L14.2101 6.46707L14.2355 5.62932L15.0401 5.39462L14.2513 5.11163L14.2766 4.27374Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M15.6617 6.43372L15.1486 7.09658L14.3597 6.8135L14.8316 7.50622L14.3186 8.16903L15.1232 7.93428L15.5952 8.62704L15.6206 7.78925L16.4252 7.5545L15.6363 7.27147L15.6617 6.43372Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M11.8342 5.06042L11.3212 5.72324L10.5323 5.44025L11.0042 6.13293L10.4912 6.79578L11.2958 6.56108L11.7677 7.25375L11.7931 6.416L12.5977 6.1813L11.8089 5.89822L11.8342 5.06042Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M11.7779 7.53455L11.2649 8.19741L10.476 7.91437L10.9479 8.60709L10.4348 9.26991L11.2395 9.03525L11.7114 9.72787L11.7368 8.89012L12.5414 8.65542L11.7525 8.37234L11.7779 7.53455Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M14.1321 8.37927L13.6191 9.04208L12.8302 8.75905L13.3022 9.45177L12.7891 10.1145L13.5938 9.87988L14.0657 10.5726L14.091 9.73476L14.8957 9.5001L14.1067 9.21707L14.1321 8.37927Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M3.13037 3.91737V20.0825C4.76537 21.8757 6.93709 23.1706 9.39123 23.7147V0.285217C6.93704 0.829249 4.76542 2.12417 3.13037 3.91737Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M5.51961 6.31804L4.47144 5.53719V4.43296L5.51961 3.65216H7.00203L8.0502 4.43296V5.53719L7.00203 6.31804H5.51961Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M6.26084 3.65216H5.51961L4.47144 4.43296V4.97282H6.26084V3.65216Z",fill:"#FF9811"}),e.createElementVNode("path",{d:"M6.26074 6.31802H7.00193L8.0501 5.53717V4.97388H6.26074V6.31802Z",fill:"#FF9811"}),e.createElementVNode("path",{d:"M5.51961 20.3478L4.47144 19.5669V18.4627L5.51961 17.6819H7.00203L8.0502 18.4627V19.5669L7.00203 20.3478H5.51961Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M6.26084 17.6819H5.51961L4.47144 18.4627V19.0026H6.26084V17.6819Z",fill:"#FF9811"}),e.createElementVNode("path",{d:"M6.26074 20.3478H7.00193L8.0501 19.5669V19.0037H6.26074V20.3478Z",fill:"#FF9811"}),e.createElementVNode("path",{d:"M5.51961 13.3329L4.47144 12.5521V11.4479L5.51961 10.6671H7.00203L8.0502 11.4479V12.5521L7.00203 13.3329H5.51961Z",fill:"#496E2D"}),e.createElementVNode("path",{d:"M8.08694 15.0509H7.63038V14.5944H6.82811L6.26083 14.0271L5.6936 14.5944H4.89133V15.0509H4.43481V15.9639H4.89133V16.4204H5.69355L6.26088 16.9878L6.82811 16.4204H7.63038V15.9639H8.08694V15.0509Z",fill:"#496E2D"}),e.createElementVNode("path",{d:"M8.08694 8.03599H7.63038V7.57943H6.82811L6.26083 7.01215L5.6936 7.57943H4.89133V8.03599H4.43481V8.94902H4.89133V9.40554H5.69355L6.26088 9.97291L6.82811 9.40554H7.63038V8.94902H8.08694V8.03599Z",fill:"#496E2D"}),e.createElementVNode("path",{d:"M5.73901 11.4782H6.7825V12.5217H5.73901V11.4782Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M6.26073 9.01402C6.54887 9.01402 6.78245 8.78044 6.78245 8.4923C6.78245 8.20416 6.54887 7.97058 6.26073 7.97058C5.97259 7.97058 5.73901 8.20416 5.73901 8.4923C5.73901 8.78044 5.97259 9.01402 6.26073 9.01402Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M6.26073 16.0293C6.54887 16.0293 6.78245 15.7957 6.78245 15.5076C6.78245 15.2194 6.54887 14.9858 6.26073 14.9858C5.97259 14.9858 5.73901 15.2194 5.73901 15.5076C5.73901 15.7957 5.97259 16.0293 6.26073 16.0293Z",fill:"#D80027"})],-1)),C=m(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_247_6274"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),S=e.defineComponent({__name:"FlagTmIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:p.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const l=String(t).replace(/px/gi,""),r=Number(l);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const l=t,r=e.ref(null),f=e.computed(()=>{if(typeof l.size=="number"&&l.size>0)return`${l.size}px`;if(typeof l.size=="string"){const o=String(l.size).replace(/px/gi,""),i=Number(o);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return p.KUI_ICON_SIZE_50}),V=e.computed(()=>({boxSizing:"border-box",color:l.color,display:l.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),h=o=>{if(!o)return;const i=o.querySelector("defs"),d={};i&&i.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 g=["fill","stroke","filter","mask","clip-path","xlink:href","href"],E=a=>{g.forEach(c=>{const n=a.getAttribute(c);if(n){const L=n.replace(/url\(#([^)]+)\)/g,(u,s)=>d[s]?`url(#${d[s]})`:u).replace(/#([^\s]+)/g,(u,s)=>d[s]?`#${d[s]}`:u);L!==n&&a.setAttribute(c,L)}})};o.querySelectorAll("*").forEach(a=>{E(a)})};return e.onMounted(()=>{l.randomizeIds&&r.value&&h(r.value)}),(o,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-tm-icon","data-testid":"kui-icon-wrapper-flag-tm-icon",style:e.normalizeStyle(V.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:r,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-tm-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",F,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),H,C],8,N))]),_:1},8,["aria-hidden","style"]))}});exports.default=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-8a8d2cb5"),t=t(),e.popScopeId(),t),N=["aria-hidden"],b={key:0,"data-testid":"kui-icon-svg-title"},v=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2319)"},[e.createElementVNode("path",{d:"M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12L12 13.0435L0 12Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M1.60577 17.9999C3.6807 21.5866 7.55838 23.9999 12 23.9999C16.4417 23.9999 20.3193 21.5866 22.3943 17.9999L12 17.2173L1.60577 17.9999Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M22.3942 18C23.4153 16.235 24 14.1858 24 12H0C0 14.1858 0.584719 16.235 1.60575 18H22.3942Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M12 16.174C14.3052 16.174 16.1739 14.3052 16.1739 12.0001C16.1739 9.69489 14.3052 7.82617 12 7.82617C9.69483 7.82617 7.82611 9.69489 7.82611 12.0001C7.82611 14.3052 9.69483 16.174 12 16.174Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M12 14.6088C10.5615 14.6088 9.3913 13.4385 9.3913 12.0001V10.4349C9.3913 8.99641 10.5616 7.82617 12 7.82617C13.4384 7.82617 14.6087 8.99645 14.6087 10.4349V12.0001C14.6087 13.4385 13.4384 14.6088 12 14.6088Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M16.1739 5.73928H13.0434C13.0434 5.163 12.5762 4.6958 11.9999 4.6958C11.4236 4.6958 10.9564 5.163 10.9564 5.73928H7.82599C7.82599 6.31561 8.32797 6.78277 8.90421 6.78277H8.86947C8.86947 7.3591 9.33663 7.82625 9.91296 7.82625C9.91296 8.40258 10.3801 8.86974 10.9564 8.86974H13.0434C13.6197 8.86974 14.0869 8.40258 14.0869 7.82625C14.6632 7.82625 15.1304 7.3591 15.1304 6.78277H15.0956C15.6719 6.78277 16.1739 6.31557 16.1739 5.73928V5.73928Z",fill:"black"})],-1)),E=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2319"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),_=e.defineComponent({__name:"FlagEcIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),l=Number(i);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,l=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const n=String(i.size).replace(/px/gi,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),C=n=>{if(!n)return;const r=n.querySelector("defs"),c={};r&&r.querySelectorAll("[id]").forEach(o=>{const d=o.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;c[d]=a,o.setAttribute("id",a)});const S=["fill","stroke","filter","mask","clip-path","xlink:href","href"],y=o=>{S.forEach(d=>{const a=o.getAttribute(d);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,s)=>c[s]?`url(#${c[s]})`:u).replace(/#([^\s]+)/g,(u,s)=>c[s]?`#${c[s]}`:u);p!==a&&o.setAttribute(d,p)}})};n.querySelectorAll("*").forEach(o=>{y(o)})};return e.onMounted(()=>{i.randomizeIds&&l.value&&C(l.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-ec-icon","data-testid":"kui-icon-wrapper-flag-ec-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:l,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-ec-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",b,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),v,E],8,N))]),_:1},8,["aria-hidden","style"]))}});exports.default=_;
 //# sourceMappingURL=kong-icons874.cjs.map

package/dist/kong-icons874.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons874.cjs","sources":["../src/components/flags/FlagTmIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagTmIcon.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-tm-icon\"\n    data-testid=\"kui-icon-wrapper-flag-tm-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-tm-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_247_6274)\">\n        <path\n          d=\"M12 0C11.104 0 10.2313 0.0990469 9.39135 0.285234L8.86963 12L9.39135 23.7147C10.2313 23.9009 11.1041 24 12 24C18.6274 24 24 18.6274 24 12C23.9999 5.37258 18.6274 0 12 0V0Z\"\n          fill=\"#496E2D\"\n        />\n        <path\n          d=\"M3.13041 3.91742C1.18584 6.05004 0 8.88645 0 12C0 15.1135 1.18589 17.9499 3.13045 20.0826L3.65217 12L3.13041 3.91742Z\"\n          fill=\"#496E2D\"\n        />\n        <path\n          d=\"M17.5509 9.0515C18.1413 7.4059 17.478 5.61617 16.0546 4.72479C16.3106 4.75812 16.5669 4.8184 16.8199 4.9091C18.7185 5.59029 19.7054 7.68148 19.0242 9.58001C18.343 11.4787 16.2518 12.4655 14.3532 11.7843C14.1002 11.6936 13.864 11.5771 13.6453 11.4401C15.3107 11.6569 16.9605 10.6971 17.5509 9.0515Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M14.2766 4.27374L13.7636 4.93665L12.9747 4.65357L13.4465 5.34629L12.9336 6.0091L13.7382 5.77445L14.2101 6.46707L14.2355 5.62932L15.0401 5.39462L14.2513 5.11163L14.2766 4.27374Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M15.6617 6.43372L15.1486 7.09658L14.3597 6.8135L14.8316 7.50622L14.3186 8.16903L15.1232 7.93428L15.5952 8.62704L15.6206 7.78925L16.4252 7.5545L15.6363 7.27147L15.6617 6.43372Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M11.8342 5.06042L11.3212 5.72324L10.5323 5.44025L11.0042 6.13293L10.4912 6.79578L11.2958 6.56108L11.7677 7.25375L11.7931 6.416L12.5977 6.1813L11.8089 5.89822L11.8342 5.06042Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M11.7779 7.53455L11.2649 8.19741L10.476 7.91437L10.9479 8.60709L10.4348 9.26991L11.2395 9.03525L11.7114 9.72787L11.7368 8.89012L12.5414 8.65542L11.7525 8.37234L11.7779 7.53455Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M14.1321 8.37927L13.6191 9.04208L12.8302 8.75905L13.3022 9.45177L12.7891 10.1145L13.5938 9.87988L14.0657 10.5726L14.091 9.73476L14.8957 9.5001L14.1067 9.21707L14.1321 8.37927Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M3.13037 3.91737V20.0825C4.76537 21.8757 6.93709 23.1706 9.39123 23.7147V0.285217C6.93704 0.829249 4.76542 2.12417 3.13037 3.91737Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M5.51961 6.31804L4.47144 5.53719V4.43296L5.51961 3.65216H7.00203L8.0502 4.43296V5.53719L7.00203 6.31804H5.51961Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M6.26084 3.65216H5.51961L4.47144 4.43296V4.97282H6.26084V3.65216Z\"\n          fill=\"#FF9811\"\n        />\n        <path\n          d=\"M6.26074 6.31802H7.00193L8.0501 5.53717V4.97388H6.26074V6.31802Z\"\n          fill=\"#FF9811\"\n        />\n        <path\n          d=\"M5.51961 20.3478L4.47144 19.5669V18.4627L5.51961 17.6819H7.00203L8.0502 18.4627V19.5669L7.00203 20.3478H5.51961Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M6.26084 17.6819H5.51961L4.47144 18.4627V19.0026H6.26084V17.6819Z\"\n          fill=\"#FF9811\"\n        />\n        <path\n          d=\"M6.26074 20.3478H7.00193L8.0501 19.5669V19.0037H6.26074V20.3478Z\"\n          fill=\"#FF9811\"\n        />\n        <path\n          d=\"M5.51961 13.3329L4.47144 12.5521V11.4479L5.51961 10.6671H7.00203L8.0502 11.4479V12.5521L7.00203 13.3329H5.51961Z\"\n          fill=\"#496E2D\"\n        />\n        <path\n          d=\"M8.08694 15.0509H7.63038V14.5944H6.82811L6.26083 14.0271L5.6936 14.5944H4.89133V15.0509H4.43481V15.9639H4.89133V16.4204H5.69355L6.26088 16.9878L6.82811 16.4204H7.63038V15.9639H8.08694V15.0509Z\"\n          fill=\"#496E2D\"\n        />\n        <path\n          d=\"M8.08694 8.03599H7.63038V7.57943H6.82811L6.26083 7.01215L5.6936 7.57943H4.89133V8.03599H4.43481V8.94902H4.89133V9.40554H5.69355L6.26088 9.97291L6.82811 9.40554H7.63038V8.94902H8.08694V8.03599Z\"\n          fill=\"#496E2D\"\n        />\n        <path\n          d=\"M5.73901 11.4782H6.7825V12.5217H5.73901V11.4782Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M6.26073 9.01402C6.54887 9.01402 6.78245 8.78044 6.78245 8.4923C6.78245 8.20416 6.54887 7.97058 6.26073 7.97058C5.97259 7.97058 5.73901 8.20416 5.73901 8.4923C5.73901 8.78044 5.97259 9.01402 6.26073 9.01402Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M6.26073 16.0293C6.54887 16.0293 6.78245 15.7957 6.78245 15.5076C6.78245 15.2194 6.54887 14.9858 6.26073 14.9858C5.97259 14.9858 5.73901 15.2194 5.73901 15.5076C5.73901 15.7957 5.97259 16.0293 6.26073 16.0293Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_247_6274\">\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":"inKAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons874.cjs","sources":["../src/components/flags/FlagEcIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagEcIcon.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 flag-ec-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ec-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ec-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_2319)\">\n        <path\n          d=\"M0 12C0 5.37262 5.37262 0 12 0C18.6274 0 24 5.37262 24 12L12 13.0435L0 12Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M1.60577 17.9999C3.6807 21.5866 7.55838 23.9999 12 23.9999C16.4417 23.9999 20.3193 21.5866 22.3943 17.9999L12 17.2173L1.60577 17.9999Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M22.3942 18C23.4153 16.235 24 14.1858 24 12H0C0 14.1858 0.584719 16.235 1.60575 18H22.3942Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M12 16.174C14.3052 16.174 16.1739 14.3052 16.1739 12.0001C16.1739 9.69489 14.3052 7.82617 12 7.82617C9.69483 7.82617 7.82611 9.69489 7.82611 12.0001C7.82611 14.3052 9.69483 16.174 12 16.174Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M12 14.6088C10.5615 14.6088 9.3913 13.4385 9.3913 12.0001V10.4349C9.3913 8.99641 10.5616 7.82617 12 7.82617C13.4384 7.82617 14.6087 8.99645 14.6087 10.4349V12.0001C14.6087 13.4385 13.4384 14.6088 12 14.6088Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M16.1739 5.73928H13.0434C13.0434 5.163 12.5762 4.6958 11.9999 4.6958C11.4236 4.6958 10.9564 5.163 10.9564 5.73928H7.82599C7.82599 6.31561 8.32797 6.78277 8.90421 6.78277H8.86947C8.86947 7.3591 9.33663 7.82625 9.91296 7.82625C9.91296 8.40258 10.3801 8.86974 10.9564 8.86974H13.0434C13.6197 8.86974 14.0869 8.40258 14.0869 7.82625C14.6632 7.82625 15.1304 7.3591 15.1304 6.78277H15.0956C15.6719 6.78277 16.1739 6.31557 16.1739 5.73928V5.73928Z\"\n          fill=\"black\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2319\">\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":"ogFAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons876.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-ad59cecf"),t=t(),e.popScopeId(),t),v=["aria-hidden"],N={key:0,"data-testid":"kui-icon-svg-title"},b=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_247_6272)"},[e.createElementVNode("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:"#D80027"}),e.createElementVNode("path",{d:"M11.9999 17.7391C15.1695 17.7391 17.739 15.1696 17.739 12C17.739 8.83037 15.1695 6.26086 11.9999 6.26086C8.83024 6.26086 6.26074 8.83037 6.26074 12C6.26074 15.1696 8.83024 17.7391 11.9999 17.7391Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12.7072 9.8056L13.6918 11.1624L15.2863 10.6454L14.3002 12.001L15.2847 13.3577L13.6906 12.8387L12.7045 14.1944L12.7056 12.5181L11.1116 11.9991L12.7062 11.482L12.7072 9.8056Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M13.3044 15.3913C11.4315 15.3913 9.91309 13.8729 9.91309 12C9.91309 10.127 11.4315 8.60867 13.3044 8.60867C13.8884 8.60867 14.4379 8.75633 14.9176 9.0163C14.165 8.28032 13.1359 7.82605 12.0001 7.82605C9.69494 7.82605 7.82617 9.69477 7.82617 11.9999C7.82617 14.3051 9.69494 16.1738 12.0001 16.1738C13.1359 16.1738 14.1651 15.7196 14.9176 14.9836C14.4379 15.2436 13.8884 15.3913 13.3044 15.3913Z",fill:"#D80027"})],-1)),_=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_247_6272"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),k=e.defineComponent({__name:"FlagTnIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),n=Number(i);if(n&&!isNaN(n)&&Number.isInteger(n)&&n>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,n=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),r=Number(l);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),S=l=>{if(!l)return;const r=l.querySelector("defs"),c={};r&&r.querySelectorAll("[id]").forEach(o=>{const d=o.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;c[d]=a,o.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],C=o=>{y.forEach(d=>{const a=o.getAttribute(d);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,s)=>c[s]?`url(#${c[s]})`:u).replace(/#([^\s]+)/g,(u,s)=>c[s]?`#${c[s]}`:u);p!==a&&o.setAttribute(d,p)}})};l.querySelectorAll("*").forEach(o=>{C(o)})};return e.onMounted(()=>{i.randomizeIds&&n.value&&S(n.value)}),(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-tn-icon","data-testid":"kui-icon-wrapper-flag-tn-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:n,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-tn-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",N,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),b,_],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-e9d7261f"),t=t(),e.popScopeId(),t),v=["aria-hidden"],N={key:0,"data-testid":"kui-icon-svg-title"},_=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2326)"},[e.createElementVNode("path",{d:"M0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999C24 10.532 23.736 9.12595 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.12595 0 10.532 0 11.9999H0Z",fill:"black"}),e.createElementVNode("path",{d:"M12 0C6.84041 0 2.4419 3.2565 0.746384 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0V0Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M23.2536 16.1738H0.746384C2.4419 20.7434 6.84041 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738Z",fill:"#F0F0F0"})],-1)),k=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2326"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),E=e.defineComponent({__name:"FlagEeIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),o=Number(i);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,o=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),r=Number(l);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),S=l=>{if(!l)return;const r=l.querySelector("defs"),c={};r&&r.querySelectorAll("[id]").forEach(n=>{const s=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${s}`;c[s]=a,n.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],b=n=>{y.forEach(s=>{const a=n.getAttribute(s);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,d)=>c[d]?`url(#${c[d]})`:u).replace(/#([^\s]+)/g,(u,d)=>c[d]?`#${c[d]}`:u);p!==a&&n.setAttribute(s,p)}})};l.querySelectorAll("*").forEach(n=>{b(n)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&S(o.value)}),(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-ee-icon","data-testid":"kui-icon-wrapper-flag-ee-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-ee-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",N,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),_,k],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=E;
 //# sourceMappingURL=kong-icons876.cjs.map

package/dist/kong-icons876.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons876.cjs","sources":["../src/components/flags/FlagTnIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagTnIcon.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-tn-icon\"\n    data-testid=\"kui-icon-wrapper-flag-tn-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-tn-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_247_6272)\">\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=\"M11.9999 17.7391C15.1695 17.7391 17.739 15.1696 17.739 12C17.739 8.83037 15.1695 6.26086 11.9999 6.26086C8.83024 6.26086 6.26074 8.83037 6.26074 12C6.26074 15.1696 8.83024 17.7391 11.9999 17.7391Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12.7072 9.8056L13.6918 11.1624L15.2863 10.6454L14.3002 12.001L15.2847 13.3577L13.6906 12.8387L12.7045 14.1944L12.7056 12.5181L11.1116 11.9991L12.7062 11.482L12.7072 9.8056Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M13.3044 15.3913C11.4315 15.3913 9.91309 13.8729 9.91309 12C9.91309 10.127 11.4315 8.60867 13.3044 8.60867C13.8884 8.60867 14.4379 8.75633 14.9176 9.0163C14.165 8.28032 13.1359 7.82605 12.0001 7.82605C9.69494 7.82605 7.82617 9.69477 7.82617 11.9999C7.82617 14.3051 9.69494 16.1738 12.0001 16.1738C13.1359 16.1738 14.1651 15.7196 14.9176 14.9836C14.4379 15.2436 13.8884 15.3913 13.3044 15.3913Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_247_6272\">\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":"+pEAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons876.cjs","sources":["../src/components/flags/FlagEeIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagEeIcon.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 flag-ee-icon\"\n    data-testid=\"kui-icon-wrapper-flag-ee-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-ee-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_2326)\">\n        <path\n          d=\"M0 11.9999C0 13.4677 0.264047 14.8738 0.746391 16.1737L12 16.6955L23.2536 16.1738C23.736 14.8738 24 13.4677 24 11.9999C24 10.532 23.736 9.12595 23.2536 7.82596L12 7.3042L0.746391 7.82592C0.264047 9.12595 0 10.532 0 11.9999H0Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M12 0C6.84041 0 2.4419 3.2565 0.746384 7.82611H23.2536C21.5581 3.2565 17.1596 0 12 0V0Z\"\n          fill=\"#0052B4\"\n        />\n        <path\n          d=\"M23.2536 16.1738H0.746384C2.4419 20.7434 6.84041 23.9999 12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2326\">\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":"uqDAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons878.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-e0ba90a2"),t=t(),e.popScopeId(),t),v=["aria-hidden"],N={key:0,"data-testid":"kui-icon-svg-title"},_=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_247_6269)"},[e.createElementVNode("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"}),e.createElementVNode("path",{d:"M7.82601 6.26088V4.69568H6.26076V6.26088H4.69556V7.82613H6.26076V9.39134H7.82601V7.82613H9.39121V6.26088H7.82601Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M12 0V12C5.37262 12 2.73867 12 0 12C0 18.6274 5.37262 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z",fill:"#D80027"})],-1)),k=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_247_6269"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),I=e.defineComponent({__name:"FlagToIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),o=Number(i);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,o=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),r=Number(l);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),S=l=>{if(!l)return;const r=l.querySelector("defs"),c={};r&&r.querySelectorAll("[id]").forEach(n=>{const s=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${s}`;c[s]=a,n.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],b=n=>{y.forEach(s=>{const a=n.getAttribute(s);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,d)=>c[d]?`url(#${c[d]})`:u).replace(/#([^\s]+)/g,(u,d)=>c[d]?`#${c[d]}`:u);p!==a&&n.setAttribute(s,p)}})};l.querySelectorAll("*").forEach(n=>{b(n)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&S(o.value)}),(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-to-icon","data-testid":"kui-icon-wrapper-flag-to-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-to-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",N,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),_,k],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-b8be48e4"),t=t(),e.popScopeId(),t),C=["aria-hidden"],v={key:0,"data-testid":"kui-icon-svg-title"},N=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2320)"},[e.createElementVNode("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"}),e.createElementVNode("path",{d:"M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z",fill:"black"}),e.createElementVNode("path",{d:"M16.1739 10.6958H13.0434C13.0434 10.1195 12.5762 9.65234 11.9999 9.65234C11.4236 9.65234 10.9564 10.1195 10.9564 10.6958H7.82599C7.82599 11.2722 8.32797 11.7393 8.90425 11.7393H8.86947C8.86947 12.3156 9.33663 12.7828 9.91296 12.7828C9.91296 13.3591 10.3801 13.8263 10.9564 13.8263H13.0434C13.6197 13.8263 14.0869 13.3591 14.0869 12.7828C14.6632 12.7828 15.1304 12.3156 15.1304 11.7393H15.0956C15.6719 11.7393 16.1739 11.2722 16.1739 10.6958V10.6958Z",fill:"#FF9811"})],-1)),_=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2320"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),k=e.defineComponent({__name:"FlagEgIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),o=Number(i);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,o=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const n=String(i.size).replace(/px/gi,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),S=n=>{if(!n)return;const r=n.querySelector("defs"),c={};r&&r.querySelectorAll("[id]").forEach(l=>{const d=l.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;c[d]=a,l.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],b=l=>{y.forEach(d=>{const a=l.getAttribute(d);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,s)=>c[s]?`url(#${c[s]})`:u).replace(/#([^\s]+)/g,(u,s)=>c[s]?`#${c[s]}`:u);p!==a&&l.setAttribute(d,p)}})};n.querySelectorAll("*").forEach(l=>{b(l)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&S(o.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-eg-icon","data-testid":"kui-icon-wrapper-flag-eg-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-eg-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",v,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),N,_],8,C))]),_:1},8,["aria-hidden","style"]))}});exports.default=k;
 //# sourceMappingURL=kong-icons878.cjs.map

package/dist/kong-icons878.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons878.cjs","sources":["../src/components/flags/FlagToIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagToIcon.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-to-icon\"\n    data-testid=\"kui-icon-wrapper-flag-to-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-to-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_247_6269)\">\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=\"M7.82601 6.26088V4.69568H6.26076V6.26088H4.69556V7.82613H6.26076V9.39134H7.82601V7.82613H9.39121V6.26088H7.82601Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12 0V12C5.37262 12 2.73867 12 0 12C0 18.6274 5.37262 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_247_6269\">\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":"wlDAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons878.cjs","sources":["../src/components/flags/FlagEgIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagEgIcon.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 flag-eg-icon\"\n    data-testid=\"kui-icon-wrapper-flag-eg-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-eg-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_2320)\">\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=\"M12 0C6.84043 0 2.44191 3.2565 0.746399 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746399C2.44191 20.7434 6.84043 23.9999 12 23.9999Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M16.1739 10.6958H13.0434C13.0434 10.1195 12.5762 9.65234 11.9999 9.65234C11.4236 9.65234 10.9564 10.1195 10.9564 10.6958H7.82599C7.82599 11.2722 8.32797 11.7393 8.90425 11.7393H8.86947C8.86947 12.3156 9.33663 12.7828 9.91296 12.7828C9.91296 13.3591 10.3801 13.8263 10.9564 13.8263H13.0434C13.6197 13.8263 14.0869 13.3591 14.0869 12.7828C14.6632 12.7828 15.1304 12.3156 15.1304 11.7393H15.0956C15.6719 11.7393 16.1739 11.2722 16.1739 10.6958V10.6958Z\"\n          fill=\"#FF9811\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2320\">\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":"wiEAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons88.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons642.cjs");;/* empty css                */const t=require("./kong-icons409.cjs"),u=t.default(e.default,[["__scopeId","data-v-a02d5f3b"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./kong-icons934.cjs");;/* empty css                */const t=require("./kong-icons409.cjs"),u=t.default(e.default,[["__scopeId","data-v-14a0f075"]]);exports.default=u;
 //# sourceMappingURL=kong-icons88.cjs.map

package/dist/kong-icons880.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-3368a9fa"),t=t(),e.popScopeId(),t),b=["aria-hidden"],N={key:0,"data-testid":"kui-icon-svg-title"},C=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_247_6273)"},[e.createElementVNode("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:"#D80027"}),e.createElementVNode("path",{d:"M11.5085 9.8056L12.4931 11.1624L14.0876 10.6454L13.1015 12.001L14.0859 13.3577L12.492 12.8387L11.5058 14.1944L11.5069 12.5181L9.91284 11.9991L11.5074 11.482L11.5085 9.8056Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M8.8215 15.3913C6.94856 15.3913 5.43018 13.8729 5.43018 12C5.43018 10.127 6.94856 8.60867 8.8215 8.60867C9.40547 8.60867 9.95493 8.75638 10.4347 9.0163C9.68207 8.28027 8.65284 7.82605 7.51715 7.82605C5.21193 7.82605 3.34326 9.69477 3.34326 11.9999C3.34326 14.3051 5.21198 16.1738 7.51715 16.1738C8.65293 16.1738 9.68212 15.7196 10.4347 14.9836C9.95493 15.2436 9.40547 15.3913 8.8215 15.3913Z",fill:"#F0F0F0"})],-1)),_=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_247_6273"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),k=e.defineComponent({__name:"FlagTrIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),o=Number(r);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,o=e.ref(null),f=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const l=String(r.size).replace(/px/gi,""),i=Number(l);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),S=l=>{if(!l)return;const i=l.querySelector("defs"),c={};i&&i.querySelectorAll("[id]").forEach(n=>{const s=n.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${s}`;c[s]=a,n.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],v=n=>{y.forEach(s=>{const a=n.getAttribute(s);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,d)=>c[d]?`url(#${c[d]})`:u).replace(/#([^\s]+)/g,(u,d)=>c[d]?`#${c[d]}`:u);p!==a&&n.setAttribute(s,p)}})};l.querySelectorAll("*").forEach(n=>{v(n)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&S(o.value)}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-tr-icon","data-testid":"kui-icon-wrapper-flag-tr-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-tr-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",N,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),C,_],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-bf9417f0"),t=t(),e.popScopeId(),t),b=["aria-hidden"],v={key:0,"data-testid":"kui-icon-svg-title"},N=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2324)"},[e.createElementVNode("path",{d:"M10.9565 10.9565C10.9565 10.9565 3.52174 20.487 3.51471 20.4853C5.68624 22.6569 8.68629 24 12 24C18.6274 24 24 18.6274 24 12L10.9565 10.9565Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M10.9565 12C10.9565 12 3.52174 3.51305 3.51471 3.51473C5.68624 1.34316 8.68629 0 12 0C18.6274 0 24 5.37262 24 12H10.9565Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C3.51438 20.4872 24 12 24 12L3.51471 3.51465Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M6.26087 7.04346C3.95935 7.04346 2.08698 8.91588 2.08698 11.2173V12.7826C2.08698 15.0841 3.9594 16.9564 6.26087 16.9564C8.56233 16.9564 10.4348 15.084 10.4348 12.7826V11.2173C10.4348 8.91588 8.56238 7.04346 6.26087 7.04346ZM8.86955 12.7826C8.86955 13.9485 8.10071 14.938 7.04344 15.2712V13.5652L8.15082 12.4578L7.04405 11.3511L7.04344 10.9572V10.4348H5.47829V12L4.37166 13.1066L5.47829 14.2131V15.2712C4.42102 14.938 3.65218 13.9485 3.65218 12.7826V11.2174C3.65218 9.77899 4.82246 8.60875 6.26087 8.60875C7.69927 8.60875 8.86955 9.77904 8.86955 11.2174V12.7826Z",fill:"#FFDA44"})],-1)),_=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2324"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),E=e.defineComponent({__name:"FlagErIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const r=String(t).replace(/px/gi,""),o=Number(r);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const r=t,o=e.ref(null),f=e.computed(()=>{if(typeof r.size=="number"&&r.size>0)return`${r.size}px`;if(typeof r.size=="string"){const n=String(r.size).replace(/px/gi,""),i=Number(n);if(i&&!isNaN(i)&&Number.isInteger(i)&&i>0)return`${i}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:r.color,display:r.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),S=n=>{if(!n)return;const i=n.querySelector("defs"),c={};i&&i.querySelectorAll("[id]").forEach(l=>{const d=l.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;c[d]=a,l.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],C=l=>{y.forEach(d=>{const a=l.getAttribute(d);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,s)=>c[s]?`url(#${c[s]})`:u).replace(/#([^\s]+)/g,(u,s)=>c[s]?`#${c[s]}`:u);p!==a&&l.setAttribute(d,p)}})};n.querySelectorAll("*").forEach(l=>{C(l)})};return e.onMounted(()=>{r.randomizeIds&&o.value&&S(o.value)}),(n,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-er-icon","data-testid":"kui-icon-wrapper-flag-er-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-er-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",v,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),N,_],8,b))]),_:1},8,["aria-hidden","style"]))}});exports.default=E;
 //# sourceMappingURL=kong-icons880.cjs.map

package/dist/kong-icons880.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons880.cjs","sources":["../src/components/flags/FlagTrIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagTrIcon.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-tr-icon\"\n    data-testid=\"kui-icon-wrapper-flag-tr-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-tr-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_247_6273)\">\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=\"M11.5085 9.8056L12.4931 11.1624L14.0876 10.6454L13.1015 12.001L14.0859 13.3577L12.492 12.8387L11.5058 14.1944L11.5069 12.5181L9.91284 11.9991L11.5074 11.482L11.5085 9.8056Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M8.8215 15.3913C6.94856 15.3913 5.43018 13.8729 5.43018 12C5.43018 10.127 6.94856 8.60867 8.8215 8.60867C9.40547 8.60867 9.95493 8.75638 10.4347 9.0163C9.68207 8.28027 8.65284 7.82605 7.51715 7.82605C5.21193 7.82605 3.34326 9.69477 3.34326 11.9999C3.34326 14.3051 5.21198 16.1738 7.51715 16.1738C8.65293 16.1738 9.68212 15.7196 10.4347 14.9836C9.95493 15.2436 9.40547 15.3913 8.8215 15.3913Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_247_6273\">\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":"q6DAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons880.cjs","sources":["../src/components/flags/FlagErIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagErIcon.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 flag-er-icon\"\n    data-testid=\"kui-icon-wrapper-flag-er-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-er-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_2324)\">\n        <path\n          d=\"M10.9565 10.9565C10.9565 10.9565 3.52174 20.487 3.51471 20.4853C5.68624 22.6569 8.68629 24 12 24C18.6274 24 24 18.6274 24 12L10.9565 10.9565Z\"\n          fill=\"#338AF3\"\n        />\n        <path\n          d=\"M10.9565 12C10.9565 12 3.52174 3.51305 3.51471 3.51473C5.68624 1.34316 8.68629 0 12 0C18.6274 0 24 5.37262 24 12H10.9565Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C3.51438 20.4872 24 12 24 12L3.51471 3.51465Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M6.26087 7.04346C3.95935 7.04346 2.08698 8.91588 2.08698 11.2173V12.7826C2.08698 15.0841 3.9594 16.9564 6.26087 16.9564C8.56233 16.9564 10.4348 15.084 10.4348 12.7826V11.2173C10.4348 8.91588 8.56238 7.04346 6.26087 7.04346ZM8.86955 12.7826C8.86955 13.9485 8.10071 14.938 7.04344 15.2712V13.5652L8.15082 12.4578L7.04405 11.3511L7.04344 10.9572V10.4348H5.47829V12L4.37166 13.1066L5.47829 14.2131V15.2712C4.42102 14.938 3.65218 13.9485 3.65218 12.7826V11.2174C3.65218 9.77899 4.82246 8.60875 6.26087 8.60875C7.69927 8.60875 8.86955 9.77904 8.86955 11.2174V12.7826Z\"\n          fill=\"#FFDA44\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2324\">\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":"stEAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons882.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-07f8846f"),t=t(),e.popScopeId(),t),v=["aria-hidden"],N={key:0,"data-testid":"kui-icon-svg-title"},C=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_247_6271)"},[e.createElementVNode("path",{d:"M6.49763 1.33246C5.42335 1.88694 4.41493 2.61374 3.51436 3.5143C2.61375 4.41491 1.88696 5.42333 1.33252 6.49761L9.04847 14.9515L17.5023 22.6674C18.5767 22.1129 19.5851 21.3861 20.4856 20.4856C21.3863 19.585 22.113 18.5766 22.6675 17.5023L14.9515 9.04841L6.49763 1.33246Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M20.4856 20.4856C20.989 19.9822 21.438 19.4451 21.8332 18.8817L5.11828 2.16675C4.55489 2.56195 4.01775 3.01092 3.51436 3.51431C3.01097 4.0177 2.562 4.55484 2.16675 5.11828L18.8817 21.8332C19.445 21.4379 19.9822 20.989 20.4856 20.4856Z",fill:"black"}),e.createElementVNode("path",{d:"M3.51431 20.4856C7.30026 24.2716 12.9861 24.9983 17.5023 22.6674L1.33251 6.49762C-0.998347 11.0138 -0.271457 16.6997 3.51431 20.4856Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M20.4855 3.51419C16.6996 -0.27172 11.0138 -0.99847 6.49756 1.3323L22.6673 17.5022C24.9982 12.986 24.2715 7.30009 20.4855 3.51419Z",fill:"#D80027"})],-1)),_=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_247_6271"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),k=e.defineComponent({__name:"FlagTtIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),o=Number(i);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,o=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const n=String(i.size).replace(/px/gi,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),S=n=>{if(!n)return;const r=n.querySelector("defs"),c={};r&&r.querySelectorAll("[id]").forEach(l=>{const d=l.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;c[d]=a,l.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],b=l=>{y.forEach(d=>{const a=l.getAttribute(d);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,s)=>c[s]?`url(#${c[s]})`:u).replace(/#([^\s]+)/g,(u,s)=>c[s]?`#${c[s]}`:u);p!==a&&l.setAttribute(d,p)}})};n.querySelectorAll("*").forEach(l=>{b(l)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&S(o.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-tt-icon","data-testid":"kui-icon-wrapper-flag-tt-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-tt-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",N,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),C,_],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-bc01b392"),t=t(),e.popScopeId(),t),v=["aria-hidden"],N={key:0,"data-testid":"kui-icon-svg-title"},_=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_246_5334)"},[e.createElementVNode("path",{d:"M0 12C0 13.4679 0.264047 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12612 23.2536 7.82614L12 6.78265L0.746391 7.82614C0.264047 9.12612 0 10.5322 0 12H0Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M23.2538 7.82611C21.5583 3.25655 17.1598 0 12.0002 0C6.84061 0 2.4421 3.25655 0.746582 7.82611H23.2538Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M0.746582 16.1739C2.4421 20.7435 6.84061 24 12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582Z",fill:"#D80027"})],-1)),k=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_246_5334"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),E=e.defineComponent({__name:"FlagEsIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),o=Number(i);if(o&&!isNaN(o)&&Number.isInteger(o)&&o>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,o=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const l=String(i.size).replace(/px/gi,""),r=Number(l);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),S=l=>{if(!l)return;const r=l.querySelector("defs"),s={};r&&r.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 y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],b=n=>{y.forEach(c=>{const a=n.getAttribute(c);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,d)=>s[d]?`url(#${s[d]})`:u).replace(/#([^\s]+)/g,(u,d)=>s[d]?`#${s[d]}`:u);p!==a&&n.setAttribute(c,p)}})};l.querySelectorAll("*").forEach(n=>{b(n)})};return e.onMounted(()=>{i.randomizeIds&&o.value&&S(o.value)}),(l,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-es-icon","data-testid":"kui-icon-wrapper-flag-es-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:o,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-es-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",N,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),_,k],8,v))]),_:1},8,["aria-hidden","style"]))}});exports.default=E;
 //# sourceMappingURL=kong-icons882.cjs.map

package/dist/kong-icons882.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"kong-icons882.cjs","sources":["../src/components/flags/FlagTtIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagTtIcon.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-tt-icon\"\n    data-testid=\"kui-icon-wrapper-flag-tt-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-tt-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_247_6271)\">\n        <path\n          d=\"M6.49763 1.33246C5.42335 1.88694 4.41493 2.61374 3.51436 3.5143C2.61375 4.41491 1.88696 5.42333 1.33252 6.49761L9.04847 14.9515L17.5023 22.6674C18.5767 22.1129 19.5851 21.3861 20.4856 20.4856C21.3863 19.585 22.113 18.5766 22.6675 17.5023L14.9515 9.04841L6.49763 1.33246Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M20.4856 20.4856C20.989 19.9822 21.438 19.4451 21.8332 18.8817L5.11828 2.16675C4.55489 2.56195 4.01775 3.01092 3.51436 3.51431C3.01097 4.0177 2.562 4.55484 2.16675 5.11828L18.8817 21.8332C19.445 21.4379 19.9822 20.989 20.4856 20.4856Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M3.51431 20.4856C7.30026 24.2716 12.9861 24.9983 17.5023 22.6674L1.33251 6.49762C-0.998347 11.0138 -0.271457 16.6997 3.51431 20.4856Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M20.4855 3.51419C16.6996 -0.27172 11.0138 -0.99847 6.49756 1.3323L22.6673 17.5022C24.9982 12.986 24.2715 7.30009 20.4855 3.51419Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_247_6271\">\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":"gjEAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}
+{"version":3,"file":"kong-icons882.cjs","sources":["../src/components/flags/FlagEsIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagEsIcon.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 flag-es-icon\"\n    data-testid=\"kui-icon-wrapper-flag-es-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-es-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_5334)\">\n        <path\n          d=\"M0 12C0 13.4679 0.264047 14.8739 0.746391 16.1739L12 17.2174L23.2536 16.1739C23.736 14.8739 24 13.4679 24 12C24 10.5322 23.736 9.12612 23.2536 7.82614L12 6.78265L0.746391 7.82614C0.264047 9.12612 0 10.5322 0 12H0Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M23.2538 7.82611C21.5583 3.25655 17.1598 0 12.0002 0C6.84061 0 2.4421 3.25655 0.746582 7.82611H23.2538Z\"\n          fill=\"#D80027\"\n        />\n        <path\n          d=\"M0.746582 16.1739C2.4421 20.7435 6.84061 24 12.0002 24C17.1598 24 21.5583 20.7435 23.2538 16.1739H0.746582Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_246_5334\">\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":"wqDAaA,MAAMA,EAAQC,EA+DRC,EAAaC,MAAuB,IAAI,EAExCC,EAAWC,EAAAA,SAAS,IAAc,CAEtC,GAAI,OAAOL,EAAM,MAAS,UAAYA,EAAM,KAAO,EAC1C,MAAA,GAAGA,EAAM,IAAI,KAGlB,GAAA,OAAOA,EAAM,MAAS,SAAU,CAElC,MAAMM,EAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,OAAQ,EAAE,EACrDO,EAAa,OAAOD,CAAa,EACnC,GAAAC,GAAc,CAAC,MAAMA,CAAU,GAAK,OAAO,UAAUA,CAAU,GAAKA,EAAa,EACnF,MAAO,GAAGA,CAAU,IAExB,CAGO,OAAAC,kBAAA,CACR,EAMKC,EAAoBJ,EAAAA,SAAS,KAA+B,CAChE,UAAW,aACX,MAAOL,EAAM,MACb,QAASA,EAAM,QACf,WAAY,IACZ,OAAQI,EAAS,MACjB,WAAY,IACZ,MAAOA,EAAS,KAChB,EAAA,EAOIM,EAAgBR,GAAiC,CACrD,GAAI,CAACA,EACH,OAGI,MAAAS,EAAcT,EAAW,cAAc,MAAM,EAG7CU,EAAgC,CAAA,EAElCD,GAEFA,EAAY,iBAAiB,MAAM,EAAE,QAASE,GAAY,CAClD,MAAAC,EAAaD,EAAQ,aAAa,IAAI,EACtCE,EAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,EAAG,EAAE,CAAC,IAAID,CAAU,GAG1EF,EAAME,CAAW,EAAIC,EAGbF,EAAA,aAAa,KAAME,CAAK,CAAA,CACjC,EAIG,MAAAC,EAAwB,CAAC,OAAQ,SAAU,SAAU,OAAQ,YAAa,aAAc,MAAM,EAG9FC,EAAoBJ,GAA2B,CAC7BG,EAAA,QAASE,GAAS,CAChC,MAAAC,EAAYN,EAAQ,aAAaK,CAAI,EAC3C,GAAIC,EAAW,CAEb,MAAMC,EAAeD,EAAU,QAAQ,mBAAoB,CAACE,EAAOC,IAC1DV,EAAMU,CAAE,EAAI,QAAQV,EAAMU,CAAE,CAAC,IAAMD,CAC3C,EAAE,QAAQ,aAAc,CAACA,EAAOC,IACxBV,EAAMU,CAAE,EAAI,IAAIV,EAAMU,CAAE,CAAC,GAAKD,CACtC,EAGGD,IAAiBD,GACXN,EAAA,aAAaK,EAAME,CAAY,CAE3C,CAAA,CACD,CAAA,EAIHlB,EAAW,iBAAiB,GAAG,EAAE,QAASW,GAAY,CACpDI,EAAiBJ,CAAO,CAAA,CACzB,CAAA,EAGHU,OAAAA,EAAAA,UAAU,IAAM,CACVvB,EAAM,cAAgBE,EAAW,OACnCQ,EAAaR,EAAW,KAAK,CAC/B,CACD"}

package/dist/kong-icons884.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-3dd2b8f3"),t=t(),e.popScopeId(),t),S=["aria-hidden"],v={key:0,"data-testid":"kui-icon-svg-title"},y=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_247_6276)"},[e.createElementVNode("path",{d:"M24 12C24 18.6274 18.6274 24 12 24C5.37263 24 0 18.6274 0 12C0 12.0029 12 0.0013125 12 0C18.6274 0 24 5.37262 24 12Z",fill:"#338AF3"}),e.createElementVNode("path",{d:"M5.73926 12H9.78654L6.26098 7.82611L5.73926 9.39131V12Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M12.0001 9.78646L7.82617 5.73914H12.0001L12.0001 9.78646Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M11.9678 12H11.9999C11.9999 11.9892 11.9999 11.9787 11.9999 11.9679C11.9892 11.9786 11.9785 11.9893 11.9678 12Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M12 6.26086C12 4.14937 12 2.76581 12 0H11.998C5.3715 0.001125 0 5.37323 0 12H6.26091V8.47448L9.78642 12H11.968C11.9787 11.9893 11.9894 11.9786 12.0001 11.9679C12.0001 11.1594 12.0001 10.4381 12.0001 9.78647L8.47444 6.26086H12Z",fill:"#F0F0F0"}),e.createElementVNode("path",{d:"M6.071 1.56519C4.19417 2.63389 2.63389 4.19417 1.56519 6.071V12H4.69564V4.69573V4.69564H12C12 3.70831 12 2.76772 12 1.56519H6.071Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M12.0001 10.5243L7.73661 6.26086H6.26099V6.26096L12 12H12.0001C12.0001 12 12.0001 10.9824 12.0001 10.5243Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M13.0972 19.8261L13.3562 20.6233H14.1944L13.5163 21.1159L13.7753 21.913L13.0972 21.4204L12.4191 21.913L12.6781 21.1159L12 20.6233H12.8381L13.0972 19.8261Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M19.7725 14.6087L20.0315 15.4059H20.8697L20.1916 15.8986L20.4507 16.6957L19.7725 16.2031L19.0944 16.6957L19.3535 15.8986L18.6753 15.4059H19.5135L19.7725 14.6087Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M21.4451 6.78265L21.7041 7.57981H22.5423L21.8642 8.07247L22.1232 8.86958L21.4451 8.37697L20.767 8.86958L21.026 8.07247L20.3479 7.57981H21.1861L21.4451 6.78265Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M21.8594 12.5217L22.1184 13.3189H22.9566L22.2785 13.8116L22.5376 14.6087L21.8594 14.1161L21.1814 14.6087L21.4404 13.8116L20.7622 13.3189H21.6004L21.8594 12.5217Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M14.299 17.9513L15.0459 18.3318L15.6386 17.7392L15.5075 18.567L16.2543 18.9475L15.4264 19.0787L15.2953 19.9065L14.9148 19.1597L14.0869 19.2909L14.6796 18.6982L14.299 17.9513Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M14.299 14.8208L15.0459 15.2013L15.6386 14.6087L15.5075 15.4365L16.2543 15.817L15.4264 15.9482L15.2953 16.776L14.9148 16.0292L14.0869 16.1604L14.6796 15.5677L14.299 14.8208Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M16.9076 16.8274L17.6546 17.208L18.2472 16.6154L18.1162 17.4431L18.8629 17.8237L18.035 17.9548L17.9039 18.7827L17.5235 18.0358L16.6956 18.167L17.2882 17.5744L16.9076 16.8274Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M16.9076 10.1252L17.6546 10.5057L18.2472 9.91309L18.1162 10.7409L18.8629 11.1214L18.035 11.2525L17.9039 12.0804L17.5235 11.3336L16.6956 11.4647L17.2882 10.8721L16.9076 10.1252Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M19.4359 10.0448L20.1829 10.4253L20.7755 9.8327L20.6444 10.6605L21.3912 11.041L20.5633 11.1722L20.4322 12L20.0518 11.2532L19.2239 11.3844L19.8165 10.7917L19.4359 10.0448Z",fill:"#FFDA44"})],-1)),F=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_247_6276"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),V=e.defineComponent({__name:"FlagTvIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:p.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),l=Number(i);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,l=e.ref(null),u=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const a=String(i.size).replace(/px/gi,""),r=Number(a);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return p.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:u.value,lineHeight:"0",width:u.value})),g=a=>{if(!a)return;const r=a.querySelector("defs"),d={};r&&r.querySelectorAll("[id]").forEach(o=>{const c=o.getAttribute("id"),n=`${Math.random().toString(36).substring(2,12)}-${c}`;d[c]=n,o.setAttribute("id",n)});const N=["fill","stroke","filter","mask","clip-path","xlink:href","href"],E=o=>{N.forEach(c=>{const n=o.getAttribute(c);if(n){const f=n.replace(/url\(#([^)]+)\)/g,(L,s)=>d[s]?`url(#${d[s]})`:L).replace(/#([^\s]+)/g,(L,s)=>d[s]?`#${d[s]}`:L);f!==n&&o.setAttribute(c,f)}})};a.querySelectorAll("*").forEach(o=>{E(o)})};return e.onMounted(()=>{i.randomizeIds&&l.value&&g(l.value)}),(a,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-tv-icon","data-testid":"kui-icon-wrapper-flag-tv-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:l,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-tv-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",v,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),y,F],8,S))]),_:1},8,["aria-hidden","style"]))}});exports.default=V;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=require("./kong-icons1218.cjs"),h=t=>(e.pushScopeId("data-v-ba91ca2a"),t=t(),e.popScopeId(),t),N=["aria-hidden"],b={key:0,"data-testid":"kui-icon-svg-title"},v=h(()=>e.createElementVNode("g",{"clip-path":"url(#clip0_1_2327)"},[e.createElementVNode("path",{d:"M0 12.0001C0 13.468 0.264047 14.8741 0.746437 16.1741L12 17.2175L23.2536 16.1741C23.736 14.8741 24 13.468 24 12.0001C24 10.5524 23.7435 9.16453 23.2737 7.87954L12 6.78271L0.726281 7.87959C0.256453 9.16453 0 10.5524 0 12.0001H0Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M12 23.9999C17.1596 23.9999 21.5581 20.7434 23.2536 16.1738H0.746391C2.44191 20.7434 6.84042 23.9999 12 23.9999Z",fill:"#D80027"}),e.createElementVNode("path",{d:"M12 0C6.84042 0 2.44191 3.2565 0.746391 7.82611H23.2537C21.5581 3.2565 17.1596 0 12 0V0Z",fill:"#6DA544"}),e.createElementVNode("path",{d:"M12 17.739C15.1696 17.739 17.7391 15.1695 17.7391 11.9999C17.7391 8.83024 15.1696 6.26074 12 6.26074C8.83036 6.26074 6.26086 8.83024 6.26086 11.9999C6.26086 15.1695 8.83036 17.739 12 17.739Z",fill:"#0052B4"}),e.createElementVNode("path",{d:"M11.9988 7.55566L13.0348 10.7442H16.3928L13.6751 12.7149L14.7193 15.9129L11.9988 13.9328L9.28247 15.9092L10.3224 12.7149L7.6072 10.7442H10.9627L11.9988 7.55566Z",fill:"#FFDA44"}),e.createElementVNode("path",{d:"M16.1308 12.7934L12.8441 11.7254L14.8754 8.92981L14.0312 8.31641L11.9999 11.1122L9.96876 8.31645L9.12455 8.92977L11.1557 11.7256L7.86919 12.7934L8.19159 13.7859L11.4783 12.718V16.1737H12.5217V12.718L15.8083 13.7859L16.1308 12.7934Z",fill:"#FFDA44"})],-1)),E=h(()=>e.createElementVNode("defs",null,[e.createElementVNode("clipPath",{id:"clip0_1_2327"},[e.createElementVNode("rect",{fill:"white",height:"24",width:"24"})])],-1)),C=e.defineComponent({__name:"FlagEtIcon",props:{title:{type:String,required:!1,default:""},color:{type:String,required:!1,default:"currentColor"},display:{type:String,required:!1,default:"block"},decorative:{type:Boolean,required:!1,default:!1},size:{type:[Number,String],required:!1,default:g.KUI_ICON_SIZE_50,validator:t=>{if(typeof t=="number"&&t>0)return!0;if(typeof t=="string"){const i=String(t).replace(/px/gi,""),l=Number(i);if(l&&!isNaN(l)&&Number.isInteger(l)&&l>0)return!0}return!1}},as:{type:String,required:!1,default:"span"},randomizeIds:{type:Boolean,default:!0}},setup(t){const i=t,l=e.ref(null),f=e.computed(()=>{if(typeof i.size=="number"&&i.size>0)return`${i.size}px`;if(typeof i.size=="string"){const n=String(i.size).replace(/px/gi,""),r=Number(n);if(r&&!isNaN(r)&&Number.isInteger(r)&&r>0)return`${r}px`}return g.KUI_ICON_SIZE_50}),m=e.computed(()=>({boxSizing:"border-box",color:i.color,display:i.display,flexShrink:"0",height:f.value,lineHeight:"0",width:f.value})),S=n=>{if(!n)return;const r=n.querySelector("defs"),c={};r&&r.querySelectorAll("[id]").forEach(o=>{const d=o.getAttribute("id"),a=`${Math.random().toString(36).substring(2,12)}-${d}`;c[d]=a,o.setAttribute("id",a)});const y=["fill","stroke","filter","mask","clip-path","xlink:href","href"],L=o=>{y.forEach(d=>{const a=o.getAttribute(d);if(a){const p=a.replace(/url\(#([^)]+)\)/g,(u,s)=>c[s]?`url(#${c[s]})`:u).replace(/#([^\s]+)/g,(u,s)=>c[s]?`#${c[s]}`:u);p!==a&&o.setAttribute(d,p)}})};n.querySelectorAll("*").forEach(o=>{L(o)})};return e.onMounted(()=>{i.randomizeIds&&l.value&&S(l.value)}),(n,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-hidden":t.decorative?"true":void 0,class:"kui-icon flag-et-icon","data-testid":"kui-icon-wrapper-flag-et-icon",style:e.normalizeStyle(m.value)},{default:e.withCtx(()=>[(e.openBlock(),e.createElementBlock("svg",{ref_key:"svgElement",ref:l,"aria-hidden":t.decorative?"true":void 0,"data-testid":"kui-icon-svg-flag-et-icon",fill:"none",height:"100%",role:"img",viewBox:"0 0 24 24",width:"100%",xmlns:"http://www.w3.org/2000/svg"},[t.title?(e.openBlock(),e.createElementBlock("title",b,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),v,E],8,N))]),_:1},8,["aria-hidden","style"]))}});exports.default=C;
 //# sourceMappingURL=kong-icons884.cjs.map