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

package/dist/kong-icons.es638.js

@@ -1,43 +1,13 @@
-import { defineComponent as x, ref as z, computed as h, onMounted as I, openBlock as f, createBlock as N, resolveDynamicComponent as _, normalizeStyle as w, withCtx as L, createElementBlock as m, toDisplayString as q, createCommentVNode as A, pushScopeId as F, popScopeId as M, createElementVNode as i } from "vue";
-import { KUI_ICON_SIZE_50 as y } from "./kong-icons.es1218.js";
-const C = (e) => (F("data-v-63a4a00a"), e = e(), M(), e), E = ["aria-hidden"], Z = {
+import { defineComponent as b, ref as k, computed as C, onMounted as x, openBlock as u, createBlock as z, resolveDynamicComponent as I, normalizeStyle as N, withCtx as w, createElementBlock as g, toDisplayString as q, createCommentVNode as E, pushScopeId as _, popScopeId as A, createElementVNode as B } from "vue";
+import { KUI_ICON_SIZE_50 as m } from "./kong-icons.es1218.js";
+const $ = (e) => (_("data-v-bd49d5c8"), e = e(), A(), e), M = ["aria-hidden"], H = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, B = /* @__PURE__ */ C(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_1_2350)" }, [
-  /* @__PURE__ */ i("path", {
-    d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ i("path", {
-    d: "M12 0C9.87837 0 7.88581 0.551344 6.15649 1.51744V22.4826C7.88585 23.4487 9.87837 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z",
-    fill: "#6DA544"
-  }),
-  /* @__PURE__ */ i("path", {
-    d: "M6.19184 1.49756C5.43692 1.91592 4.73201 2.41317 4.088 2.97848C4.15311 2.92139 4.21887 2.86495 4.28515 2.80926L13.4757 11.9999L4.28511 21.1905C4.21878 21.1348 4.15306 21.0783 4.08795 21.0212C4.73197 21.5865 5.43692 22.0837 6.1918 22.5022L24 11.9999L6.19184 1.49756Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ i("path", {
-    d: "M5.17831 2.12744C4.81235 2.38085 4.46088 2.65352 4.12596 2.94494L12 12.0002L4.12592 21.0554C4.46084 21.3468 4.81231 21.6195 5.17826 21.8729L21.9459 12.0002L5.17831 2.12744Z",
-    fill: "#FFDA44"
-  }),
-  /* @__PURE__ */ i("path", {
-    d: "M4.2851 2.80957C4.01833 3.03373 3.7609 3.26871 3.51471 3.51485L10.9565 12.0002L3.51471 20.4855C3.7609 20.7317 4.01829 20.9667 4.2851 21.1908L13.4757 12.0002L4.2851 2.80957Z",
-    fill: "black"
-  }),
-  /* @__PURE__ */ i("path", {
-    d: "M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z",
-    fill: "#D80027"
-  })
-], -1)), $ = /* @__PURE__ */ C(() => /* @__PURE__ */ i("defs", null, [
-  /* @__PURE__ */ i("clipPath", { id: "clip0_1_2350" }, [
-    /* @__PURE__ */ i("rect", {
-      fill: "white",
-      height: "24",
-      width: "24"
-    })
-  ])
-], -1)), G = /* @__PURE__ */ x({
-  __name: "FlagGyIcon",
+}, V = /* @__PURE__ */ $(() => /* @__PURE__ */ B("path", {
+  d: "M19 9C18.05 9 17.225 8.71667 16.525 8.15C15.825 7.58333 15.3583 6.86667 15.125 6H8.85C8.66667 6.7 8.32083 7.30417 7.8125 7.8125C7.30417 8.32083 6.7 8.66667 6 8.85V15.125C6.86667 15.3583 7.58333 15.825 8.15 16.525C8.71667 17.225 9 18.05 9 19C9 20.1 8.60833 21.0417 7.825 21.825C7.04167 22.6083 6.1 23 5 23C3.9 23 2.95833 22.6083 2.175 21.825C1.39167 21.0417 1 20.1 1 19C1 18.05 1.28333 17.225 1.85 16.525C2.41667 15.825 3.13333 15.3583 4 15.125V8.85C3.13333 8.61667 2.41667 8.15 1.85 7.45C1.28333 6.75 1 5.93333 1 5C1 3.9 1.39167 2.95833 2.175 2.175C2.95833 1.39167 3.9 1 5 1C5.93333 1 6.75 1.28333 7.45 1.85C8.15 2.41667 8.61667 3.13333 8.85 4H15.125C15.3583 3.13333 15.825 2.41667 16.525 1.85C17.225 1.28333 18.05 1 19 1C20.1 1 21.0417 1.39167 21.825 2.175C22.6083 2.95833 23 3.9 23 5C23 6.1 22.6083 7.04167 21.825 7.825C21.0417 8.60833 20.1 9 19 9ZM19 23C17.9 23 16.9583 22.6083 16.175 21.825C15.3917 21.0417 15 20.1 15 19C15 17.9 15.3917 16.9583 16.175 16.175C16.9583 15.3917 17.9 15 19 15C20.1 15 21.0417 15.3917 21.825 16.175C22.6083 16.9583 23 17.9 23 19C23 20.1 22.6083 21.0417 21.825 21.825C21.0417 22.6083 20.1 23 19 23Z",
+  fill: "currentColor"
+}, null, -1)), K = /* @__PURE__ */ b({
+  __name: "LinkedServicesIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -67,14 +37,14 @@ const C = (e) => (F("data-v-63a4a00a"), e = e(), M(), e), E = ["aria-hidden"], Z
     size: {
       type: [Number, String],
       required: !1,
-      default: y,
+      default: m,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (e) => {
         if (typeof e == "number" && e > 0)
           return !0;
         if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), l = Number(t);
-          if (l && !isNaN(l) && Number.isInteger(l) && l > 0)
+          const t = String(e).replace(/px/gi, ""), i = Number(t);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
             return !0;
         }
         return !1;
@@ -96,58 +66,58 @@ const C = (e) => (F("data-v-63a4a00a"), e = e(), M(), e), E = ["aria-hidden"], Z
     }
   },
   setup(e) {
-    const t = e, l = z(null), p = h(() => {
+    const t = e, i = k(null), f = C(() => {
       if (typeof t.size == "number" && t.size > 0)
         return `${t.size}px`;
       if (typeof t.size == "string") {
-        const a = String(t.size).replace(/px/gi, ""), r = Number(a);
+        const o = String(t.size).replace(/px/gi, ""), r = Number(o);
         if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
           return `${r}px`;
       }
-      return y;
-    }), S = h(() => ({
+      return m;
+    }), h = C(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
       flexShrink: "0",
-      height: p.value,
+      height: f.value,
       lineHeight: "0",
-      width: p.value
-    })), b = (a) => {
-      if (!a)
+      width: f.value
+    })), y = (o) => {
+      if (!o)
         return;
-      const r = a.querySelector("defs"), s = {};
-      r && r.querySelectorAll("[id]").forEach((o) => {
-        const d = o.getAttribute("id"), n = `${Math.random().toString(36).substring(2, 12)}-${d}`;
-        s[d] = n, o.setAttribute("id", n);
+      const r = o.querySelector("defs"), a = {};
+      r && r.querySelectorAll("[id]").forEach((n) => {
+        const l = n.getAttribute("id"), s = `${Math.random().toString(36).substring(2, 12)}-${l}`;
+        a[l] = s, n.setAttribute("id", s);
       });
-      const v = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], k = (o) => {
-        v.forEach((d) => {
-          const n = o.getAttribute(d);
-          if (n) {
-            const g = n.replace(/url\(#([^)]+)\)/g, (u, c) => s[c] ? `url(#${s[c]})` : u).replace(/#([^\s]+)/g, (u, c) => s[c] ? `#${s[c]}` : u);
-            g !== n && o.setAttribute(d, g);
+      const S = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], v = (n) => {
+        S.forEach((l) => {
+          const s = n.getAttribute(l);
+          if (s) {
+            const p = s.replace(/url\(#([^)]+)\)/g, (c, d) => a[d] ? `url(#${a[d]})` : c).replace(/#([^\s]+)/g, (c, d) => a[d] ? `#${a[d]}` : c);
+            p !== s && n.setAttribute(l, p);
           }
         });
       };
-      a.querySelectorAll("*").forEach((o) => {
-        k(o);
+      o.querySelectorAll("*").forEach((n) => {
+        v(n);
       });
     };
-    return I(() => {
-      t.randomizeIds && l.value && b(l.value);
-    }), (a, r) => (f(), N(_(e.as), {
+    return x(() => {
+      t.randomizeIds && i.value && y(i.value);
+    }), (o, r) => (u(), z(I(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon flag-gy-icon",
-      "data-testid": "kui-icon-wrapper-flag-gy-icon",
-      style: w(S.value)
+      class: "kui-icon linked-services-icon",
+      "data-testid": "kui-icon-wrapper-linked-services-icon",
+      style: N(h.value)
     }, {
-      default: L(() => [
-        (f(), m("svg", {
+      default: w(() => [
+        (u(), g("svg", {
           ref_key: "svgElement",
-          ref: l,
+          ref: i,
           "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-gy-icon",
+          "data-testid": "kui-icon-svg-linked-services-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -155,16 +125,15 @@ const C = (e) => (F("data-v-63a4a00a"), e = e(), M(), e), E = ["aria-hidden"], Z
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (f(), m("title", Z, q(e.title), 1)) : A("", !0),
-          B,
-          $
-        ], 8, E))
+          e.title ? (u(), g("title", H, q(e.title), 1)) : E("", !0),
+          V
+        ], 8, M))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));
   }
 });
 export {
-  G as default
+  K as default
 };
 //# sourceMappingURL=kong-icons.es638.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es638.js","sources":["../src/components/flags/FlagGyIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagGyIcon.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-gy-icon\"\n    data-testid=\"kui-icon-wrapper-flag-gy-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-gy-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_2350)\">\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 0C9.87837 0 7.88581 0.551344 6.15649 1.51744V22.4826C7.88585 23.4487 9.87837 24 12 24C18.6274 24 24 18.6274 24 12C24 5.37262 18.6274 0 12 0Z\"\n          fill=\"#6DA544\"\n        />\n        <path\n          d=\"M6.19184 1.49756C5.43692 1.91592 4.73201 2.41317 4.088 2.97848C4.15311 2.92139 4.21887 2.86495 4.28515 2.80926L13.4757 11.9999L4.28511 21.1905C4.21878 21.1348 4.15306 21.0783 4.08795 21.0212C4.73197 21.5865 5.43692 22.0837 6.1918 22.5022L24 11.9999L6.19184 1.49756Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M5.17831 2.12744C4.81235 2.38085 4.46088 2.65352 4.12596 2.94494L12 12.0002L4.12592 21.0554C4.46084 21.3468 4.81231 21.6195 5.17826 21.8729L21.9459 12.0002L5.17831 2.12744Z\"\n          fill=\"#FFDA44\"\n        />\n        <path\n          d=\"M4.2851 2.80957C4.01833 3.03373 3.7609 3.26871 3.51471 3.51485L10.9565 12.0002L3.51471 20.4855C3.7609 20.7317 4.01829 20.9667 4.2851 21.1908L13.4757 12.0002L4.2851 2.80957Z\"\n          fill=\"black\"\n        />\n        <path\n          d=\"M3.51471 3.51465C-1.17157 8.20093 -1.17157 15.7989 3.51471 20.4853C5.45126 18.5487 7.31374 16.6862 12 12L3.51471 3.51465Z\"\n          fill=\"#D80027\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1_2350\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GA+DRC,IAAaC,EAAuB,IAAI,GAExCC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOL,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMM,IAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDO,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOL,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQI,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA,GAOIM,IAAe,CAACR,MAAiC;AACrD,UAAI,CAACA;AACH;AAGI,YAAAS,IAAcT,EAAW,cAAc,MAAM,GAG7CU,IAAgC,CAAA;AAEtC,MAAID,KAEFA,EAAY,iBAAiB,MAAM,EAAE,QAAQ,CAACE,MAAY;AAClD,cAAAC,IAAaD,EAAQ,aAAa,IAAI,GACtCE,IAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,IAAID,CAAU;AAG1E,QAAAF,EAAME,CAAW,IAAIC,GAGbF,EAAA,aAAa,MAAME,CAAK;AAAA,MAAA,CACjC;AAIG,YAAAC,IAAwB,CAAC,QAAQ,UAAU,UAAU,QAAQ,aAAa,cAAc,MAAM,GAG9FC,IAAmB,CAACJ,MAA2B;AAC7B,QAAAG,EAAA,QAAQ,CAACE,MAAS;AAChC,gBAAAC,IAAYN,EAAQ,aAAaK,CAAI;AAC3C,cAAIC,GAAW;AAEb,kBAAMC,IAAeD,EAAU,QAAQ,oBAAoB,CAACE,GAAOC,MAC1DV,EAAMU,CAAE,IAAI,QAAQV,EAAMU,CAAE,CAAC,MAAMD,CAC3C,EAAE,QAAQ,cAAc,CAACA,GAAOC,MACxBV,EAAMU,CAAE,IAAI,IAAIV,EAAMU,CAAE,CAAC,KAAKD,CACtC;AAGD,YAAID,MAAiBD,KACXN,EAAA,aAAaK,GAAME,CAAY;AAAA,UAE3C;AAAA,QAAA,CACD;AAAA,MAAA;AAIHlB,MAAAA,EAAW,iBAAiB,GAAG,EAAE,QAAQ,CAACW,MAAY;AACpD,QAAAI,EAAiBJ,CAAO;AAAA,MAAA,CACzB;AAAA,IAAA;AAGH,WAAAU,EAAU,MAAM;AACV,MAAAvB,EAAM,gBAAgBE,EAAW,SACnCQ,EAAaR,EAAW,KAAK;AAAA,IAC/B,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es638.js","sources":["../src/components/solid/LinkedServicesIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * LinkedServicesIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:53 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's id with the new prefixed id\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Update all references to these prefixed ids in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to ids in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update id references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon linked-services-icon\"\n    data-testid=\"kui-icon-wrapper-linked-services-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-linked-services-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M19 9C18.05 9 17.225 8.71667 16.525 8.15C15.825 7.58333 15.3583 6.86667 15.125 6H8.85C8.66667 6.7 8.32083 7.30417 7.8125 7.8125C7.30417 8.32083 6.7 8.66667 6 8.85V15.125C6.86667 15.3583 7.58333 15.825 8.15 16.525C8.71667 17.225 9 18.05 9 19C9 20.1 8.60833 21.0417 7.825 21.825C7.04167 22.6083 6.1 23 5 23C3.9 23 2.95833 22.6083 2.175 21.825C1.39167 21.0417 1 20.1 1 19C1 18.05 1.28333 17.225 1.85 16.525C2.41667 15.825 3.13333 15.3583 4 15.125V8.85C3.13333 8.61667 2.41667 8.15 1.85 7.45C1.28333 6.75 1 5.93333 1 5C1 3.9 1.39167 2.95833 2.175 2.175C2.95833 1.39167 3.9 1 5 1C5.93333 1 6.75 1.28333 7.45 1.85C8.15 2.41667 8.61667 3.13333 8.85 4H15.125C15.3583 3.13333 15.825 2.41667 16.525 1.85C17.225 1.28333 18.05 1 19 1C20.1 1 21.0417 1.39167 21.825 2.175C22.6083 2.95833 23 3.9 23 5C23 6.1 22.6083 7.04167 21.825 7.825C21.0417 8.60833 20.1 9 19 9ZM19 23C17.9 23 16.9583 22.6083 16.175 21.825C15.3917 21.0417 15 20.1 15 19C15 17.9 15.3917 16.9583 16.175 16.175C16.9583 15.3917 17.9 15 19 15C20.1 15 21.0417 15.3917 21.825 16.175C22.6083 16.9583 23 17.9 23 19C23 20.1 22.6083 21.0417 21.825 21.825C21.0417 22.6083 20.1 23 19 23Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GA+DRC,IAAaC,EAAuB,IAAI,GAExCC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOL,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMM,IAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDO,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOL,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQI,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA,GAOIM,IAAe,CAACR,MAAiC;AACrD,UAAI,CAACA;AACH;AAGI,YAAAS,IAAcT,EAAW,cAAc,MAAM,GAG7CU,IAAgC,CAAA;AAEtC,MAAID,KAEFA,EAAY,iBAAiB,MAAM,EAAE,QAAQ,CAACE,MAAY;AAClD,cAAAC,IAAaD,EAAQ,aAAa,IAAI,GACtCE,IAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,IAAID,CAAU;AAG1E,QAAAF,EAAME,CAAW,IAAIC,GAGbF,EAAA,aAAa,MAAME,CAAK;AAAA,MAAA,CACjC;AAIG,YAAAC,IAAwB,CAAC,QAAQ,UAAU,UAAU,QAAQ,aAAa,cAAc,MAAM,GAG9FC,IAAmB,CAACJ,MAA2B;AAC7B,QAAAG,EAAA,QAAQ,CAACE,MAAS;AAChC,gBAAAC,IAAYN,EAAQ,aAAaK,CAAI;AAC3C,cAAIC,GAAW;AAEb,kBAAMC,IAAeD,EAAU,QAAQ,oBAAoB,CAACE,GAAOC,MAC1DV,EAAMU,CAAE,IAAI,QAAQV,EAAMU,CAAE,CAAC,MAAMD,CAC3C,EAAE,QAAQ,cAAc,CAACA,GAAOC,MACxBV,EAAMU,CAAE,IAAI,IAAIV,EAAMU,CAAE,CAAC,KAAKD,CACtC;AAGD,YAAID,MAAiBD,KACXN,EAAA,aAAaK,GAAME,CAAY;AAAA,UAE3C;AAAA,QAAA,CACD;AAAA,MAAA;AAIHlB,MAAAA,EAAW,iBAAiB,GAAG,EAAE,QAAQ,CAACW,MAAY;AACpD,QAAAI,EAAiBJ,CAAO;AAAA,MAAA,CACzB;AAAA,IAAA;AAGH,WAAAU,EAAU,MAAM;AACV,MAAAvB,EAAM,gBAAgBE,EAAW,SACnCQ,EAAaR,EAAW,KAAK;AAAA,IAC/B,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/kong-icons.es64.js

@@ -1,7 +1,7 @@
-import o from "./kong-icons.es594.js";
+import o from "./kong-icons.es886.js";
 /* empty css                 */
 import t from "./kong-icons.es409.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-98b367f0"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9e5e0774"]]);
 export {
   m as default
 };

package/dist/kong-icons.es640.js

@@ -1,43 +1,13 @@
-import { defineComponent as F, ref as x, computed as g, onMounted as z, openBlock as f, createBlock as I, resolveDynamicComponent as N, normalizeStyle as _, withCtx as w, createElementBlock as m, toDisplayString as q, createCommentVNode as M, pushScopeId as E, popScopeId as A, createElementVNode as i } from "vue";
-import { KUI_ICON_SIZE_50 as C } from "./kong-icons.es1218.js";
-const y = (e) => (E("data-v-2afa391a"), e = e(), A(), e), Z = ["aria-hidden"], B = {
+import { defineComponent as b, ref as v, computed as p, onMounted as k, openBlock as c, createBlock as x, resolveDynamicComponent as z, normalizeStyle as I, withCtx as N, createElementBlock as g, toDisplayString as w, createCommentVNode as V, pushScopeId as q, popScopeId as M, createElementVNode as E } from "vue";
+import { KUI_ICON_SIZE_50 as m } from "./kong-icons.es1218.js";
+const _ = (e) => (q("data-v-43dfe6ff"), e = e(), M(), e), A = ["aria-hidden"], Z = {
   key: 0,
   "data-testid": "kui-icon-svg-title"
-}, $ = /* @__PURE__ */ y(() => /* @__PURE__ */ i("g", { "clip-path": "url(#clip0_1415_3092)" }, [
-  /* @__PURE__ */ i("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"
-  }),
-  /* @__PURE__ */ i("path", {
-    d: "M13.239 9.07837C12.9663 10.2127 12.4817 9.99637 12.2439 10.9856C10.8431 10.6488 9.98046 9.24023 10.3173 7.83937C10.6539 6.43861 12.0626 5.57592 13.4635 5.91271C12.9878 7.89117 13.483 8.06386 13.239 9.07837Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ i("path", {
-    d: "M9.6042 9.91871C10.5987 10.5286 10.2432 10.9226 11.1105 11.4545C10.3573 12.6827 8.75117 13.0678 7.52295 12.3146C6.29478 11.5615 5.9096 9.95522 6.66279 8.72705C8.39745 9.79074 8.71456 9.37322 9.6042 9.91871Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ i("path", {
-    d: "M9.28044 13.6358C10.1678 12.8784 10.4326 13.3382 11.2065 12.6777C12.1419 13.7735 12.0117 15.4202 10.916 16.3555C9.82016 17.2909 8.17353 17.1607 7.23828 16.065C8.78581 14.7439 8.4867 14.3132 9.28044 13.6358Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ i("path", {
-    d: "M12.7152 15.0924C12.269 14.0144 12.7882 13.9046 12.3992 12.9646C13.7304 12.4136 15.2562 13.0462 15.8072 14.3774C16.3581 15.7086 15.7255 17.2344 14.3943 17.7854C13.6163 15.9053 13.1143 16.0566 12.7152 15.0924Z",
-    fill: "#F0F0F0"
-  }),
-  /* @__PURE__ */ i("path", {
-    d: "M15.1618 12.2758C13.9987 12.367 14.0545 11.8392 13.0403 11.9188C12.9277 10.4826 14.0009 9.22678 15.4372 9.11405C16.8734 9.00159 18.1292 10.0747 18.2418 11.511C16.2132 11.67 16.202 12.1943 15.1618 12.2758Z",
-    fill: "#F0F0F0"
-  })
-], -1)), D = /* @__PURE__ */ y(() => /* @__PURE__ */ i("defs", null, [
-  /* @__PURE__ */ i("clipPath", { id: "clip0_1415_3092" }, [
-    /* @__PURE__ */ i("rect", {
-      fill: "white",
-      height: "24",
-      width: "24"
-    })
-  ])
-], -1)), O = /* @__PURE__ */ F({
-  __name: "FlagHkIcon",
+}, B = /* @__PURE__ */ _(() => /* @__PURE__ */ E("path", {
+  d: "M3.75 22C3.53333 22 3.35417 21.9292 3.2125 21.7875C3.07083 21.6458 3 21.4667 3 21.25C3 21.0333 3.07083 20.8542 3.2125 20.7125C3.35417 20.5708 3.53333 20.5 3.75 20.5H5.5V19.75H4.75C4.53333 19.75 4.35417 19.6792 4.2125 19.5375C4.07083 19.3958 4 19.2167 4 19C4 18.7833 4.07083 18.6042 4.2125 18.4625C4.35417 18.3208 4.53333 18.25 4.75 18.25H5.5V17.5H3.75C3.53333 17.5 3.35417 17.4292 3.2125 17.2875C3.07083 17.1458 3 16.9667 3 16.75C3 16.5333 3.07083 16.3542 3.2125 16.2125C3.35417 16.0708 3.53333 16 3.75 16H6C6.28333 16 6.52083 16.0958 6.7125 16.2875C6.90417 16.4792 7 16.7167 7 17V18C7 18.2833 6.90417 18.5208 6.7125 18.7125C6.52083 18.9042 6.28333 19 6 19C6.28333 19 6.52083 19.0958 6.7125 19.2875C6.90417 19.4792 7 19.7167 7 20V21C7 21.2833 6.90417 21.5208 6.7125 21.7125C6.52083 21.9042 6.28333 22 6 22H3.75ZM3.75 15C3.53333 15 3.35417 14.9292 3.2125 14.7875C3.07083 14.6458 3 14.4667 3 14.25V12.25C3 11.9667 3.09583 11.7292 3.2875 11.5375C3.47917 11.3458 3.71667 11.25 4 11.25H5.5V10.5H3.75C3.53333 10.5 3.35417 10.4292 3.2125 10.2875C3.07083 10.1458 3 9.96667 3 9.75C3 9.53333 3.07083 9.35417 3.2125 9.2125C3.35417 9.07083 3.53333 9 3.75 9H6C6.28333 9 6.52083 9.09583 6.7125 9.2875C6.90417 9.47917 7 9.71667 7 10V11.75C7 12.0333 6.90417 12.2708 6.7125 12.4625C6.52083 12.6542 6.28333 12.75 6 12.75H4.5V13.5H6.25C6.46667 13.5 6.64583 13.5708 6.7875 13.7125C6.92917 13.8542 7 14.0333 7 14.25C7 14.4667 6.92917 14.6458 6.7875 14.7875C6.64583 14.9292 6.46667 15 6.25 15H3.75ZM5.25 8C5.03333 8 4.85417 7.92917 4.7125 7.7875C4.57083 7.64583 4.5 7.46667 4.5 7.25V3.5H3.75C3.53333 3.5 3.35417 3.42917 3.2125 3.2875C3.07083 3.14583 3 2.96667 3 2.75C3 2.53333 3.07083 2.35417 3.2125 2.2125C3.35417 2.07083 3.53333 2 3.75 2H5.25C5.46667 2 5.64583 2.07083 5.7875 2.2125C5.92917 2.35417 6 2.53333 6 2.75V7.25C6 7.46667 5.92917 7.64583 5.7875 7.7875C5.64583 7.92917 5.46667 8 5.25 8ZM10 19C9.71667 19 9.47917 18.9042 9.2875 18.7125C9.09583 18.5208 9 18.2833 9 18C9 17.7167 9.09583 17.4792 9.2875 17.2875C9.47917 17.0958 9.71667 17 10 17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H10ZM10 13C9.71667 13 9.47917 12.9042 9.2875 12.7125C9.09583 12.5208 9 12.2833 9 12C9 11.7167 9.09583 11.4792 9.2875 11.2875C9.47917 11.0958 9.71667 11 10 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H10ZM10 7C9.71667 7 9.47917 6.90417 9.2875 6.7125C9.09583 6.52083 9 6.28333 9 6C9 5.71667 9.09583 5.47917 9.2875 5.2875C9.47917 5.09583 9.71667 5 10 5H20C20.2833 5 20.5208 5.09583 20.7125 5.2875C20.9042 5.47917 21 5.71667 21 6C21 6.28333 20.9042 6.52083 20.7125 6.7125C20.5208 6.90417 20.2833 7 20 7H10Z",
+  fill: "currentColor"
+}, null, -1)), O = /* @__PURE__ */ b({
+  __name: "ListOrderedIcon",
   props: {
     /** The accessibility text provided to screen readers */
     title: {
@@ -67,14 +37,14 @@ const y = (e) => (E("data-v-2afa391a"), e = e(), A(), e), Z = ["aria-hidden"], B
     size: {
       type: [Number, String],
       required: !1,
-      default: C,
+      default: m,
       // if setting to the imported const fails, just pass a number of 24 as the default.
       validator: (e) => {
         if (typeof e == "number" && e > 0)
           return !0;
         if (typeof e == "string") {
-          const t = String(e).replace(/px/gi, ""), o = Number(t);
-          if (o && !isNaN(o) && Number.isInteger(o) && o > 0)
+          const t = String(e).replace(/px/gi, ""), i = Number(t);
+          if (i && !isNaN(i) && Number.isInteger(i) && i > 0)
             return !0;
         }
         return !1;
@@ -96,58 +66,58 @@ const y = (e) => (E("data-v-2afa391a"), e = e(), A(), e), Z = ["aria-hidden"], B
     }
   },
   setup(e) {
-    const t = e, o = x(null), p = g(() => {
+    const t = e, i = v(null), u = p(() => {
       if (typeof t.size == "number" && t.size > 0)
         return `${t.size}px`;
       if (typeof t.size == "string") {
-        const a = String(t.size).replace(/px/gi, ""), r = Number(a);
+        const n = String(t.size).replace(/px/gi, ""), r = Number(n);
         if (r && !isNaN(r) && Number.isInteger(r) && r > 0)
           return `${r}px`;
       }
-      return C;
-    }), S = g(() => ({
+      return m;
+    }), h = p(() => ({
       boxSizing: "border-box",
       color: t.color,
       display: t.display,
       flexShrink: "0",
-      height: p.value,
+      height: u.value,
       lineHeight: "0",
-      width: p.value
-    })), b = (a) => {
-      if (!a)
+      width: u.value
+    })), y = (n) => {
+      if (!n)
         return;
-      const r = a.querySelector("defs"), s = {};
-      r && r.querySelectorAll("[id]").forEach((l) => {
-        const d = l.getAttribute("id"), n = `${Math.random().toString(36).substring(2, 12)}-${d}`;
-        s[d] = n, l.setAttribute("id", n);
+      const r = n.querySelector("defs"), a = {};
+      r && r.querySelectorAll("[id]").forEach((o) => {
+        const l = o.getAttribute("id"), s = `${Math.random().toString(36).substring(2, 12)}-${l}`;
+        a[l] = s, o.setAttribute("id", s);
       });
-      const v = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], k = (l) => {
-        v.forEach((d) => {
-          const n = l.getAttribute(d);
-          if (n) {
-            const h = n.replace(/url\(#([^)]+)\)/g, (u, c) => s[c] ? `url(#${s[c]})` : u).replace(/#([^\s]+)/g, (u, c) => s[c] ? `#${s[c]}` : u);
-            h !== n && l.setAttribute(d, h);
+      const S = ["fill", "stroke", "filter", "mask", "clip-path", "xlink:href", "href"], H = (o) => {
+        S.forEach((l) => {
+          const s = o.getAttribute(l);
+          if (s) {
+            const f = s.replace(/url\(#([^)]+)\)/g, (C, d) => a[d] ? `url(#${a[d]})` : C).replace(/#([^\s]+)/g, (C, d) => a[d] ? `#${a[d]}` : C);
+            f !== s && o.setAttribute(l, f);
           }
         });
       };
-      a.querySelectorAll("*").forEach((l) => {
-        k(l);
+      n.querySelectorAll("*").forEach((o) => {
+        H(o);
       });
     };
-    return z(() => {
-      t.randomizeIds && o.value && b(o.value);
-    }), (a, r) => (f(), I(N(e.as), {
+    return k(() => {
+      t.randomizeIds && i.value && y(i.value);
+    }), (n, r) => (c(), x(z(e.as), {
       "aria-hidden": e.decorative ? "true" : void 0,
-      class: "kui-icon flag-hk-icon",
-      "data-testid": "kui-icon-wrapper-flag-hk-icon",
-      style: _(S.value)
+      class: "kui-icon list-ordered-icon",
+      "data-testid": "kui-icon-wrapper-list-ordered-icon",
+      style: I(h.value)
     }, {
-      default: w(() => [
-        (f(), m("svg", {
+      default: N(() => [
+        (c(), g("svg", {
           ref_key: "svgElement",
-          ref: o,
+          ref: i,
           "aria-hidden": e.decorative ? "true" : void 0,
-          "data-testid": "kui-icon-svg-flag-hk-icon",
+          "data-testid": "kui-icon-svg-list-ordered-icon",
           fill: "none",
           height: "100%",
           role: "img",
@@ -155,10 +125,9 @@ const y = (e) => (E("data-v-2afa391a"), e = e(), A(), e), Z = ["aria-hidden"], B
           width: "100%",
           xmlns: "http://www.w3.org/2000/svg"
         }, [
-          e.title ? (f(), m("title", B, q(e.title), 1)) : M("", !0),
-          $,
-          D
-        ], 8, Z))
+          e.title ? (c(), g("title", Z, w(e.title), 1)) : V("", !0),
+          B
+        ], 8, A))
       ]),
       _: 1
     }, 8, ["aria-hidden", "style"]));

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

@@ -1 +1 @@
-{"version":3,"file":"kong-icons.es640.js","sources":["../src/components/flags/FlagHkIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * FlagHkIcon.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-hk-icon\"\n    data-testid=\"kui-icon-wrapper-flag-hk-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-flag-hk-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_1415_3092)\">\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=\"M13.239 9.07837C12.9663 10.2127 12.4817 9.99637 12.2439 10.9856C10.8431 10.6488 9.98046 9.24023 10.3173 7.83937C10.6539 6.43861 12.0626 5.57592 13.4635 5.91271C12.9878 7.89117 13.483 8.06386 13.239 9.07837Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M9.6042 9.91871C10.5987 10.5286 10.2432 10.9226 11.1105 11.4545C10.3573 12.6827 8.75117 13.0678 7.52295 12.3146C6.29478 11.5615 5.9096 9.95522 6.66279 8.72705C8.39745 9.79074 8.71456 9.37322 9.6042 9.91871Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M9.28044 13.6358C10.1678 12.8784 10.4326 13.3382 11.2065 12.6777C12.1419 13.7735 12.0117 15.4202 10.916 16.3555C9.82016 17.2909 8.17353 17.1607 7.23828 16.065C8.78581 14.7439 8.4867 14.3132 9.28044 13.6358Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M12.7152 15.0924C12.269 14.0144 12.7882 13.9046 12.3992 12.9646C13.7304 12.4136 15.2562 13.0462 15.8072 14.3774C16.3581 15.7086 15.7255 17.2344 14.3943 17.7854C13.6163 15.9053 13.1143 16.0566 12.7152 15.0924Z\"\n          fill=\"#F0F0F0\"\n        />\n        <path\n          d=\"M15.1618 12.2758C13.9987 12.367 14.0545 11.8392 13.0403 11.9188C12.9277 10.4826 14.0009 9.22678 15.4372 9.11405C16.8734 9.00159 18.1292 10.0747 18.2418 11.511C16.2132 11.67 16.202 12.1943 15.1618 12.2758Z\"\n          fill=\"#F0F0F0\"\n        />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_1415_3092\">\n          <rect\n            fill=\"white\"\n            height=\"24\"\n            width=\"24\"\n          />\n        </clipPath>\n      </defs>\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GA+DRC,IAAaC,EAAuB,IAAI,GAExCC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOL,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMM,IAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDO,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOL,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQI,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA,GAOIM,IAAe,CAACR,MAAiC;AACrD,UAAI,CAACA;AACH;AAGI,YAAAS,IAAcT,EAAW,cAAc,MAAM,GAG7CU,IAAgC,CAAA;AAEtC,MAAID,KAEFA,EAAY,iBAAiB,MAAM,EAAE,QAAQ,CAACE,MAAY;AAClD,cAAAC,IAAaD,EAAQ,aAAa,IAAI,GACtCE,IAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,IAAID,CAAU;AAG1E,QAAAF,EAAME,CAAW,IAAIC,GAGbF,EAAA,aAAa,MAAME,CAAK;AAAA,MAAA,CACjC;AAIG,YAAAC,IAAwB,CAAC,QAAQ,UAAU,UAAU,QAAQ,aAAa,cAAc,MAAM,GAG9FC,IAAmB,CAACJ,MAA2B;AAC7B,QAAAG,EAAA,QAAQ,CAACE,MAAS;AAChC,gBAAAC,IAAYN,EAAQ,aAAaK,CAAI;AAC3C,cAAIC,GAAW;AAEb,kBAAMC,IAAeD,EAAU,QAAQ,oBAAoB,CAACE,GAAOC,MAC1DV,EAAMU,CAAE,IAAI,QAAQV,EAAMU,CAAE,CAAC,MAAMD,CAC3C,EAAE,QAAQ,cAAc,CAACA,GAAOC,MACxBV,EAAMU,CAAE,IAAI,IAAIV,EAAMU,CAAE,CAAC,KAAKD,CACtC;AAGD,YAAID,MAAiBD,KACXN,EAAA,aAAaK,GAAME,CAAY;AAAA,UAE3C;AAAA,QAAA,CACD;AAAA,MAAA;AAIHlB,MAAAA,EAAW,iBAAiB,GAAG,EAAE,QAAQ,CAACW,MAAY;AACpD,QAAAI,EAAiBJ,CAAO;AAAA,MAAA,CACzB;AAAA,IAAA;AAGH,WAAAU,EAAU,MAAM;AACV,MAAAvB,EAAM,gBAAgBE,EAAW,SACnCQ,EAAaR,EAAW,KAAK;AAAA,IAC/B,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"kong-icons.es640.js","sources":["../src/components/solid/ListOrderedIcon.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n/**\n * ListOrderedIcon.vue\n * This file was generated via the build script. Do not edit this file directly.\n * Generated on Tue, 24 Sep 2024 00:35:53 GMT\n *\n * GitHub: https://github.com/Kong/icons\n * License: Apache-2.0\n */\n\nimport { computed, ref, onMounted } from 'vue'\nimport { KUI_ICON_SIZE_50 } from '@kong/design-tokens'\n\nconst props = defineProps({\n  /** The accessibility text provided to screen readers */\n  title: {\n    type: String,\n    required: false,\n    default: '',\n  },\n  /** The icon color. Defaults to `currentColor` which inherits text color from the parent element */\n  color: {\n    type: String,\n    required: false,\n    default: 'currentColor',\n  },\n  /** The CSS display property for the icon. Defaults to `block` */\n  display: {\n    type: String,\n    required: false,\n    default: 'block',\n  },\n  /** Whether the icon is just eye-candy or is meaningful to the page (should screen-readers ignore the icon?) */\n  decorative: {\n    type: Boolean,\n    required: false,\n    default: false,\n  },\n  /** The icon size */\n  size: {\n    type: [Number, String],\n    required: false,\n    default: KUI_ICON_SIZE_50, // if setting to the imported const fails, just pass a number of 24 as the default.\n    validator: (sizeValue: number | string): boolean => {\n      if (typeof sizeValue === 'number' && sizeValue > 0) {\n        return true\n      }\n\n      if (typeof sizeValue === 'string') {\n        // Strip `px` from the string\n        const sanitizedSize = String(sizeValue).replace(/px/gi, '')\n        const sizeNumber = Number(sanitizedSize)\n        if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n          return true\n        }\n      }\n\n      return false\n    },\n  },\n  /** The HTML tag to utilize for the icon's wrapper element. Defaults to `span` */\n  as: {\n    type: String,\n    required: false,\n    default: 'span',\n  },\n  /** A boolean to enable prefixing any internal SVG ids with a unique string; useful when there are potentially multiple SVG instances on the same page and the SVG utilizes ids and references internally (e.g. in the `<defs>` tag).\n   * Typically only set to false during snapshot testing.\n   * Defaults to `true`.\n   */\n  randomizeIds: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nconst svgElement = ref<SVGElement | null>(null)\n\nconst iconSize = computed((): string => {\n  // If props.size is a number, ensure it's greater than zero\n  if (typeof props.size === 'number' && props.size > 0) {\n    return `${props.size}px`\n  }\n\n  if (typeof props.size === 'string') {\n    // Strip `px` from the string\n    const sanitizedSize = String(props.size).replace(/px/gi, '')\n    const sizeNumber = Number(sanitizedSize)\n    if (sizeNumber && !isNaN(sizeNumber) && Number.isInteger(sizeNumber) && sizeNumber > 0) {\n      return `${sizeNumber}px`\n    }\n  }\n\n  // Return the default icon size\n  return KUI_ICON_SIZE_50\n})\n\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * All of the properties should be mapped to component props for customization.\n */\nconst rootElementStyles = computed((): Record<string, string> => ({\n  boxSizing: 'border-box',\n  color: props.color,\n  display: props.display,\n  flexShrink: '0',\n  height: iconSize.value,\n  lineHeight: '0',\n  width: iconSize.value,\n}))\n\n/**\n * Prefix all ids within the SVG element and update all corresponding references to these ids. This is useful to avoid id conflicts when utilizing multiple instances of the same SVG in the DOM.\n *\n * @param {SVGElement} svgElement - The SVG element whose potential IDs need to be prefixed.\n */\nconst prefixSvgIds = (svgElement: SVGElement): void => {\n  if (!svgElement) {\n    return\n  }\n\n  const defsElement = svgElement.querySelector('defs')\n\n  // Prepare a map to store the original and new IDs for quick lookups\n  const idMap: Record<string, string> = {}\n\n  if (defsElement) {\n    // Prefix all direct children of <defs> that have an `id`\n    defsElement.querySelectorAll('[id]').forEach((element) => {\n      const originalId = element.getAttribute('id')\n      const newId = `${Math.random().toString(36).substring(2, 12)}-${originalId}`\n\n      // Map old id to new id\n      idMap[originalId!] = newId\n\n      // Update the element's id with the new prefixed id\n      element.setAttribute('id', newId)\n    })\n  }\n\n  // Update all references to these prefixed ids in attributes like `url(#id)`, `href`, `xlink:href`\n  const referencingAttributes = ['fill', 'stroke', 'filter', 'mask', 'clip-path', 'xlink:href', 'href']\n\n  // Function to update references to ids in attributes\n  const updateReferences = (element: Element): void => {\n    referencingAttributes.forEach((attr) => {\n      const attrValue = element.getAttribute(attr)\n      if (attrValue) {\n        // Match any url(#id) or href=\"#id\" references\n        const updatedValue = attrValue.replace(/url\\(#([^)]+)\\)/g, (match, id) => {\n          return idMap[id] ? `url(#${idMap[id]})` : match\n        }).replace(/#([^\\s]+)/g, (match, id) => {\n          return idMap[id] ? `#${idMap[id]}` : match\n        })\n\n        // If the value changed, update the attribute\n        if (updatedValue !== attrValue) {\n          element.setAttribute(attr, updatedValue)\n        }\n      }\n    })\n  }\n\n  // Traverse all elements in the SVG to update id references\n  svgElement.querySelectorAll('*').forEach((element) => {\n    updateReferences(element)\n  })\n}\n\nonMounted(() => {\n  if (props.randomizeIds && svgElement.value) {\n    prefixSvgIds(svgElement.value)\n  }\n})\n</script>\n\n<template>\n  <component\n    :is=\"as\"\n    :aria-hidden=\"decorative ? 'true' : undefined\"\n    class=\"kui-icon list-ordered-icon\"\n    data-testid=\"kui-icon-wrapper-list-ordered-icon\"\n    :style=\"rootElementStyles\"\n  >\n    <svg\n      ref=\"svgElement\"\n      :aria-hidden=\"decorative ? 'true' : undefined\"\n      data-testid=\"kui-icon-svg-list-ordered-icon\"\n      fill=\"none\"\n      height=\"100%\"\n      role=\"img\"\n      viewBox=\"0 0 24 24\"\n      width=\"100%\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <title\n        v-if=\"title\"\n        data-testid=\"kui-icon-svg-title\"\n      >\n        {{ title }}\n      </title>\n      <path\n        d=\"M3.75 22C3.53333 22 3.35417 21.9292 3.2125 21.7875C3.07083 21.6458 3 21.4667 3 21.25C3 21.0333 3.07083 20.8542 3.2125 20.7125C3.35417 20.5708 3.53333 20.5 3.75 20.5H5.5V19.75H4.75C4.53333 19.75 4.35417 19.6792 4.2125 19.5375C4.07083 19.3958 4 19.2167 4 19C4 18.7833 4.07083 18.6042 4.2125 18.4625C4.35417 18.3208 4.53333 18.25 4.75 18.25H5.5V17.5H3.75C3.53333 17.5 3.35417 17.4292 3.2125 17.2875C3.07083 17.1458 3 16.9667 3 16.75C3 16.5333 3.07083 16.3542 3.2125 16.2125C3.35417 16.0708 3.53333 16 3.75 16H6C6.28333 16 6.52083 16.0958 6.7125 16.2875C6.90417 16.4792 7 16.7167 7 17V18C7 18.2833 6.90417 18.5208 6.7125 18.7125C6.52083 18.9042 6.28333 19 6 19C6.28333 19 6.52083 19.0958 6.7125 19.2875C6.90417 19.4792 7 19.7167 7 20V21C7 21.2833 6.90417 21.5208 6.7125 21.7125C6.52083 21.9042 6.28333 22 6 22H3.75ZM3.75 15C3.53333 15 3.35417 14.9292 3.2125 14.7875C3.07083 14.6458 3 14.4667 3 14.25V12.25C3 11.9667 3.09583 11.7292 3.2875 11.5375C3.47917 11.3458 3.71667 11.25 4 11.25H5.5V10.5H3.75C3.53333 10.5 3.35417 10.4292 3.2125 10.2875C3.07083 10.1458 3 9.96667 3 9.75C3 9.53333 3.07083 9.35417 3.2125 9.2125C3.35417 9.07083 3.53333 9 3.75 9H6C6.28333 9 6.52083 9.09583 6.7125 9.2875C6.90417 9.47917 7 9.71667 7 10V11.75C7 12.0333 6.90417 12.2708 6.7125 12.4625C6.52083 12.6542 6.28333 12.75 6 12.75H4.5V13.5H6.25C6.46667 13.5 6.64583 13.5708 6.7875 13.7125C6.92917 13.8542 7 14.0333 7 14.25C7 14.4667 6.92917 14.6458 6.7875 14.7875C6.64583 14.9292 6.46667 15 6.25 15H3.75ZM5.25 8C5.03333 8 4.85417 7.92917 4.7125 7.7875C4.57083 7.64583 4.5 7.46667 4.5 7.25V3.5H3.75C3.53333 3.5 3.35417 3.42917 3.2125 3.2875C3.07083 3.14583 3 2.96667 3 2.75C3 2.53333 3.07083 2.35417 3.2125 2.2125C3.35417 2.07083 3.53333 2 3.75 2H5.25C5.46667 2 5.64583 2.07083 5.7875 2.2125C5.92917 2.35417 6 2.53333 6 2.75V7.25C6 7.46667 5.92917 7.64583 5.7875 7.7875C5.64583 7.92917 5.46667 8 5.25 8ZM10 19C9.71667 19 9.47917 18.9042 9.2875 18.7125C9.09583 18.5208 9 18.2833 9 18C9 17.7167 9.09583 17.4792 9.2875 17.2875C9.47917 17.0958 9.71667 17 10 17H20C20.2833 17 20.5208 17.0958 20.7125 17.2875C20.9042 17.4792 21 17.7167 21 18C21 18.2833 20.9042 18.5208 20.7125 18.7125C20.5208 18.9042 20.2833 19 20 19H10ZM10 13C9.71667 13 9.47917 12.9042 9.2875 12.7125C9.09583 12.5208 9 12.2833 9 12C9 11.7167 9.09583 11.4792 9.2875 11.2875C9.47917 11.0958 9.71667 11 10 11H20C20.2833 11 20.5208 11.0958 20.7125 11.2875C20.9042 11.4792 21 11.7167 21 12C21 12.2833 20.9042 12.5208 20.7125 12.7125C20.5208 12.9042 20.2833 13 20 13H10ZM10 7C9.71667 7 9.47917 6.90417 9.2875 6.7125C9.09583 6.52083 9 6.28333 9 6C9 5.71667 9.09583 5.47917 9.2875 5.2875C9.47917 5.09583 9.71667 5 10 5H20C20.2833 5 20.5208 5.09583 20.7125 5.2875C20.9042 5.47917 21 5.71667 21 6C21 6.28333 20.9042 6.52083 20.7125 6.7125C20.5208 6.90417 20.2833 7 20 7H10Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </component>\n</template>\n\n<style lang=\"scss\" scoped>\n/**\n * We are adding styles inline to avoid additional stylesheet imports in the host application/component.\n * Do not add styles into this component file.\n */\n</style>\n"],"names":["props","__props","svgElement","ref","iconSize","computed","sanitizedSize","sizeNumber","KUI_ICON_SIZE_50","rootElementStyles","prefixSvgIds","defsElement","idMap","element","originalId","newId","referencingAttributes","updateReferences","attr","attrValue","updatedValue","match","id","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,UAAMA,IAAQC,GA+DRC,IAAaC,EAAuB,IAAI,GAExCC,IAAWC,EAAS,MAAc;AAEtC,UAAI,OAAOL,EAAM,QAAS,YAAYA,EAAM,OAAO;AAC1C,eAAA,GAAGA,EAAM,IAAI;AAGlB,UAAA,OAAOA,EAAM,QAAS,UAAU;AAElC,cAAMM,IAAgB,OAAON,EAAM,IAAI,EAAE,QAAQ,QAAQ,EAAE,GACrDO,IAAa,OAAOD,CAAa;AACnC,YAAAC,KAAc,CAAC,MAAMA,CAAU,KAAK,OAAO,UAAUA,CAAU,KAAKA,IAAa;AACnF,iBAAO,GAAGA,CAAU;AAAA,MAExB;AAGO,aAAAC;AAAA,IAAA,CACR,GAMKC,IAAoBJ,EAAS,OAA+B;AAAA,MAChE,WAAW;AAAA,MACX,OAAOL,EAAM;AAAA,MACb,SAASA,EAAM;AAAA,MACf,YAAY;AAAA,MACZ,QAAQI,EAAS;AAAA,MACjB,YAAY;AAAA,MACZ,OAAOA,EAAS;AAAA,IAChB,EAAA,GAOIM,IAAe,CAACR,MAAiC;AACrD,UAAI,CAACA;AACH;AAGI,YAAAS,IAAcT,EAAW,cAAc,MAAM,GAG7CU,IAAgC,CAAA;AAEtC,MAAID,KAEFA,EAAY,iBAAiB,MAAM,EAAE,QAAQ,CAACE,MAAY;AAClD,cAAAC,IAAaD,EAAQ,aAAa,IAAI,GACtCE,IAAQ,GAAG,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,UAAU,GAAG,EAAE,CAAC,IAAID,CAAU;AAG1E,QAAAF,EAAME,CAAW,IAAIC,GAGbF,EAAA,aAAa,MAAME,CAAK;AAAA,MAAA,CACjC;AAIG,YAAAC,IAAwB,CAAC,QAAQ,UAAU,UAAU,QAAQ,aAAa,cAAc,MAAM,GAG9FC,IAAmB,CAACJ,MAA2B;AAC7B,QAAAG,EAAA,QAAQ,CAACE,MAAS;AAChC,gBAAAC,IAAYN,EAAQ,aAAaK,CAAI;AAC3C,cAAIC,GAAW;AAEb,kBAAMC,IAAeD,EAAU,QAAQ,oBAAoB,CAACE,GAAOC,MAC1DV,EAAMU,CAAE,IAAI,QAAQV,EAAMU,CAAE,CAAC,MAAMD,CAC3C,EAAE,QAAQ,cAAc,CAACA,GAAOC,MACxBV,EAAMU,CAAE,IAAI,IAAIV,EAAMU,CAAE,CAAC,KAAKD,CACtC;AAGD,YAAID,MAAiBD,KACXN,EAAA,aAAaK,GAAME,CAAY;AAAA,UAE3C;AAAA,QAAA,CACD;AAAA,MAAA;AAIHlB,MAAAA,EAAW,iBAAiB,GAAG,EAAE,QAAQ,CAACW,MAAY;AACpD,QAAAI,EAAiBJ,CAAO;AAAA,MAAA,CACzB;AAAA,IAAA;AAGH,WAAAU,EAAU,MAAM;AACV,MAAAvB,EAAM,gBAAgBE,EAAW,SACnCQ,EAAaR,EAAW,KAAK;AAAA,IAC/B,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;"}