ucc-ui/dist/es/Icon-BypviEOd.js

ucc-ui components library

import { defineComponent as l, computed as t, openBlock as r, createElementBlock as s, mergeProps as i, createVNode as c, unref as y, normalizeProps as m, guardReactiveProps as B } from "vue";
import { FontAwesomeIcon as u } from "@fortawesome/vue-fontawesome";
import { q as f } from "./vendors-PY6Ic9FA.js";
const h = /* @__PURE__ */ l({
  name: "UIcon",
  inheritAttrs: !1,
  __name: "Icon",
  props: {
    border: { type: Boolean },
    fixedWidth: { type: Boolean },
    flip: {},
    icon: {},
    mask: {},
    listItem: { type: Boolean },
    pull: {},
    pulse: { type: Boolean },
    rotation: {},
    swapOpacity: { type: Boolean },
    size: {},
    spin: { type: Boolean },
    transform: {},
    symbol: { type: Boolean },
    title: {},
    inverse: { type: Boolean },
    bounce: { type: Boolean },
    shake: { type: Boolean },
    fade: { type: Boolean },
    beatFade: { type: Boolean },
    spinPulse: { type: Boolean },
    spinReverse: { type: Boolean },
    type: {},
    color: {}
  },
  setup(n) {
    const o = n, p = t(() => f(o, ["type", "color"])), a = t(() => ({ color: o.color ?? void 0 }));
    return (e, d) => (r(), s("i", i({
      class: ["u-icon", {
        [`u-icon--${e.type}`]: e.type
      }],
      style: a.value
    }, e.$attrs), [
      c(y(u), m(B(p.value)), null, 16)
    ], 16));
  }
});
export {
  h as _
};