accessibleprimevue/speeddial/style/speeddialstyle.js

Note: This is the forked version of the Primefaces/PrimeVue repository. Since V3 has reached its EOL this is use to fix identified accessibility bugs in the v3 version of primevue. PrimeVue is an open source UI library for Vue featuring a rich set of 80+

this.primevue = this.primevue || {};
this.primevue.speeddial = this.primevue.speeddial || {};
this.primevue.speeddial.style = (function (BaseStyle) {
    'use strict';

    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

    var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);

    function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
    function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
    function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
    function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }

    /* Direction */
    var inlineStyles = {
      root: function root(_ref) {
        var props = _ref.props;
        return {
          alignItems: (props.direction === 'up' || props.direction === 'down') && 'center',
          justifyContent: (props.direction === 'left' || props.direction === 'right') && 'center',
          flexDirection: props.direction === 'up' ? 'column-reverse' : props.direction === 'down' ? 'column' : props.direction === 'left' ? 'row-reverse' : props.direction === 'right' ? 'row' : null
        };
      },
      menu: function menu(_ref2) {
        var props = _ref2.props;
        return {
          flexDirection: props.direction === 'up' ? 'column-reverse' : props.direction === 'down' ? 'column' : props.direction === 'left' ? 'row-reverse' : props.direction === 'right' ? 'row' : null
        };
      }
    };
    var classes = {
      root: function root(_ref3) {
        var instance = _ref3.instance,
          props = _ref3.props;
        return ["p-speeddial p-component p-speeddial-".concat(props.type), _defineProperty(_defineProperty(_defineProperty({}, "p-speeddial-direction-".concat(props.direction), props.type !== 'circle'), 'p-speeddial-opened', instance.d_visible), 'p-disabled', props.disabled)];
      },
      button: function button(_ref5) {
        var props = _ref5.props;
        return ['p-speeddial-button p-button-rounded', {
          'p-speeddial-rotate': props.rotateAnimation && !props.hideIcon
        }];
      },
      menu: 'p-speeddial-list',
      menuitem: function menuitem(_ref6) {
        var instance = _ref6.instance,
          id = _ref6.id;
        return ['p-speeddial-item', {
          'p-focus': instance.isItemActive(id)
        }];
      },
      action: function action(_ref7) {
        var item = _ref7.item;
        return ['p-speeddial-action', {
          'p-disabled': item.disabled
        }];
      },
      actionIcon: 'p-speeddial-action-icon',
      mask: function mask(_ref8) {
        var instance = _ref8.instance;
        return ['p-speeddial-mask', {
          'p-speeddial-mask-visible': instance.d_visible
        }];
      }
    };
    var SpeedDialStyle = BaseStyle__default["default"].extend({
      name: 'speeddial',
      classes: classes,
      inlineStyles: inlineStyles
    });

    return SpeedDialStyle;

})(primevue.base.style);