pragmate-ui/spinner/spinner.amd.js

An advanced, on-demand React UI library optimized for BeyondJS. Pragmate UI provides modular, responsive, and accessible components with a focus on efficient bundle sizes and a streamlined development process.

define(["exports", "module", "@beyond-js/kernel/bundle", "react", "@beyond-js/kernel/styles"], function (_exports, _amd_module, dependency_0, dependency_1, dependency_2) {
  "use strict";

  Object.defineProperty(_exports, "__esModule", {
    value: true
  });
  _exports.hmr = _exports.__beyond_pkg = _exports.Spinner = void 0;
  const {
    Bundle: __Bundle
  } = dependency_0;
  const __pkg = new __Bundle({
    "module": {
      "vspecifier": "pragmate-ui@1.0.1/spinner"
    },
    "type": "code",
    "name": "spinner"
  }, _amd_module.uri).package();
  ;
  __pkg.dependencies.update([['react', dependency_1], ['@beyond-js/kernel/styles', dependency_2]]);
  brequire('@beyond-js/kernel/styles').styles.register('pragmate-ui@1.0.1/spinner');
  const ims = new Map();

  /*************************
  INTERNAL MODULE: ./spinner
  *************************/

  ims.set('./spinner', {
    hash: 3225295911,
    creator: function (require, exports) {
      "use strict";

      Object.defineProperty(exports, "__esModule", {
        value: true
      });
      exports.Spinner = void 0;
      var _react = require("react");
      /*bundle*/
      const Spinner = exports.Spinner = (0, _react.forwardRef)((props, ref) => {
        let {
          color,
          className,
          size,
          type,
          active
        } = props;
        const types = ['on-primary', 'on-secondary', 'on-surface', 'on-error', 'primary', 'secondary', 'tertiary'];
        const clsType = types.includes(type) ? type : 'primary';
        const style = {};
        if (color) style.stroke = color;
        className = `${clsType}${className ? ` ${className}` : ''}`;
        let cls = className ? `${className} pragmate-element-spinner` : 'pragmate-element-spinner';
        if (active) cls += ' is-active';
        const sizes = {
          xs: 30,
          md: 40,
          lg: 50,
          xl: 60
        };
        const circleSize = sizes[size] || 30;
        return _react.default.createElement("div", {
          className: cls,
          ref: ref
        }, _react.default.createElement("svg", {
          viewBox: '0 0 100 100'
        }, _react.default.createElement("circle", {
          cx: '50',
          cy: '50',
          r: circleSize,
          style: style
        })));
      });
    }
  });
  __pkg.exports.descriptor = [{
    "im": "./spinner",
    "from": "Spinner",
    "name": "Spinner"
  }];
  let Spinner = _exports.Spinner = void 0;

  // Module exports
  __pkg.exports.process = function ({
    require,
    prop,
    value
  }) {
    (require || prop === 'Spinner') && (_exports.Spinner = Spinner = require ? require('./spinner').Spinner : value);
  };
  const __beyond_pkg = _exports.__beyond_pkg = __pkg;
  const hmr = _exports.hmr = new function () {
    this.on = (event, listener) => void 0;
    this.off = (event, listener) => void 0;
  }();
  __pkg.initialise(ims);
});
//# sourceMappingURL=spinner.amd.js.map