digivue/icon/index.mjs

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

import BaseComponent from '@digivue/core/basecomponent';
import BaseIconStyle from '@digivue/icons/baseicon/style';
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
import { resolveComponent, createBlock, openBlock, mergeProps } from 'vue';

var script$1 = {
  name: 'BaseIcon',
  "extends": BaseComponent,
  props: {
    beat: {
      type: Boolean,
      "default": false
    },
    beatFade: {
      type: Boolean,
      "default": false
    },
    border: {
      type: Boolean,
      "default": false
    },
    bounce: {
      type: Boolean,
      "default": false
    },
    fade: {
      type: Boolean,
      "default": false
    },
    family: {
      type: String,
      "default": undefined
    },
    fixedWidth: {
      type: Boolean,
      "default": false
    },
    flip: {
      type: [Boolean, String],
      "default": false
    },
    icon: {
      type: String,
      required: true
    },
    iconStyle: {
      type: String,
      "default": 'fas'
    },
    inverse: {
      type: Boolean,
      "default": false
    },
    mask: {
      type: String,
      "default": undefined
    },
    pull: {
      type: String,
      "default": undefined
    },
    rotation: {
      type: String,
      "default": undefined
    },
    shake: {
      type: Boolean,
      "default": false
    },
    size: {
      type: String,
      "default": undefined
    },
    spin: {
      type: Boolean,
      "default": false
    },
    spinPulse: {
      type: Boolean,
      "default": false
    },
    spinReverse: {
      type: Boolean,
      "default": false
    },
    swapOpacity: {
      type: Boolean,
      "default": false
    },
    transform: {
      type: String,
      "default": undefined
    }
  },
  style: BaseIconStyle,
  provide: function provide() {
    return {
      $pcIcon: this,
      $parentInstance: this
    };
  }
};

var script = {
  name: 'Icon',
  components: {
    FontAwesomeIcon: FontAwesomeIcon
  },
  "extends": script$1,
  inheritAttrs: false,
  computed: {
    faIcon: function faIcon() {
      return [this.iconStyle, this.icon];
    }
  }
};

function render(_ctx, _cache, $props, $setup, $data, $options) {
  var _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
  return openBlock(), createBlock(_component_FontAwesomeIcon, mergeProps({
    beat: _ctx.beat,
    "beat-fade": _ctx.beatFade,
    border: _ctx.border,
    bounce: _ctx.bounce,
    "class": _ctx.cx('root'),
    fade: _ctx.fade,
    "fixed-width": _ctx.fixedWidth,
    flip: _ctx.flip,
    icon: $options.faIcon,
    inverse: _ctx.inverse,
    mask: _ctx.mask,
    pull: _ctx.pull,
    rotation: _ctx.rotation,
    shake: _ctx.shake,
    size: _ctx.size,
    spin: _ctx.spin,
    "spin-pulse": _ctx.spinPulse,
    "spin-reverse": _ctx.spinReverse,
    "swap-opacity": _ctx.swapOpacity,
    transform: _ctx.transform
  }, _ctx.ptmi('root')), null, 16, ["beat", "beat-fade", "border", "bounce", "class", "fade", "fixed-width", "flip", "icon", "inverse", "mask", "pull", "rotation", "shake", "size", "spin", "spin-pulse", "spin-reverse", "swap-opacity", "transform"]);
}

script.render = render;

export { script as default };
//# sourceMappingURL=index.mjs.map