UNPKG

@jay-js/ui

Version:

A library of UI components for Jay JS with Tailwind CSS and daisyUI.

115 lines (114 loc) 4.17 kB
function _define_property(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function _object_spread(target) { for(var i = 1; i < arguments.length; i++){ var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function(key) { _define_property(target, key, source[key]); }); } return target; } function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function(sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; } function _object_spread_props(target, source) { source = source != null ? source : {}; if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function(key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } function _object_without_properties(source, excluded) { if (source == null) return {}; var target = _object_without_properties_loose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for(i = 0; i < sourceSymbolKeys.length; i++){ key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } function _object_without_properties_loose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for(i = 0; i < sourceKeys.length; i++){ key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } import { Base } from "../Base/Base.js"; import { mergeClasses } from "../../utils/mergeClasses.js"; export function RadialProgress(_param = { tag: "div" }) { var { value = 0, size, thickness } = _param, props = _object_without_properties(_param, [ "value", "size", "thickness" ]); const className = mergeClasses([ "radial-progress", props.className ]); const element = Base(_object_spread_props(_object_spread({}, props), { className, role: "progressbar" })); if (value) { var _element_getAttribute; const currentStyle = (_element_getAttribute = element.getAttribute("style")) !== null && _element_getAttribute !== void 0 ? _element_getAttribute : ""; element.setAttribute("style", `${currentStyle} --value: ${value};`); } if (size) { var _element_getAttribute1; const currentStyle = (_element_getAttribute1 = element.getAttribute("style")) !== null && _element_getAttribute1 !== void 0 ? _element_getAttribute1 : ""; element.setAttribute("style", `${currentStyle} --size: ${size};`); } if (thickness) { var _element_getAttribute2; const currentStyle = (_element_getAttribute2 = element.getAttribute("style")) !== null && _element_getAttribute2 !== void 0 ? _element_getAttribute2 : ""; element.setAttribute("style", `${currentStyle} --thickness: ${thickness};`); } return element; }