(function(global, factory) {
  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global["opendesign-icon"] = {}, global.Vue));
})(this, function(exports2, vue) {
  "use strict";
  let globalId$I = 0;
  const _sfc_main$x = vue.defineComponent({
    name: "OIconVideoPlay",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-video-play", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$I++
      };
    }
  });
  const _export_sfc = (sfc, props) => {
    const target = sfc.__vccOpts || sfc;
    for (const [key, val] of props) {
      target[key] = val;
    }
    return target;
  };
  const _hoisted_1$r = {
    key: 0,
    d: "M21.386 14.373 6.645 22.506c-1.607.887-3.659.354-4.582-1.19a3.13 3.13 0 0 1-.446-1.606V3.444C1.617 1.663 3.12.22 4.973.22c.587 0 1.163.148 1.671.428l14.741 8.133c1.607.887 2.162 2.858 1.239 4.402a3.3 3.3 0 0 1-1.239 1.19z"
  };
  function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$r)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconVideoPlay = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$w]]);
  let globalId$H = 0;
  vue.defineComponent({
    name: "OIconTime",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-time", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$H++
      };
    }
  });
  let globalId$G = 0;
  const _sfc_main$w = vue.defineComponent({
    name: "OIconStar",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-star", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$G++
      };
    }
  });
  function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 16 16",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock(
          vue.Fragment,
          { key: 0 },
          [
            _cache[0] || (_cache[0] = vue.createElementVNode(
              "path",
              {
                "fill-rule": "evenodd",
                d: "M8.345 2.745q.121.06.212.15a.8.8 0 0 1 .143.202L9.956 5.61a.24.24 0 0 0 .082.096.3.3 0 0 0 .119.048l2.808.403a.8.8 0 0 1 .292.102.8.8 0 0 1 .221.2.75.75 0 0 1 .154.41.78.78 0 0 1-.235.61l-2.032 1.956a.24.24 0 0 0-.066.105.2.2 0 0 0-.013.062l-.001.016q0 .022.005.046l.48 2.762a.8.8 0 0 1-.01.309.7.7 0 0 1-.124.271.77.77 0 0 1-.34.268.8.8 0 0 1-.42.05.8.8 0 0 1-.239-.08l-2.51-1.304a.26.26 0 0 0-.25 0l-2.514 1.303a.77.77 0 0 1-.44.085.8.8 0 0 1-.522-.276.75.75 0 0 1-.17-.626l.48-2.762q.006-.03.004-.062a.3.3 0 0 0-.012-.062.3.3 0 0 0-.066-.105L2.604 7.479a.76.76 0 0 1-.22-.394.8.8 0 0 1-.004-.305.9.9 0 0 1 .103-.264.8.8 0 0 1 .553-.36l2.808-.403a.3.3 0 0 0 .12-.047.3.3 0 0 0 .08-.096l1.258-2.513a.76.76 0 0 1 .449-.39.78.78 0 0 1 .594.038M6.647 6.142a1 1 0 0 0 .114-.18l1.24-2.48 1.24 2.48.064.112h.001a1.1 1.1 0 0 0 .316.31 1 1 0 0 0 .265.12h.001q.076.022.154.034l2.773.397-2.007 1.932-.082.09h-.001l-.005.006a1.05 1.05 0 0 0-.217.835l.473 2.727-2.48-1.287-.12-.053-.002-.002a1 1 0 0 0-.439-.064l-.065.005a1 1 0 0 0-.365.114l-2.479 1.287.473-2.727.015-.138a1.06 1.06 0 0 0-.172-.613 1 1 0 0 0-.15-.18L3.186 6.935l2.774-.397.123-.026h.005a1.1 1.1 0 0 0 .538-.344l.02-.024z"
              },
              null,
              -1
              /* HOISTED */
            )),
            _cache[1] || (_cache[1] = vue.createElementVNode(
              "path",
              {
                "fill-rule": "evenodd",
                d: "M7.309 3.104 6.052 5.621a.27.27 0 0 1-.112.117l-2.373.359-.537.077a.75.75 0 0 0-.44.222 1 1 0 0 0-.107.134.8.8 0 0 0-.1.26.7.7 0 0 0 .004.3.8.8 0 0 0 .11.26q.046.07.108.128l2.033 1.96a.2.2 0 0 1 .045.054q.015.027.025.056a.3.3 0 0 1 .013.064.3.3 0 0 1-.003.064l-.48 2.766a.73.73 0 0 0 .077.487.773.773 0 0 0 .975.35c.019-.002.132-.042.132-.042.088-.048.185-.091.258-.132l1.77-.945.419-.216q.03-.016.061-.024a.3.3 0 0 1 .07-.008.3.3 0 0 1 .13.03l.102.054 2.21 1.211q.104.056.213.08a1 1 0 0 0 .115.014.77.77 0 0 0 .86-.287.8.8 0 0 0 .142-.409 1 1 0 0 0-.01-.162l-.48-2.767q-.005-.03-.003-.063a.3.3 0 0 1 .037-.12.3.3 0 0 1 .045-.055l2.033-1.959a.75.75 0 0 0 .21-.742.8.8 0 0 0-.228-.373.76.76 0 0 0-.406-.19l-2.545-.365-.304-.046a.3.3 0 0 1-.104-.054.3.3 0 0 1-.069-.088L8.691 3.104a.8.8 0 0 0-.145-.202.8.8 0 0 0-.26-.168.4.4 0 0 0-.212-.057L8.04 2.67a.7.7 0 0 0-.194.025.74.74 0 0 0-.306.136.7.7 0 0 0-.127.117.8.8 0 0 0-.104.156"
              },
              null,
              -1
              /* HOISTED */
            )),
            _cache[2] || (_cache[2] = vue.createElementVNode(
              "path",
              {
                "fill-rule": "evenodd",
                d: "M8 2.67v9.24a.3.3 0 0 0-.07.01.2.2 0 0 0-.061.024l-.418.215-1.77.947c-.075.04-.17.082-.26.131 0 0-.112.04-.131.041a1 1 0 0 1-.098.033.8.8 0 0 1-.432-.012.9.9 0 0 1-.254-.138.8.8 0 0 1-.191-.232.75.75 0 0 1-.077-.487l.48-2.766.004-.049v-.015a.25.25 0 0 0-.04-.12.2.2 0 0 0-.044-.054L2.604 7.477a1 1 0 0 1-.107-.127.8.8 0 0 1-.127-.41v-.016a.7.7 0 0 1 .053-.273.7.7 0 0 1 .167-.256.8.8 0 0 1 .44-.223l.537-.076 2.373-.36a.25.25 0 0 0 .112-.117l1.257-2.515a1 1 0 0 1 .103-.157h.002a.7.7 0 0 1 .126-.117.7.7 0 0 1 .14-.082.7.7 0 0 1 .166-.055 1 1 0 0 1 .09-.017z"
              },
              null,
              -1
              /* HOISTED */
            ))
          ],
          64
          /* STABLE_FRAGMENT */
        )) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconStar = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$v]]);
  let globalId$F = 0;
  vue.defineComponent({
    name: "OIconSearch",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-search", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$F++
      };
    }
  });
  let globalId$E = 0;
  const _sfc_main$v = vue.defineComponent({
    name: "OIconRefresh",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-refresh", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$E++
      };
    }
  });
  const _hoisted_1$q = {
    key: 0,
    d: "M14.802 2.836a9.54 9.54 0 0 1 3.928 2.341l-.001-1.251c0-.354.263-.647.605-.694l.095-.006c.354 0 .647.263.694.605l.006.095v2.653a.95.95 0 0 1-.839.944l-.111.006h-2.653a.7.7 0 0 1-.095-1.394l.095-.006 1.174-.001A8.171 8.171 0 0 0 4.189 9.601a8.172 8.172 0 1 0 15.751.432.7.7 0 0 1 1.359-.337A9.572 9.572 0 0 1 9.205 21.143 9.57 9.57 0 0 1 2.85 9.19a9.57 9.57 0 0 1 11.953-6.355z"
  };
  function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$q)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconRefresh = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$u]]);
  let globalId$D = 0;
  const _sfc_main$u = vue.defineComponent({
    name: "OIconMinus",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-minus", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$D++
      };
    }
  });
  const _hoisted_1$p = {
    key: 0,
    d: "m3.608 11.321.114-.009 16.555-.024a.7.7 0 0 1 .116 1.391l-.114.009-16.555.024a.7.7 0 0 1-.116-1.391"
  };
  function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$p)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconMinus = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$t]]);
  let globalId$C = 0;
  const _sfc_main$t = vue.defineComponent({
    name: "OIconLoading",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-loading", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$C++
      };
    }
  });
  function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock(
          vue.Fragment,
          { key: 0 },
          [
            _cache[0] || (_cache[0] = vue.createElementVNode(
              "path",
              {
                d: "M12 1c6.075 0 11 4.925 11 11s-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1m0 2c-4.971 0-9 4.029-9 9s4.029 9 9 9 9-4.029 9-9-4.029-9-9-9",
                opacity: ".15"
              },
              null,
              -1
              /* HOISTED */
            )),
            _cache[1] || (_cache[1] = vue.createElementVNode(
              "path",
              { d: "M12 1c6.075 0 11 4.925 11 11a1 1 0 0 1-2 0 9 9 0 0 0-9-9 1 1 0 0 1 0-2" },
              null,
              -1
              /* HOISTED */
            ))
          ],
          64
          /* STABLE_FRAGMENT */
        )) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconLoading = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$s]]);
  let globalId$B = 0;
  const _sfc_main$s = vue.defineComponent({
    name: "OIconLink",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-link", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$B++
      };
    }
  });
  const _hoisted_1$o = {
    key: 0,
    d: "M11.122 9.9a.7.7 0 0 0-.902-.083l-.088.073-.554.543-.142.147c-1.175 1.285-1.217 3.186-.113 4.412l.138.144 4.972 4.867.154.142c1.447 1.26 3.705 1.144 5.147-.268 1.456-1.425 1.564-3.66.274-5.08l-.144-.149-1.921-1.881-.085-.072a.7.7 0 0 0-.975.982l.075.086 1.929 1.889.115.123c.753.872.651 2.222-.249 3.103-.914.895-2.322.986-3.216.24l-.124-.112-4.977-4.873-.11-.119c-.576-.686-.527-1.715.103-2.444l.125-.133.541-.53.083-.093a.7.7 0 0 0-.058-.912zM9.303 3.945c-1.447-1.26-3.705-1.144-5.147.268-1.456 1.425-1.564 3.66-.274 5.08l.144.149 1.921 1.881.085.072a.7.7 0 0 0 .975-.982l-.075-.086-1.929-1.889-.115-.123c-.753-.872-.651-2.222.249-3.103.914-.895 2.322-.986 3.216-.24l.124.112 4.977 4.873.11.119c.576.686.527 1.715-.103 2.444l-.125.133-.541.53-.083.093a.701.701 0 0 0 .96.995l.088-.073.554-.543.142-.147c1.175-1.285 1.217-3.186.113-4.412l-.138-.144-4.972-4.867-.154-.142z"
  };
  function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$o)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconLink = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$r]]);
  let globalId$A = 0;
  const _sfc_main$r = vue.defineComponent({
    name: "OIconImageError",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-image-error", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$A++
      };
    }
  });
  const _hoisted_1$n = {
    key: 0,
    d: "M9.075 4a.7.7 0 0 1 .095 1.394l-.095.006H3.9a.5.5 0 0 0-.492.41L3.4 5.9v11.769q0 .116.048.214l3.273-3.241a3.7 3.7 0 0 1 2.38-1.064l.224-.007h.487a.7.7 0 0 1 .095 1.394l-.095.006h-.487a2.3 2.3 0 0 0-1.47.531l-.149.135-2.557 2.532h7.032c.91-1.279 1.357-2.21 1.357-2.712 0-.192-.071-.453-.223-.822l-.151-.343-.418-.866-.163-.346-.128-.291c-.168-.401-.23-.656-.241-.95l-.002-.1c0-.29.03-.497.153-.808l.096-.225.204-.423.445-.872.124-.259.098-.228.042-.109c.108-.289.162-.53.162-.733 0-.664-.366-1.626-1.119-2.853a.7.7 0 0 1-.247-.531c0-.354.263-.647.605-.694l.095-.006h6.8a1.9 1.9 0 0 1 1.894 1.752l.006.148v11.769a1.9 1.9 0 0 1-1.752 1.894l-.148.006H3.896a1.9 1.9 0 0 1-.614-.101 1.9 1.9 0 0 1-1.28-1.65l-.006-.148V5.899a1.9 1.9 0 0 1 1.752-1.894l.148-.006h5.175zm5.863 4.084c0 .392-.088.791-.251 1.225a7 7 0 0 1-.287.656l-.511 1.006-.104.217-.076.172-.028.072-.04.122-.013.052-.013.092-.001.042q0 .065.018.15l.034.126.025.074.067.173.043.101.168.37.368.761c.41.855.603 1.407.603 1.963 0 .708-.359 1.597-1.067 2.711l5.802.001a.5.5 0 0 0 .492-.41l.008-.09V5.901a.5.5 0 0 0-.41-.492l-.09-.008h-5.548c.539 1.035.813 1.924.813 2.684zm-8.744-.679c.715 0 1.294.564 1.294 1.259s-.579 1.259-1.294 1.259S4.9 9.359 4.9 8.664s.579-1.259 1.294-1.259"
  };
  function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$n)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconImageError = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$q]]);
  let globalId$z = 0;
  vue.defineComponent({
    name: "OIconFilter",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-filter", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$z++
      };
    }
  });
  let globalId$y = 0;
  const _sfc_main$q = vue.defineComponent({
    name: "OIconFile",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-file", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$y++
      };
    }
  });
  const _hoisted_1$m = {
    key: 0,
    d: "M15.071 2.576c.223 0 .439.077.611.215l.098.09 3.963 4.192a.98.98 0 0 1 .259.546l.008.124v6.786a.7.7 0 0 1-1.394.095l-.006-.095-.001-6.302-2.137.001a1.9 1.9 0 0 1-1.894-1.752l-.006-.148-.001-2.353-8.781.013a.4.4 0 0 0-.392.32l-.008.081v15.233a.4.4 0 0 0 .321.392l.081.008 12.419-.018a.4.4 0 0 0 .392-.32l.008-.081v-2.446a.7.7 0 0 1 1.394-.095l.006.095v2.446c0 .944-.726 1.718-1.651 1.795l-.148.006-12.419.018a1.8 1.8 0 0 1-1.797-1.652l-.006-.148V4.388c0-.944.726-1.718 1.651-1.795l.148-.006 9.283-.013zm.365 12.759a.7.7 0 0 1 .095 1.394l-.095.006H8.563a.7.7 0 0 1-.095-1.394l.095-.006zm0-4.035a.7.7 0 0 1 .095 1.394l-.095.006H8.563a.7.7 0 0 1-.095-1.394l.095-.006zm-3.432-4.035a.7.7 0 0 1 .095 1.394l-.095.006H8.563a.7.7 0 0 1-.095-1.394l.095-.006zm5.58-.437-1.613-1.706.001 1.207a.5.5 0 0 0 .41.492l.09.008z"
  };
  function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$m)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconFile = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$p]]);
  let globalId$x = 0;
  const _sfc_main$p = vue.defineComponent({
    name: "OIconEye",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-eye", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$x++
      };
    }
  });
  const _hoisted_1$l = {
    key: 0,
    d: "M12.028 4.789c1.794 0 3.578.6 5.242 1.658a.7.7 0 0 1-.751 1.181c-1.453-.925-2.985-1.439-4.491-1.439-2.045 0-4.153.957-5.97 2.53-1.428 1.236-2.473 2.745-2.473 3.279 0 .536 1.04 2.047 2.461 3.283 1.809 1.574 3.91 2.531 5.955 2.531s4.146-.958 5.955-2.532c1.421-1.236 2.461-2.748 2.461-3.284 0-.448-.785-1.685-1.934-2.806a.7.7 0 1 1 .978-1.002c1.398 1.365 2.356 2.874 2.356 3.808 0 2.596-5.311 7.216-9.816 7.216s-9.816-4.62-9.816-7.214c0-2.589 5.338-7.208 9.843-7.208zm-.041 3.603a3.63 3.63 0 1 1 0 7.26 3.63 3.63 0 0 1 0-7.26m0 1.4a2.23 2.23 0 1 0-.001 4.459 2.23 2.23 0 0 0 .001-4.459"
  };
  function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$l)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconEye = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$o]]);
  let globalId$w = 0;
  const _sfc_main$o = vue.defineComponent({
    name: "OIconEyeOff",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-eye-off", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$w++
      };
    }
  });
  const _hoisted_1$k = {
    key: 0,
    d: "M21.483 8.021a.753.753 0 0 1 .158 1.054 15.6 15.6 0 0 1-2.067 2.282.1.1 0 0 1 .021.022l2.054 2.439a.754.754 0 0 1-1.153.971l-2.054-2.439-.031-.042c-.79.581-1.63 1.077-2.499 1.46l.965 3.406a.753.753 0 0 1-1.449.411l-.935-3.301a9.2 9.2 0 0 1-2.543.371 9 9 0 0 1-1.52-.134l-.869 3.067a.753.753 0 1 1-1.449-.411l.858-3.028a12.4 12.4 0 0 1-2.935-1.459l-1.817 2.158a.754.754 0 0 1-1.153-.971l1.76-2.089A15.7 15.7 0 0 1 2.352 9.2a.753.753 0 1 1 1.201-.909c2.106 2.783 5.337 4.859 8.397 4.859 3.105 0 6.391-2.144 8.478-4.968a.753.753 0 0 1 1.054-.158z"
  };
  function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$k)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconEyeOff = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$n]]);
  let globalId$v = 0;
  const _sfc_main$n = vue.defineComponent({
    name: "OIconEllipsis",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-ellipsis", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$v++
      };
    }
  });
  const _hoisted_1$j = {
    key: 0,
    d: "M12 10.5a1.5 1.5 0 1 1-.001 3.001A1.5 1.5 0 0 1 12 10.5m-6.485 0a1.5 1.5 0 1 1-.001 3.001 1.5 1.5 0 0 1 .001-3.001m12.997 0a1.5 1.5 0 1 1-.001 3.001 1.5 1.5 0 0 1 .001-3.001"
  };
  function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$j)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconEllipsis = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$m]]);
  let globalId$u = 0;
  const _sfc_main$m = vue.defineComponent({
    name: "OIconEdit",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-edit", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$u++
      };
    }
  });
  const _hoisted_1$i = {
    key: 0,
    d: "M20.047 19.523a.7.7 0 0 1 .095 1.394l-.095.006H4.532a.7.7 0 0 1-.095-1.394l.095-.006zm0-3.167a.7.7 0 0 1 .095 1.394l-.095.006h-6.47a.7.7 0 0 1-.095-1.394l.095-.006zM12.661 3.721a2.2 2.2 0 0 1 3.111 0l2.118 2.118a2.2 2.2 0 0 1 0 3.111l-8.058 8.058a2.2 2.2 0 0 1-1.489.643l-3.459.105a1 1 0 0 1-1.03-.969v-.03l.105-3.489a2.2 2.2 0 0 1 .643-1.489zm2.121.99a.8.8 0 0 0-1.131 0l-8.058 8.058a.8.8 0 0 0-.234.541l-.092 3.034 3.034-.092a.8.8 0 0 0 .449-.155l.092-.079L16.9 7.96a.8.8 0 0 0 0-1.131z"
  };
  function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$i)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconEdit = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$l]]);
  let globalId$t = 0;
  vue.defineComponent({
    name: "OIconDoubleArrowUp",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-double-arrow-up", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$t++
      };
    }
  });
  let globalId$s = 0;
  const _sfc_main$l = vue.defineComponent({
    name: "OIconDoubleArrowRight",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-double-arrow-right", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$s++
      };
    }
  });
  const _hoisted_1$h = {
    key: 0,
    d: "M6.262 5.945a.74.74 0 0 1 1.022.002l4.957 4.948a1.7 1.7 0 0 1-.099 2.296q-.629.629-4.811 4.863l-.072.063a.7.7 0 0 1-.918-1.053l4.811-4.863.043-.054a.3.3 0 0 0-.043-.37l-4.89-4.842-.063-.072a.7.7 0 0 1 .063-.918m5.303 0a.7.7 0 0 1 .99 0l4.89 4.842.099.108c.563.668.567 1.634-.099 2.296q-.666.662-4.811 4.863l-.072.063a.7.7 0 0 1-.918-1.053l4.811-4.863.043-.054a.3.3 0 0 0-.043-.37l-4.89-4.842-.063-.072a.7.7 0 0 1 .063-.918"
  };
  function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$h)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconDoubleArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$k]]);
  let globalId$r = 0;
  const _sfc_main$k = vue.defineComponent({
    name: "OIconDoubleArrowLeft",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-double-arrow-left", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$r++
      };
    }
  });
  const _hoisted_1$g = {
    key: 0,
    d: "M17.738 5.945a.74.74 0 0 0-1.022.002l-4.957 4.948a1.7 1.7 0 0 0 .099 2.296q.629.629 4.811 4.863l.072.063a.7.7 0 0 0 .918-1.053l-4.811-4.863-.043-.054a.3.3 0 0 1 .043-.37l4.89-4.842.063-.072a.7.7 0 0 0-.063-.918m-5.303 0a.7.7 0 0 0-.99 0l-4.89 4.842-.099.108c-.563.668-.567 1.634.099 2.296q.666.662 4.811 4.863l.072.063a.7.7 0 0 0 .918-1.053l-4.811-4.863-.043-.054a.3.3 0 0 1 .043-.37l4.89-4.842.063-.072a.7.7 0 0 0-.063-.918"
  };
  function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$g)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconDoubleArrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$j]]);
  let globalId$q = 0;
  vue.defineComponent({
    name: "OIconDoubleArrowDown",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-double-arrow-down", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$q++
      };
    }
  });
  let globalId$p = 0;
  const _sfc_main$j = vue.defineComponent({
    name: "OIconDone",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-done", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$p++
      };
    }
  });
  const _hoisted_1$f = {
    key: 0,
    d: "M20.402 5.956a.7.7 0 0 1 1.063.904l-.074.087L10.9 17.412a1.45 1.45 0 0 1-1.936.101l-.11-.099-5.231-5.202a.7.7 0 0 1 .9-1.066l.087.074 5.231 5.202a.05.05 0 0 0 .048.013l.023-.013z"
  };
  function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$f)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconDone = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$i]]);
  let globalId$o = 0;
  const _sfc_main$i = vue.defineComponent({
    name: "OIconDelete",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-delete", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$o++
      };
    }
  });
  const _hoisted_1$e = {
    key: 0,
    d: "M19.154 5.295a.7.7 0 0 1 .095 1.394l-.095.006-12.201-.001.001 12.413c0 .17.12.311.28.344l.071.007h9.39a.35.35 0 0 0 .344-.28l.007-.071V8.637a.7.7 0 0 1 1.394-.095l.006.095v10.47c0 .919-.708 1.672-1.608 1.745l-.144.006h-9.39a1.75 1.75 0 0 1-1.745-1.608l-.006-.144-.001-12.413-.707.001A.7.7 0 0 1 4.75 5.3l.095-.006zm-9.143 4.449c.354 0 .647.263.694.605l.006.095v5.68a.7.7 0 0 1-1.394.095l-.006-.095v-5.68a.7.7 0 0 1 .7-.7m3.942 0c.354 0 .647.263.694.605l.006.095v5.68a.7.7 0 0 1-1.394.095l-.006-.095v-5.68a.7.7 0 0 1 .7-.7m-.301-6.555a.7.7 0 0 1 .095 1.394l-.095.006H9.68a.7.7 0 0 1-.095-1.394l.095-.006z"
  };
  function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$e)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconDelete = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$h]]);
  let globalId$n = 0;
  const _sfc_main$h = vue.defineComponent({
    name: "OIconClose",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-close", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$n++
      };
    }
  });
  const _hoisted_1$d = {
    key: 0,
    d: "M18.528 5.472a.7.7 0 0 1 .074.903l-.074.087L12.988 12l.006.006-.989.989-.006-.006-5.538 5.54a.7.7 0 0 1-1.064-.903l.074-.087L11.009 12 5.471 6.462l-.074-.087a.7.7 0 0 1 .977-.977l.087.074 5.538 5.539 5.539-5.539a.7.7 0 0 1 .99 0m-3.977 8.089 3.978 3.978.074.087a.7.7 0 0 1-.977.977l-.087-.074-3.978-3.978a.7.7 0 0 1 .99-.99"
  };
  function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$d)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconClose = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$g]]);
  let globalId$m = 0;
  const _sfc_main$g = vue.defineComponent({
    name: "OIconChevronUp",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-chevron-up", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$m++
      };
    }
  });
  const _hoisted_1$c = {
    key: 0,
    d: "M5.759 15.127a.7.7 0 0 0 .918.063l.072-.063 5.016-5.016a.3.3 0 0 1 .37-.043l.054.043 5.062 5.062a.7.7 0 0 0 1.053-.918l-.063-.072-5.062-5.062a1.7 1.7 0 0 0-2.296-.099l-.108.099-5.016 5.016a.7.7 0 0 0 0 .99"
  };
  function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$c)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconChevronUp = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$f]]);
  let globalId$l = 0;
  const _sfc_main$f = vue.defineComponent({
    name: "OIconChevronRight",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-chevron-right", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$l++
      };
    }
  });
  const _hoisted_1$b = {
    key: 0,
    d: "M9.246 5.764a.7.7 0 0 0-.063.918l.063.072 5.016 5.016a.3.3 0 0 1 .043.37l-.043.054L9.2 17.256a.7.7 0 0 0 .918 1.053l.072-.063 5.062-5.062a1.7 1.7 0 0 0 .099-2.296l-.099-.108-5.016-5.016a.7.7 0 0 0-.99 0"
  };
  function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$b)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconChevronRight = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$e]]);
  let globalId$k = 0;
  const _sfc_main$e = vue.defineComponent({
    name: "OIconChevronLeft",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-chevron-left", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$k++
      };
    }
  });
  const _hoisted_1$a = {
    key: 0,
    d: "M14.754 5.764a.7.7 0 0 1 .063.918l-.063.072-5.016 5.016a.3.3 0 0 0-.043.37l.043.054 5.062 5.062a.7.7 0 0 1-.918 1.053l-.072-.063-5.062-5.062a1.7 1.7 0 0 1-.099-2.296l.099-.108 5.016-5.016a.7.7 0 0 1 .99 0"
  };
  function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$a)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconChevronLeft = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$d]]);
  let globalId$j = 0;
  const _sfc_main$d = vue.defineComponent({
    name: "OIconChevronDown",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-chevron-down", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$j++
      };
    }
  });
  const _hoisted_1$9 = {
    key: 0,
    d: "M5.759 8.873a.7.7 0 0 1 .918-.063l.072.063 5.016 5.016a.3.3 0 0 0 .37.043l.054-.043 5.062-5.062a.7.7 0 0 1 1.053.918l-.063.072-5.062 5.062a1.7 1.7 0 0 1-2.296.099l-.108-.099-5.016-5.016a.7.7 0 0 1 0-.99"
  };
  function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$9)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconChevronDown = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$c]]);
  let globalId$i = 0;
  const _sfc_main$c = vue.defineComponent({
    name: "OIconChevronDownBold",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-chevron-down-bold", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$i++
      };
    }
  });
  const _hoisted_1$8 = {
    key: 0,
    d: "m18.214 9.877-.03.032-4.95 4.95a1.75 1.75 0 0 1-2.432.042l-.043-.042-4.95-4.95a.75.75 0 0 1-.216-.461l-.003-.046v-.046a.75.75 0 0 1 1.248-.538l.032.03 4.596 4.597a.75.75 0 0 0 1.029.03l.032-.03 4.596-4.596a.75.75 0 0 1 1.28.51v.046a.75.75 0 0 1-.189.472"
  };
  function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$8)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconChevronDownBold = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$b]]);
  let globalId$h = 0;
  const _sfc_main$b = vue.defineComponent({
    name: "OIconChecked",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-checked", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$h++
      };
    }
  });
  const _hoisted_1$7 = {
    key: 0,
    d: "M5.08 13.094a1.2 1.2 0 0 1-.062-1.698 1.21 1.21 0 0 1 1.699-.057l3.508 3.269 6.753-7.24a1.195 1.195 0 0 1 1.578-.154l.117.096c.485.452.505 1.218.061 1.695l-7.572 8.119-.104.096a1.194 1.194 0 0 1-1.475.06l-.117-.096z"
  };
  function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$7)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconChecked = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$a]]);
  let globalId$g = 0;
  vue.defineComponent({
    name: "OIconCaretUp",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-caret-up", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$g++
      };
    }
  });
  let globalId$f = 0;
  vue.defineComponent({
    name: "OIconCaretRight",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-caret-right", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$f++
      };
    }
  });
  let globalId$e = 0;
  vue.defineComponent({
    name: "OIconCaretLeft",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-caret-left", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$e++
      };
    }
  });
  let globalId$d = 0;
  vue.defineComponent({
    name: "OIconCaretDown",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-caret-down", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$d++
      };
    }
  });
  let globalId$c = 0;
  const _sfc_main$a = vue.defineComponent({
    name: "OIconCalendar",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-calendar", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$c++
      };
    }
  });
  const _hoisted_1$6 = {
    key: 0,
    d: "M6.463 4.976a.7.7 0 0 1 .095 1.394l-.095.006H4.471a.14.14 0 0 0-.13.093l-.007.043v1.856h15.329l.001-1.856a.14.14 0 0 0-.093-.13l-.043-.007h-2.055a.7.7 0 0 1-.095-1.394l.095-.006h2.055c.801 0 1.46.614 1.53 1.397l.006.14v12.359c0 .801-.614 1.46-1.397 1.53l-.14.006H4.47c-.801 0-1.46-.614-1.53-1.397l-.006-.14V6.511c0-.801.614-1.46 1.397-1.53l.14-.006zm13.201 4.792H4.335v9.103c0 .06.039.111.093.13l.043.007h15.057c.06 0 .111-.039.13-.093l.007-.043-.001-9.103zm-3.482 5.663a.7.7 0 0 1 .095 1.394l-.095.006H7.817a.7.7 0 0 1-.095-1.394l.095-.006zm0-3.346a.7.7 0 0 1 .095 1.394l-.095.006H7.817a.7.7 0 0 1-.095-1.394l.095-.006zm-.696-8.467c.354 0 .647.263.694.605l.006.095v2.804a.7.7 0 0 1-1.394.095l-.006-.095V4.318a.7.7 0 0 1 .7-.7m-6.937-.026c.354 0 .647.263.694.605l.006.095v2.804a.7.7 0 0 1-1.394.095l-.006-.095V4.292a.7.7 0 0 1 .7-.7m4.946 1.384a.7.7 0 0 1 .095 1.394l-.095.006H10.53a.7.7 0 0 1-.095-1.394l.095-.006z"
  };
  function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$6)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconCalendar = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$9]]);
  let globalId$b = 0;
  const _sfc_main$9 = vue.defineComponent({
    name: "OIconArrowUp",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-arrow-up", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$b++
      };
    }
  });
  const _hoisted_1$5 = {
    key: 0,
    d: "m11.978 3.099-.005.002-.084.006a.7.7 0 0 0-.589.597l-.006.095v16.402a.7.7 0 0 0 1.394.095l.006-.095-.001-14.919 5.699 5.698a.7.7 0 0 0 1.064-.903l-.074-.087-6.539-6.539a1.2 1.2 0 0 0-.812-.351l-.037-.001zm-7.359 7.868a.7.7 0 0 0 .903.073l.087-.074 4.571-4.574a.7.7 0 0 0-.99-.99L4.619 9.976a.7.7 0 0 0 0 .99z"
  };
  function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$5)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconArrowUp = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8]]);
  let globalId$a = 0;
  const _sfc_main$8 = vue.defineComponent({
    name: "OIconArrowRight",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-arrow-right", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$a++
      };
    }
  });
  const _hoisted_1$4 = {
    key: 0,
    d: "m20.901 12.022-.002.005-.006.084a.7.7 0 0 1-.597.589l-.095.006H3.799a.7.7 0 0 1-.095-1.394l.095-.006 14.919.001-5.698-5.699a.7.7 0 0 1 .903-1.064l.087.074 6.539 6.539c.225.225.342.517.351.812l.001.037zm-7.868 7.359a.7.7 0 0 1-.073-.903l.074-.087 4.574-4.571a.7.7 0 0 1 .99.99l-4.574 4.571a.7.7 0 0 1-.99 0z"
  };
  function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$4)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconArrowRight = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7]]);
  let globalId$9 = 0;
  const _sfc_main$7 = vue.defineComponent({
    name: "OIconArrowLeft",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-arrow-left", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$9++
      };
    }
  });
  const _hoisted_1$3 = {
    key: 0,
    d: "m3.099 12.022.002.005.006.084a.7.7 0 0 0 .597.589l.095.006h16.402a.7.7 0 0 0 .095-1.394l-.095-.006-14.919.001 5.698-5.699a.7.7 0 0 0-.903-1.064l-.087.074-6.539 6.539a1.2 1.2 0 0 0-.351.812l-.001.037zm7.868 7.359a.7.7 0 0 0 .073-.903l-.074-.087-4.574-4.571a.7.7 0 0 0-.99.99l4.574 4.571a.7.7 0 0 0 .99 0z"
  };
  function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$3)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconArrowLeft = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]);
  let globalId$8 = 0;
  const _sfc_main$6 = vue.defineComponent({
    name: "OIconArrowDown",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-arrow-down", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$8++
      };
    }
  });
  const _hoisted_1$2 = {
    key: 0,
    d: "m11.978 20.901-.005-.002-.084-.006a.7.7 0 0 1-.589-.597l-.006-.095V3.799a.7.7 0 0 1 1.394-.095l.006.095-.001 14.919 5.699-5.698a.7.7 0 0 1 1.064.903l-.074.087-6.539 6.539a1.2 1.2 0 0 1-.812.351l-.037.001zm-7.359-7.868a.7.7 0 0 1 .903-.073l.087.074 4.571 4.574a.7.7 0 0 1-.99.99l-4.571-4.574a.7.7 0 0 1 0-.99z"
  };
  function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$2)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconArrowDown = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5]]);
  let globalId$7 = 0;
  const _sfc_main$5 = vue.defineComponent({
    name: "OIconAdd",
    svgType: "fill",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-add", "type-fill"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$7++
      };
    }
  });
  const _hoisted_1$1 = {
    key: 0,
    d: "m3.608 11.302.114-.009 7.583-.011.012-7.58a.7.7 0 0 1 1.391-.112l.009.114-.024 16.555a.7.7 0 0 1-1.391.112l-.009-.114.01-7.574-7.579.01-.114-.009a.7.7 0 0 1-.002-1.382m11.294-.026 5.374-.007.114.009a.7.7 0 0 1 .002 1.382l-.114.009-5.378.007a.7.7 0 0 1-.69-.584l-.009-.115c0-.387.314-.7.701-.701"
  };
  function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock("path", _hoisted_1$1)) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconAdd = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$4]]);
  let globalId$6 = 0;
  const _sfc_main$4 = vue.defineComponent({
    name: "OIconWarning",
    svgType: "color",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-warning", "type-color"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$6++
      };
    }
  });
  function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock(
          vue.Fragment,
          { key: 0 },
          [
            _cache[0] || (_cache[0] = vue.createElementVNode(
              "path",
              {
                fill: "currentColor",
                d: "M21 12c0 4.971-4.029 9-9 9s-9-4.029-9-9 4.029-9 9-9 9 4.029 9 9"
              },
              null,
              -1
              /* HOISTED */
            )),
            _cache[1] || (_cache[1] = vue.createElementVNode(
              "path",
              {
                fill: "#fff",
                d: "M12 13.621a.433.433 0 0 1-.432-.404l-.367-5.441-.002-.054c0-.408.306-.745.701-.795l.1-.006.054.002c.441.03.775.412.745.853l-.367 5.441a.433.433 0 0 1-.432.404m0 3.15a1.1 1.1 0 1 1-.001-2.199A1.1 1.1 0 0 1 12 16.771"
              },
              null,
              -1
              /* HOISTED */
            ))
          ],
          64
          /* STABLE_FRAGMENT */
        )) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconWarning = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$3]]);
  let globalId$5 = 0;
  const _sfc_main$3 = vue.defineComponent({
    name: "OIconSuccess",
    svgType: "color",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-success", "type-color"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$5++
      };
    }
  });
  function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock(
          vue.Fragment,
          { key: 0 },
          [
            _cache[0] || (_cache[0] = vue.createElementVNode(
              "path",
              {
                fill: "currentColor",
                d: "M21 12c0 4.971-4.029 9-9 9s-9-4.029-9-9 4.029-9 9-9 9 4.029 9 9"
              },
              null,
              -1
              /* HOISTED */
            )),
            _cache[1] || (_cache[1] = vue.createElementVNode(
              "path",
              {
                fill: "#fff",
                d: "m16.21 8.679-5.225 5.212-.043.032c-.047.026-.12.016-.169-.032l-2.478-2.465-.076-.064a.6.6 0 0 0-.77.915l2.478 2.465.105.094a1.35 1.35 0 0 0 1.8-.096l5.225-5.212.064-.076a.601.601 0 0 0-.912-.774z"
              },
              null,
              -1
              /* HOISTED */
            ))
          ],
          64
          /* STABLE_FRAGMENT */
        )) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconSuccess = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$2]]);
  let globalId$4 = 0;
  vue.defineComponent({
    name: "OIconSkill",
    svgType: "color",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-skill", "type-color"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$4++
      };
    }
  });
  let globalId$3 = 0;
  vue.defineComponent({
    name: "OIconKunpeng",
    svgType: "color",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-kunpeng", "type-color"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$3++
      };
    }
  });
  let globalId$2 = 0;
  const _sfc_main$2 = vue.defineComponent({
    name: "OIconInfo",
    svgType: "color",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-info", "type-color"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$2++
      };
    }
  });
  function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock(
          vue.Fragment,
          { key: 0 },
          [
            _cache[0] || (_cache[0] = vue.createElementVNode(
              "path",
              {
                fill: "currentColor",
                d: "M21 12c0 4.971-4.029 9-9 9s-9-4.029-9-9 4.029-9 9-9 9 4.029 9 9"
              },
              null,
              -1
              /* HOISTED */
            )),
            _cache[1] || (_cache[1] = vue.createElementVNode(
              "path",
              {
                fill: "#fff",
                d: "M12 10.433a.6.6 0 0 0-.6.6v5.5l.008.099a.6.6 0 0 0 1.192-.099v-5.5l-.008-.099a.6.6 0 0 0-.592-.501M12 7.3a1.1 1.1 0 1 0-.001 2.199A1.1 1.1 0 0 0 12 7.3"
              },
              null,
              -1
              /* HOISTED */
            ))
          ],
          64
          /* STABLE_FRAGMENT */
        )) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconInfo = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1]]);
  let globalId$1 = 0;
  const _sfc_main$1 = vue.defineComponent({
    name: "OIconDanger",
    svgType: "color",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-danger", "type-color"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId$1++
      };
    }
  });
  function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
    return vue.openBlock(), vue.createElementBlock(
      "svg",
      {
        viewBox: "0 0 24 24",
        class: vue.normalizeClass(_ctx.classNames)
      },
      [
        _ctx.isClient ? (vue.openBlock(), vue.createElementBlock(
          vue.Fragment,
          { key: 0 },
          [
            _cache[0] || (_cache[0] = vue.createElementVNode(
              "path",
              {
                fill: "currentColor",
                d: "M21 12c0 4.971-4.029 9-9 9s-9-4.029-9-9 4.029-9 9-9 9 4.029 9 9"
              },
              null,
              -1
              /* HOISTED */
            )),
            _cache[1] || (_cache[1] = vue.createElementVNode(
              "path",
              {
                fill: "#fff",
                d: "M12.989 12.989a.6.6 0 0 1 .766-.069l.083.069 2.271 2.271.032.035a.599.599 0 0 1-.765.902l-.084-.06-.035-.032-2.268-2.268a.6.6 0 0 1-.113-.689l.049-.084.064-.076zM7.895 7.895a.6.6 0 0 1 .727-.094l.086.062.035.032L12 11.151l3.257-3.256a.6.6 0 0 1 .674-.122l.091.052.083.069a.6.6 0 0 1 .092.73l-.06.084-.032.035-7.362 7.362a.601.601 0 0 1-.941-.73l.06-.084.032-.035 3.256-3.258-3.291-3.294a.6.6 0 0 1 .035-.81z"
              },
              null,
              -1
              /* HOISTED */
            ))
          ],
          64
          /* STABLE_FRAGMENT */
        )) : vue.createCommentVNode("v-if", true)
      ],
      2
      /* CLASS */
    );
  }
  const OIconDanger = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
  let globalId = 0;
  vue.defineComponent({
    name: "OIconAscend",
    svgType: "color",
    setup() {
      const classNames = ["o-svg-icon", "o-icon-ascend", "type-color"];
      const isClient = vue.ref(false);
      vue.onMounted(() => {
        isClient.value = true;
      });
      return {
        isClient,
        classNames,
        globalId: globalId++
      };
    }
  });
  vue.shallowRef(OIconArrowUp);
  vue.shallowRef(OIconArrowDown);
  vue.shallowRef(OIconArrowLeft);
  vue.shallowRef(OIconArrowRight);
  vue.shallowRef(OIconChevronUp);
  vue.shallowRef(OIconChevronDown);
  vue.shallowRef(OIconChevronDownBold);
  vue.shallowRef(OIconChevronLeft);
  vue.shallowRef(OIconChevronRight);
  vue.shallowRef(OIconInfo);
  vue.shallowRef(OIconSuccess);
  vue.shallowRef(OIconWarning);
  vue.shallowRef(OIconDanger);
  const IconLoading = vue.shallowRef(OIconLoading);
  vue.shallowRef(OIconLink);
  vue.shallowRef(OIconArrowRight);
  vue.shallowRef(OIconDone);
  vue.shallowRef(OIconClose);
  vue.shallowRef(OIconAdd);
  vue.shallowRef(OIconMinus);
  vue.shallowRef(OIconEllipsis);
  vue.shallowRef(OIconStar);
  vue.shallowRef(OIconRefresh);
  vue.shallowRef(OIconDelete);
  vue.shallowRef(OIconEye);
  vue.shallowRef(OIconFile);
  vue.shallowRef(OIconEdit);
  vue.shallowRef(OIconEye);
  vue.shallowRef(OIconEyeOff);
  vue.shallowRef(OIconImageError);
  vue.shallowRef(OIconVideoPlay);
  vue.shallowRef(OIconChecked);
  vue.shallowRef(OIconCalendar);
  vue.shallowRef(OIconDoubleArrowLeft);
  vue.shallowRef(OIconDoubleArrowRight);
  vue.shallowRef(OIconChevronLeft);
  vue.shallowRef(OIconChevronRight);
  const iconProps = {
    icon: {
      type: Object
    },
    /**
     * 按钮图标
     */
    button: {
      type: Boolean
    },
    /**
     * 禁用
     */
    disabled: {
      type: Boolean
    },
    /**
     * 是否为loading状态
     */
    loading: {
      type: Boolean
    }
  };
  const _hoisted_1 = ["tabindex"];
  const _sfc_main = /* @__PURE__ */ vue.defineComponent({
    __name: "OIcon",
    props: iconProps,
    setup(__props) {
      const props = __props;
      return (_ctx, _cache) => {
        return vue.openBlock(), vue.createElementBlock("div", {
          class: vue.normalizeClass(["o-icon", [
            {
              "o-icon-btn": props.button,
              "o-icon-btn-disabled": props.disabled
            }
          ]]),
          tabindex: props.button ? 0 : ""
        }, [
          vue.renderSlot(_ctx.$slots, "default", {}, () => [
            props.loading ? (vue.openBlock(), vue.createBlock(vue.unref(IconLoading), {
              key: 0,
              class: "o-rotating"
            })) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.icon), { key: 1 }))
          ])
        ], 10, _hoisted_1);
      };
    }
  });
  const OIcon = Object.assign(_sfc_main, {
    install(app) {
      app.component("OIcon", _sfc_main);
    }
  });
  exports2.OIcon = OIcon;
  exports2.iconProps = iconProps;
  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
});
//# sourceMappingURL=opendesign-icon.js.map
