pragmate-ui
Version:
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.
485 lines (471 loc) • 130 kB
JavaScript
System.register(["@beyond-js/kernel/bundle", "react", "tippy.js", "@beyond-js/kernel/routing", "pragmate-ui/ripple", "@beyond-js/kernel/styles"], function (_export, _context) {
"use strict";
var dependency_0, dependency_1, dependency_2, dependency_3, dependency_4, dependency_5, __Bundle, __pkg, ims, IconButton, Icon, PRAGMATE_ICONS, register, __beyond_pkg, hmr;
_export({
IconButton: void 0,
Icon: void 0,
PRAGMATE_ICONS: void 0,
register: void 0
});
return {
setters: [function (_beyondJsKernelBundle) {
dependency_0 = _beyondJsKernelBundle;
}, function (_react2) {
dependency_1 = _react2;
}, function (_tippyJs) {
dependency_2 = _tippyJs;
}, function (_beyondJsKernelRouting) {
dependency_3 = _beyondJsKernelRouting;
}, function (_pragmateUiRipple) {
dependency_4 = _pragmateUiRipple;
}, function (_beyondJsKernelStyles) {
dependency_5 = _beyondJsKernelStyles;
}],
execute: function () {
({
Bundle: __Bundle
} = dependency_0);
__pkg = new __Bundle({
"module": {
"vspecifier": "pragmate-ui@1.0.1/icons"
},
"type": "code",
"name": "icon"
}, _context.meta.url).package();
;
__pkg.dependencies.update([['react', dependency_1], ['tippy.js', dependency_2], ['@beyond-js/kernel/routing', dependency_3], ['pragmate-ui/ripple', dependency_4], ['@beyond-js/kernel/styles', dependency_5]]);
brequire('@beyond-js/kernel/styles').styles.register('pragmate-ui@1.0.1/icons');
ims = new Map();
/************************
INTERNAL MODULE: ./button
************************/
ims.set('./button', {
hash: 136364452,
creator: function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.IconButton = void 0;
var _react = require("react");
var _tippy = require("tippy.js");
var _routing = require("@beyond-js/kernel/routing");
var _icon = require("./icon");
var _ripple = require("pragmate-ui/ripple");
var _htmlAttributes = require("./icons/html-attributes");
/*bundle*/
const IconButton = exports.IconButton = (0, _react.forwardRef)((props, ref) => {
const {
icon,
onClick,
viewBox,
disabled,
name,
value,
id,
title,
children,
href,
target
} = props;
const buttonRef = _react.default.useRef(null);
const rippleRef = _react.default.useRef(null);
_react.default.useEffect(() => {
const ripple = new _ripple.RippleEffect();
const icon = buttonRef.current?.querySelector('svg');
ripple.addRippleEffect(rippleRef.current);
// ripple.addRippleEffect(icon);
if (title) {
(0, _tippy.default)(buttonRef.current, {
content: title
});
}
}, [title]);
const onClickButton = async event => {
event.preventDefault();
if (onClick && typeof onClick === 'function') {
onClick(event);
return;
}
if (href) {
event.stopPropagation();
if (target === '_blank') {
globalThis.open(href, target);
return;
}
_routing.routing.pushState(href);
}
};
let {
className,
type,
variant = 'default'
} = props;
type = !!type ? type : 'button';
className = className ? ` pui-icon-button ${className}` : 'pui-icon-button';
className += variant ? ` btn-${variant}` : '';
const attrs = Object.assign({}, props);
const attrsToDelete = ['icon', 'type', 'title', 'viewBox', 'className', 'bordered'];
attrsToDelete.forEach(attr => {
delete attrs[attr];
});
const iconAttributes = {
...attrs
};
// const iconName = typeof icon === 'string' ? icon : icon?.name;
if (typeof icon === 'string') {
iconAttributes.icon = icon;
} else if (icon && typeof icon === 'object') {
iconAttributes.icon = icon.icon; // Assuming you want to use the path from IPuiIcon as the icon string
if (icon.viewBox) iconAttributes.viewBox = icon.viewBox;
}
if (viewBox) iconAttributes.viewBox = viewBox;
title ? attrs['data-tippy-content'] = title : null;
const buttonAttrs = (0, _htmlAttributes.getAttributes)(attrs);
const handleIconClick = event => {
event.stopPropagation();
if (buttonRef.current) {
buttonRef.current.click();
}
};
return _react.default.createElement("button", {
id: id,
type: type,
ref: buttonRef,
name: name,
value: value,
disabled: disabled,
className: className,
onClick: onClickButton,
...buttonAttrs
}, _react.default.createElement("span", {
ref: rippleRef,
className: "pui-icon-button-mask"
}), _react.default.createElement(_icon.Icon, {
...iconAttributes,
onClick: handleIconClick
}), children);
});
}
});
/**********************
INTERNAL MODULE: ./icon
**********************/
ims.set('./icon', {
hash: 3728088786,
creator: function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Icon = void 0;
var _react = require("react");
var _icons = require("./icons");
var _tippy = require("tippy.js");
/*bundle*/
const Icon = props => {
let {
icon,
className,
name,
title
} = props;
const iconsList = _icons.PRAGMATE_ICONS;
const ref = _react.default.useRef(null);
_react.default.useEffect(() => {
// if (title === 'content-theory') console.log(4, title, ref.current);
if (title) {
(0, _tippy.default)(ref.current, {
content: title
});
}
}, [title]);
if (!icon) return _react.default.createElement("div", {
key: "preload"
});
let viewBox = '0 0 24 24';
name = name ? name : typeof icon === 'string' ? icon : icon.icon;
if (iconsList.hasOwnProperty(name)) icon = iconsList[name];
if (typeof icon === 'object') {
viewBox = icon.viewBox ? icon.viewBox : viewBox;
icon = icon.icon;
}
const properties = Object.assign({
...props
}, {
viewBox: props.viewBox ? props.viewBox : viewBox,
className: !className ? 'pui-icon' : `pui-icon ${className}`
});
props.title ? properties['data-tippy-content'] = props.title : null;
delete properties.icon;
props['data-item'] ? properties['data-item'] = props['data-item'] : null;
return _react.default.createElement("svg", {
...properties,
"data-icon-name": name,
ref: ref
}, _react.default.createElement("g", {
dangerouslySetInnerHTML: {
__html: icon
}
}));
};
exports.Icon = Icon;
}
});
/***************************************
INTERNAL MODULE: ./icons/html-attributes
***************************************/
ims.set('./icons/html-attributes', {
hash: 1750835586,
creator: function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.getAttributes = getAttributes;
/**
* A Set containing common HTML attributes that are used to control element behavior and information.
* This Set is utilized to filter properties from objects to ensure only valid HTML attributes,
* including accessibility attributes (those starting with 'aria-') and custom data attributes (those starting with 'data-'),
* are included. These attributes can influence the HTML rendering and are recognized by web browsers.
*/
const htmlAttributes = new Set(['id', 'class', 'style', 'title', 'data', 'value', 'href', 'src', 'alt', 'onclick', 'onchange', 'onmouseover', 'disabled', 'readonly', 'type', 'placeholder', 'name', 'method', 'action', 'checked', 'selected', 'width', 'height', 'maxlength', 'minlength', 'pattern', 'step', 'required', 'autocomplete', 'autofocus', 'multiple', 'form', 'size', 'srcset', 'for', 'tabindex', 'role', 'aria-label']);
/**
* Filters the properties of an object to include only those that are recognized HTML attributes, with the
* capability to explicitly exclude certain attributes even if they are valid. The function checks for standard
* attributes defined in the `htmlAttributes` set, and dynamically accepts any properties that begin with 'aria-'
* or 'data-'. It excludes any properties listed in the `exclusions` array, regardless of their validity as HTML attributes.
*
* @param {Record<string, any>} props - The object containing properties that may or may not correspond to valid HTML attributes.
* @param {string[]} exclusions - Array of property names to be excluded from the returned object, even if they are valid HTML attributes.
* @returns {Record<string, any>} A new object containing only the properties that are valid HTML attributes and not listed in exclusions.
*/
function getAttributes(props, exclusions = []) {
const filtered = {};
const exclusionSet = new Set(exclusions); // Convert exclusions array to a Set for efficient lookup
for (const prop in props) {
// Check for known attributes or attributes starting with 'aria-' or 'data-' and not in the exclusions list
if ((htmlAttributes.has(prop) || prop.startsWith('aria-') || prop.startsWith('data-')) && !exclusionSet.has(prop)) {
filtered[prop] = props[prop];
}
}
return filtered;
}
}
});
/*****************************
INTERNAL MODULE: ./icons/index
*****************************/
ims.set('./icons/index', {
hash: 487821644,
creator: function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.register = exports.PRAGMATE_ICONS = void 0;
var _list = require("./list");
var _media = require("./media");
/*bundle*/
const PRAGMATE_ICONS = exports.PRAGMATE_ICONS = {
..._list.GENERAL_ICONS,
..._media.MEDIA_ICONS
};
/*bundle */
const register = icons => {
const keys = Object.keys(icons);
keys.forEach(key => {
PRAGMATE_ICONS[key] = icons[key];
});
};
exports.register = register;
}
});
/****************************
INTERNAL MODULE: ./icons/list
****************************/
ims.set('./icons/list', {
hash: 3165641714,
creator: function (require, exports) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.GENERAL_ICONS = void 0;
const GENERAL_ICONS = exports.GENERAL_ICONS = {
call: {
viewBox: '0 0 24 24',
icon: `<g id="call"><path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"></path></g>`
},
mic: {
viewBox: '0 0 24 24',
icon: `<g id="mic"><path d="M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z"></path></g>`
},
micOff: {
viewBox: '0 0 24 24',
icon: `<g id="mic-off"><path d="M19 11h-1.7c0 .74-.16 1.43-.43 2.05l1.23 1.23c.56-.98.9-2.09.9-3.28zm-4.02.17c0-.06.02-.11.02-.17V5c0-1.66-1.34-3-3-3S9 3.34 9 5v.18l5.98 5.99zM4.27 3L3 4.27l6.01 6.01V11c0 1.66 1.33 3 2.99 3 .22 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.54-.9L19.73 21 21 19.73 4.27 3z"></path></g>`
},
callEnd: {
viewBox: '0 0 24 24',
icon: `<g id="call-end"><path d="M12 9c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 13.08c-.18-.17-.29-.42-.29-.7 0-.28.11-.53.29-.71C3.34 8.78 7.46 7 12 7s8.66 1.78 11.71 4.67c.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28-.79-.74-1.69-1.36-2.67-1.85-.33-.16-.56-.5-.56-.9v-3.1C15.15 9.25 13.6 9 12 9z"></path></g>`
},
speech: {
viewBox: '0 0 24 24',
icon: `<path d="M9.5 4C8.67157 4 8 4.67157 8 5.5V18.5C8 19.3284 8.67157 20 9.5 20C10.3284 20 11 19.3284 11 18.5V5.5C11 4.67157 10.3284 4 9.5 4Z" fill="currentColor"></path><path d="M13 8.5C13 7.67157 13.6716 7 14.5 7C15.3284 7 16 7.67157 16 8.5V15.5C16 16.3284 15.3284 17 14.5 17C13.6716 17 13 16.3284 13 15.5V8.5Z" fill="currentColor"></path><path d="M4.5 9C3.67157 9 3 9.67157 3 10.5V13.5C3 14.3284 3.67157 15 4.5 15C5.32843 15 6 14.3284 6 13.5V10.5C6 9.67157 5.32843 9 4.5 9Z" fill="currentColor"></path><path d="M19.5 9C18.6716 9 18 9.67157 18 10.5V13.5C18 14.3284 18.6716 15 19.5 15C20.3284 15 21 14.3284 21 13.5V10.5C21 9.67157 20.3284 9 19.5 9Z" fill="currentColor"></path>`
},
categories: {
icon: `<path d="M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zm0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5zm0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5zM7 19h14v-2H7v2zm0-6h14v-2H7v2zm0-8v2h14V5H7z"></path>`
},
'add-circle': `<g id="add-circle"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path></g>`,
units: {
viewBox: '-14 0 414 414.8',
icon: `<path d="m382.199219 22.699219h-59.300781c-2.398438-13.097657-13.898438-22.699219-27.199219-22.699219h-290.300781c-2.796876 0-5 2.199219-5 5 0 1.300781.5 2.601562 1.402343 3.5l34.597657 35.800781v285c0 47.199219 38.300781 85.398438 85.402343 85.5h116c47.300781 0 85.597657-38.300781 85.597657-85.5v-296.601562h53.800781v208.300781c0 2.800781 2.199219 5 5 5s5-2.199219 5-5v-213.300781c0-2.699219-2.199219-5-5-5zm-68.699219 72.300781h-24.898438c-2.800781 0-5 2.199219-5 5s2.199219 5 5 5h24.898438v29h-24.898438c-2.800781 0-5 2.199219-5 5s2.199219 5 5 5h24.898438v29h-54.800781c-2.800781 0-5 2.199219-5 5s2.199219 5 5 5h54.800781v29.101562h-24.898438c-2.800781 0-5 2.199219-5 5 0 2.796876 2.199219 5 5 5h24.898438v29.296876h-24.898438c-2.800781 0-5 2.203124-5 5 0 2.800781 2.199219 5 5 5h24.898438v29h-54.800781c-2.800781 0-5 2.203124-5 5 0 2.800781 2.199219 5 5 5h54.800781v29c-.199219 41.703124-34 75.402343-75.699219 75.300781h-116c-41.699219-.097657-75.402343-33.898438-75.402343-75.5v-287c0-1.300781-.5-2.5-1.398438-3.5l-28-28.800781h278.800781c9.800781 0 17.699219 7.902343 17.699219 17.703124v28.296876h-54.800781c-2.800781 0-5 2.203124-5 5 0 2.800781 2.199219 5 5 5h54.800781zm0 0"/></svg>`
},
ingredients: {
viewBox: '0 0 512 512.04973',
icon: `<path d="m510.566406 166.050781-65.851562-143.65625c-3.941406-8.078125-13.523438-11.640625-21.785156-8.097656l-61.335938 26.101563c-14.210938-28.347657-45.058594-44.320313-76.410156-39.566407l-61.769532 8.871094c-6.433593.929687-12.714843 2.707031-18.679687 5.285156-29.496094 11.960938-47.171875 42.355469-42.984375 73.90625 1.757812 11.265625 6.367188 21.890625 13.390625 30.875l-12.980469 5.519531c-3.996094 1.75-7.125 5.027344-8.679687 9.101563-1.554688 4.078125-1.410157 8.605469.402343 12.574219l31.777344 69.222656c-88.3125 7.15625-185.6328122 30.25-185.6328122 73.992188-.015625.894531.046875 1.785156.1875002 2.667968.0625 1.355469.300781 2.699219.699218 3.996094 4.609376 27.640625 31.386719 148.078125 154.042969 201.257812 21.917969 9.367188 45.53125 14.117188 69.367188 13.945313h63.402343c23.835938.171875 47.453126-4.578125 69.367188-13.945313 126.535156-54.859374 151.042969-181.316406 154.457031-203.605468.074219-.546875.28125-1.074219.3125-1.636719.136719-.886719.191407-1.785156.164063-2.679687 0-33.1875-57.171875-52.054688-99.089844-61.441407l89.703125-41.199219c8.113281-3.75 11.660156-13.363281 7.925781-21.488281zm-299.109375-135.378906c4.59375-1.988281 9.433594-3.355469 14.386719-4.070313l61.757812-8.875c2.785157-.414062 5.597657-.617187 8.414063-.613281 20.902344-.230469 40.167969 11.289063 49.859375 29.8125l-154.453125 65.757813c-6.84375-7.273438-11.304687-16.457032-12.800781-26.332032-3.023438-23.875 10.480468-46.773437 32.835937-55.679687zm135.023438 209.585937-75.511719 34.644532c-1.125.515625-2.121094 1.273437-2.925781 2.210937l-23.042969 26.324219-19.992188-43.125 111.179688-47.652344c31.230469-11.734375 64.765625-16.03125 97.945312-12.558594zm-102.503907 109.507813c-3.621093-7.0625-4.804687-15.125-3.359374-22.929687.371093.125.753906.226562 1.140624.300781.375.050781.75.078125 1.128907.078125 2.457031 0 4.792969-1.058594 6.414062-2.902344l30.109375-34.304688 48.039063-22.015624c68.421875 6.417968 124.640625 22.101562 151.511719 41.882812-36.632813 23.824219-125.089844 40.035156-222.933594 40.035156-4.046875 0-8.039063-.09375-12.050782-.144531zm-210.898437-39.917969c27.304687-20.136718 85.195313-35.992187 154.757813-42.230468-20.289063 20.757812-34.195313 46.910156-40.0625 75.339843-51.320313-6.980469-92.773438-19.011719-114.695313-33.109375zm177.140625-40.207031 7.40625 16.132813 10.949219 22.804687c-6.097657 12.699219-7.292969 27.207031-3.359375 40.738281-18.773438-.667968-37.171875-1.863281-54.929688-3.714844-1.914062-.179687-3.6875-.425781-5.566406-.628906 6.6875-29.347656 22.640625-55.757812 45.5-75.332031zm-16.929688-36.875 7.679688 16.699219c-81.917969 5.648437-149.5625 24.039062-180.90625 48.847656-1.125-1.585938-1.964844-3.355469-2.472656-5.234375-.230469-1.484375-.375-2.558594-.453125-3.148437.46875-22.183594 66.191406-49.246094 176.152343-57.164063zm157.015626 249.675781c-19.777344 8.441406-41.078126 12.707032-62.578126 12.535156h-63.402343c-21.5.171876-42.804688-4.09375-62.582031-12.535156-87.664063-38.015625-122.878907-112.945312-136.535157-157.472656 25.269531 15.640625 69.273438 28.3125 124.316407 35.457031 1.414062.179688 2.917968.316407 4.351562.492188h.433594c4.738281.574219 9.472656 1.164062 14.328125 1.613281 22.058593 2.304688 45.097656 3.679688 68.675781 4.164062.539062.152344 1.089844.246094 1.648438.28125.332031-.042968.660156-.105468.980468-.195312 5.351563.09375 10.691406.195312 16.085938.195312 100.796875 0 189.941406-16.613281 230.867187-42.085937-13.625 44.527344-48.867187 119.519531-136.582031 157.550781zm144.65625-192.5c0 .269532-.085938.613282-.144532 1.046875-.0625.4375-.15625.921875-.199218 1.339844-.039063.257813-.066407.460937-.109376.75-.511718 1.882813-1.355468 3.660156-2.484374 5.25-25.179688-19.96875-73.488282-35.753906-134.585938-44.117187l29.011719-13.339844c74.121093 12.835937 107.792969 33.589844 108.511719 49.070312zm-31.234376-103.359375c-21.546874-3.710937-83.257812-11.425781-134.261718 10.421875l-111.609375 47.835938-48.09375-104.234375 79.617187-34.046875 26.25-11.179688 28.609375 61.679688c1.984375 4.277344 7.0625 6.136718 11.339844 4.152344 4.277344-1.984376 6.132813-7.0625 4.148437-11.335938l-28.390624-61.144531 15.421874-6.558594 28.039063 60.378906c1.984375 4.277344 7.0625 6.136719 11.335937 4.152344 4.277344-1.984375 6.136719-7.058594 4.152344-11.335937l-27.808594-59.929688 15.410157-6.5625 27.46875 59.171875c1.285156 2.761719 3.949219 4.632813 6.984375 4.902344 3.039062.269531 5.988281-1.101563 7.742187-3.597657 1.75-2.496093 2.039063-5.734374.753907-8.5l-27.230469-58.625 6.628906-2.824218c.316406-.179688.621094-.382813.90625-.605469l7.789063-3.328125 26.976562 58.027344c1.398438 3.015625 4.421875 4.945312 7.746094 4.941406 1.242187 0 2.464844-.273438 3.585937-.804688 4.273438-1.984374 6.128907-7.054687 4.144531-11.332031l-26.75-57.617187 15.417969-6.59375 26.414063 56.863281c1.402344 3.015625 4.421875 4.9375 7.746094 4.933594 1.238281.003906 2.460937-.269531 3.585937-.792969 4.273437-1.984375 6.128906-7.058594 4.144531-11.332031l-26.1875-56.363281 13.5-5.777344 65.457032 142.796875zm0 0"/></svg>`
},
users: {
viewBox: '',
icon: `<path d="M3 5v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2H5c-1.11 0-2 .9-2 2zm12 4c0 1.66-1.34 3-3 3s-3-1.34-3-3 1.34-3 3-3 3 1.34 3 3zm-9 8c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1H6v-1z"></path>`
},
calendar: {
viewBox: '0 0 122.88 122.89',
icon: '<path xmlns="http://www.w3.org/2000/svg" d="M81.61,4.73C81.61,2.12,84.19,0,87.38,0s5.77,2.12,5.77,4.73V25.45c0,2.61-2.58,4.73-5.77,4.73s-5.77-2.12-5.77-4.73V4.73ZM66.11,105.66c-.8,0-.8-10.1,0-10.1H81.9c.8,0,.8,10.1,0,10.1ZM15.85,68.94c-.8,0-.8-10.1,0-10.1H31.64c.8,0,.8,10.1,0,10.1Zm25.13,0c-.8,0-.8-10.1,0-10.1H56.77c.8,0,.8,10.1,0,10.1Zm25.13,0c-.8,0-.8-10.1,0-10.1H81.9c.8,0,.8,10.1,0,10.1Zm25.14-10.1H107c.8,0,.8,10.1,0,10.1H91.25c-.8,0-.8-10.1,0-10.1ZM15.85,87.3c-.8,0-.8-10.1,0-10.1H31.64c.8,0,.8,10.1,0,10.1ZM41,87.3c-.8,0-.8-10.1,0-10.1H56.77c.8,0,.8,10.1,0,10.1Zm25.13,0c-.8,0-.8-10.1,0-10.1H81.9c.8,0,.8,10.1,0,10.1Zm25.14,0c-.8,0-.8-10.1,0-10.1H107c.8,0,.8,10.1,0,10.1Zm-75.4,18.36c-.8,0-.8-10.1,0-10.1H31.64c.8,0,.8,10.1,0,10.1Zm25.13,0c-.8,0-.8-10.1,0-10.1H56.77c.8,0,.8,10.1,0,10.1ZM29.61,4.73C29.61,2.12,32.19,0,35.38,0s5.77,2.12,5.77,4.73V25.45c0,2.61-2.58,4.73-5.77,4.73s-5.77-2.12-5.77-4.73V4.73ZM6.4,43.47H116.47v-22a3,3,0,0,0-.86-2.07,2.92,2.92,0,0,0-2.07-.86H103a3.2,3.2,0,0,1,0-6.4h10.55a9.36,9.36,0,0,1,9.33,9.33v92.09a9.36,9.36,0,0,1-9.33,9.33H9.33A9.36,9.36,0,0,1,0,113.55V21.47a9.36,9.36,0,0,1,9.33-9.33H20.6a3.2,3.2,0,1,1,0,6.4H9.33a3,3,0,0,0-2.07.86,2.92,2.92,0,0,0-.86,2.07v22Zm110.08,6.41H6.4v63.67a3,3,0,0,0,.86,2.07,2.92,2.92,0,0,0,2.07.86H113.55a3,3,0,0,0,2.07-.86,2.92,2.92,0,0,0,.86-2.07V49.88ZM50.43,18.54a3.2,3.2,0,0,1,0-6.4H71.92a3.2,3.2,0,1,1,0,6.4Z"/>'
},
time: '<path d="M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8zm.5-13H11v6l5.25 3.15.75-1.23-4.5-2.67z"></path>',
recipes: {
viewBox: '0 0 128 128',
icon: `<path d="M116.49,0H22.279a1.75,1.75,0,0,0-1.75,1.75V16.772H15.51a5.757,5.757,0,0,0-5.75,5.75v2.77a5.756,5.756,0,0,0,5.75,5.75h5.019V43.5H15.51a5.756,5.756,0,0,0-5.75,5.75v2.769a5.756,5.756,0,0,0,5.75,5.75h5.019V70.233H15.51a5.757,5.757,0,0,0-5.75,5.75v2.77a5.756,5.756,0,0,0,5.75,5.75h5.019V96.964H15.51a5.756,5.756,0,0,0-5.75,5.75v2.769a5.756,5.756,0,0,0,5.75,5.75h5.019V126.25a1.75,1.75,0,0,0,1.75,1.75H116.49a1.75,1.75,0,0,0,1.75-1.75V1.75A1.75,1.75,0,0,0,116.49,0ZM15.51,27.542a2.253,2.253,0,0,1-2.25-2.25v-2.77a2.253,2.253,0,0,1,2.25-2.25h5.019v7.27Zm0,26.73a2.252,2.252,0,0,1-2.25-2.25V49.253A2.253,2.253,0,0,1,15.51,47h5.019v7.269ZM15.51,81a2.253,2.253,0,0,1-2.25-2.25v-2.77a2.253,2.253,0,0,1,2.25-2.25h5.019V81Zm0,26.73a2.252,2.252,0,0,1-2.25-2.25v-2.769a2.253,2.253,0,0,1,2.25-2.25h5.019v7.269ZM114.74,124.5H24.029V3.5H114.74Z"/></path>`
},
animals: {
viewBox: '0 0 512 512',
icon: `<path d="m271 421.917h30v30h-30z"/><path d="m211 421.917h30v30h-30z"/><path d="m458.919 153.915c52.414-52.825 53.081-124.695 53.081-127.998l-.001-25.833-22.436 12.806c-30.55 17.437-114.307 61.265-152.972 65.696-12.641-11.581-29.461-18.669-47.915-18.669h-65.354c-18.454 0-35.274 7.089-47.915 18.669-38.664-4.431-122.421-48.259-152.97-65.696l-22.437-12.807v25.833c0 3.304.667 75.174 53.082 127.999-18.545 13.815-30.344 30.238-31.182 31.421l-6.132 8.665 6.132 8.665c1.462 2.065 36.319 50.576 82.174 50.576 5.153 0 10.354-.617 15.579-1.826 1.715 25.426 8.361 50.607 19.982 74.028.474.955.938 1.915 1.395 2.88 13.437 28.443 17.471 61.684 11.359 93.599l-2.03 10.603c-3.76 19.635 1.389 39.734 14.127 55.144 12.739 15.409 31.511 24.247 51.504 24.247h80.021c19.993 0 38.766-8.837 51.504-24.247s17.887-35.508 14.127-55.144l-2.03-10.604c-6.111-31.913-2.077-65.154 11.361-93.601.455-.963.92-1.924 1.396-2.883 11.62-23.418 18.264-48.598 19.98-74.023 5.225 1.209 10.428 1.826 15.581 1.826 45.854 0 80.711-48.511 82.173-50.576l6.132-8.665-6.132-8.665c-.839-1.181-12.639-17.605-31.184-31.42zm-27.704-15.082c-7.331-2.533-15.134-4.072-23.286-4.072-12.685 0-25.509 3.638-38.291 10.804-.146-.273-.281-.551-.429-.823l-9.626-17.808c-.419-7.502-2.025-14.688-4.604-21.396 38.703-9.308 91.794-35.549 123.509-52.369-5.049 23.984-17.349 59.102-47.273 85.664zm-397.705-85.666c31.715 16.821 84.807 43.063 123.511 52.371-2.578 6.708-4.185 13.894-4.604 21.396l-9.626 17.808c-.147.272-.283.549-.428.822-12.782-7.165-25.605-10.803-38.288-10.803-8.153 0-15.956 1.539-23.288 4.073-29.93-26.566-42.229-61.689-47.277-85.667zm20.013 140.89c10.106-11.186 29.695-29.296 50.551-29.296 8.237 0 17.005 2.838 26.159 8.444-5.308 15.174-8.697 30.864-10.17 46.704-5.538 2.199-10.896 3.334-15.989 3.334-19.706-.001-39.363-16.842-50.551-29.186zm96.981 23.328 5.806 4.373c15.688 11.817 26.934 28.014 32.522 46.841s5.003 38.537-1.695 56.999l-7.663 21.12c-2.781-10.68-6.552-21.117-11.318-31.204-.539-1.142-1.091-2.279-1.651-3.409-14.721-29.669-20.018-62.672-16.001-94.72zm173.889 251.17c-7.02 8.491-17.364 13.361-28.382 13.361h-80.021c-11.017 0-21.361-4.87-28.381-13.361s-9.857-19.567-7.785-30.387l1.806-9.43 33.709-92.907c8.904-24.542 9.684-50.742 2.254-75.769s-22.379-46.558-43.231-62.266l-16.567-12.48c3.011-9.009 6.798-17.817 11.389-26.309l13.124-24.278v-3.795c0-22.617 18.4-41.018 41.018-41.018h65.354c22.617 0 41.018 18.4 41.018 41.018v3.795l13.124 24.278c4.591 8.493 8.378 17.3 11.389 26.309l-16.567 12.48c-20.853 15.708-35.802 37.239-43.231 62.266s-6.65 51.227 2.254 75.769l33.709 92.908 1.806 9.431c2.067 10.819-.771 21.894-7.789 30.385zm21.105-156.456c-.563 1.133-1.114 2.271-1.652 3.412-4.766 10.089-8.538 20.527-11.319 31.209l-7.663-21.121c-6.698-18.462-7.284-38.172-1.695-56.999s16.835-35.024 32.522-46.841l5.806-4.373c4.017 32.046-1.28 65.048-15.999 94.713zm62.431-88.857c-5.094 0-10.453-1.135-15.992-3.335-1.473-15.839-4.861-31.528-10.17-46.702 9.155-5.606 17.923-8.445 26.162-8.445 19.705 0 39.362 16.842 50.55 29.186-10.107 11.186-29.696 29.296-50.55 29.296z"/>`
},
farm: {
viewBox: '0 -38 397.264 397',
icon: `<path d="m374.632812 150.765625 22.632813-22.632813-128-128h-141.265625l-128 128 22.632812 22.632813 24-24v161.367187h-40v32h384v-32h-40v-161.367187zm-192 137.367187h-40v-72h40zm72 0h-40v-72h40zm64 0h-32v-104h-176v104h-32v-193.367187l62.632813-62.632813h114.742187l62.625 62.632813zm0 0"/><path d="m150.632812 112.132812h96v32h-96zm0 0"/>`
},
timeline: {
icon: '<path d="M23 8c0 1.1-.9 2-2 2-.18 0-.35-.02-.51-.07l-3.56 3.55c.05.16.07.34.07.52 0 1.1-.9 2-2 2s-2-.9-2-2c0-.18.02-.36.07-.52l-2.55-2.55c-.16.05-.34.07-.52.07s-.36-.02-.52-.07l-4.55 4.56c.05.16.07.33.07.51 0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2c.18 0 .35.02.51.07l4.56-4.55C8.02 9.36 8 9.18 8 9c0-1.1.9-2 2-2s2 .9 2 2c0 .18-.02.36-.07.52l2.55 2.55c.16-.05.34-.07.52-.07s.36.02.52.07l3.55-3.56C19.02 8.35 19 8.18 19 8c0-1.1.9-2 2-2s2 .9 2 2z"></path>'
},
settings: {
icon: `<path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"></path>`
},
menu: {
viewBox: '0 0 448 512',
icon: `<g><path d="M0 96C0 78.33 14.33 64 32 64H416C433.7 64 448 78.33 448 96C448 113.7 433.7 128 416 128H32C14.33 128 0 113.7 0 96zM0 256C0 238.3 14.33 224 32 224H416C433.7 224 448 238.3 448 256C448 273.7 433.7 288 416 288H32C14.33 288 0 273.7 0 256zM416 448H32C14.33 448 0 433.7 0 416C0 398.3 14.33 384 32 384H416C433.7 384 448 398.3 448 416C448 433.7 433.7 448 416 448z"/></g>`
},
'list-menu': {
viewBox: '0 0 24 24',
icon: `<g><path id="Trazado_179" data-name="Trazado 179" d="M0,0H24V24H0Z" fill="none"/><path id="Trazado_180" data-name="Trazado 180" d="M12,8a2,2,0,1,0-2-2A2.006,2.006,0,0,0,12,8Zm0,2a2,2,0,1,0,2,2A2.006,2.006,0,0,0,12,10Zm0,6a2,2,0,1,0,2,2A2.006,2.006,0,0,0,12,16Z"/></g>`
},
user: {
viewBox: '0 0 36 36',
icon: `<g>
<path id="Icon_awesome-user-circle" data-name="Icon awesome-user-circle" d="M18,.563a18,18,0,1,0,18,18A18,18,0,0,0,18,.563ZM18,7.53a6.387,6.387,0,1,1-6.387,6.387A6.387,6.387,0,0,1,18,7.53ZM18,32.5a13.908,13.908,0,0,1-10.633-4.95,8.092,8.092,0,0,1,7.149-4.34,1.776,1.776,0,0,1,.515.08,9.61,9.61,0,0,0,2.969.5,9.573,9.573,0,0,0,2.969-.5,1.776,1.776,0,0,1,.515-.08,8.092,8.092,0,0,1,7.149,4.34A13.908,13.908,0,0,1,18,32.5Z" transform="translate(0 -0.563)"/>
</g>`
},
home: '<g id="home"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"></path></g>',
'user-header': {
viewBox: '0 0 19.707 27.05',
icon: `<g>
<g id="Componente_36_4" data-name="Componente 36 – 4" transform="translate(0.297)">
<g id="Componente_44_1" data-name="Componente 44 – 1">
<path id="Trazado_9244" data-name="Trazado 9244" d="M10.415,22.841c-.438-.037-.877-.073-1.315-.117a12.35,12.35,0,0,1-4.882-1.382A5.621,5.621,0,0,1,2.249,19.6a1.812,1.812,0,0,1-.327-1.434,20.106,20.106,0,0,1,.967-3.906,3.453,3.453,0,0,1,1.145-1.633c1.373-.973,2.739-1.962,4.106-2.944a.36.36,0,0,1,.516.039,4.47,4.47,0,0,0,1.758,1.1.6.6,0,0,1,.384.461c.2.7.408,1.388.63,2.137.046-.132.081-.2.1-.281.182-.61.369-1.218.542-1.836a.618.618,0,0,1,.4-.485,4.415,4.415,0,0,0,1.739-1.086.356.356,0,0,1,.512-.058c1.338.954,2.668,1.923,4.012,2.861a4.051,4.051,0,0,1,1.416,2.091,19.859,19.859,0,0,1,.843,3.858,1.273,1.273,0,0,1-.2.83,4.941,4.941,0,0,1-1.58,1.674,9.926,9.926,0,0,1-4.131,1.547c-.828.132-1.662.184-2.492.272a.74.74,0,0,0-.14.033Zm3.4-6.648h3.281v-.861H13.812C13.812,15.619,13.812,15.9,13.812,16.194Z" transform="translate(-1.889 3.909)" />
<g id="Elipse_7" data-name="Elipse 7" transform="translate(4.056)" >
<ellipse cx="5.5" cy="6" rx="5.5" ry="6" />
<ellipse cx="5.5" cy="6" rx="5.2" ry="5.7" />
</g>
</g>
</g>
</g>`
},
key: {
viewBox: '0 0 512 512',
icon: `<g><path d="M282.3 343.7L248.1 376.1C244.5 381.5 238.4 384 232 384H192V424C192 437.3 181.3 448 168 448H128V488C128 501.3 117.3 512 104 512H24C10.75 512 0 501.3 0 488V408C0 401.6 2.529 395.5 7.029 391L168.3 229.7C162.9 212.8 160 194.7 160 176C160 78.8 238.8 0 336 0C433.2 0 512 78.8 512 176C512 273.2 433.2 352 336 352C317.3 352 299.2 349.1 282.3 343.7zM376 176C398.1 176 416 158.1 416 136C416 113.9 398.1 96 376 96C353.9 96 336 113.9 336 136C336 158.1 353.9 176 376 176z"/></g>`
},
close: `<g transform="translate(1, 1.5)"><g id="close" transform="scale(0.45)">
<path d="M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88
c-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242
C1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879
s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z"/>
</g></g>`,
'circle-exclamation': {
viewBox: '0 0 512 512',
icon: `<g><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM232 152C232 138.8 242.8 128 256 128s24 10.75 24 24v128c0 13.25-10.75 24-24 24S232 293.3 232 280V152zM256 400c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 385.9 273.4 400 256 400z"/></g>`
},
house: {
viewBox: '0 0 576 512',
icon: `<g ><path d="M575.8 255.5C575.8 273.5 560.8 287.6 543.8 287.6H511.8L512.5 447.7C512.5 450.5 512.3 453.1 512 455.8V472C512 494.1 494.1 512 472 512H456C454.9 512 453.8 511.1 452.7 511.9C451.3 511.1 449.9 512 448.5 512H392C369.9 512 352 494.1 352 472V384C352 366.3 337.7 352 320 352H256C238.3 352 224 366.3 224 384V472C224 494.1 206.1 512 184 512H128.1C126.6 512 125.1 511.9 123.6 511.8C122.4 511.9 121.2 512 120 512H104C81.91 512 64 494.1 64 472V360C64 359.1 64.03 358.1 64.09 357.2V287.6H32.05C14.02 287.6 0 273.5 0 255.5C0 246.5 3.004 238.5 10.01 231.5L266.4 8.016C273.4 1.002 281.4 0 288.4 0C295.4 0 303.4 2.004 309.5 7.014L564.8 231.5C572.8 238.5 576.9 246.5 575.8 255.5L575.8 255.5z"/></g>`
},
eye: {
viewBox: '0 0 576 512',
icon: `<g ><path d="M279.6 160.4C282.4 160.1 285.2 160 288 160C341 160 384 202.1 384 256C384 309 341 352 288 352C234.1 352 192 309 192 256C192 253.2 192.1 250.4 192.4 247.6C201.7 252.1 212.5 256 224 256C259.3 256 288 227.3 288 192C288 180.5 284.1 169.7 279.6 160.4zM480.6 112.6C527.4 156 558.7 207.1 573.5 243.7C576.8 251.6 576.8 260.4 573.5 268.3C558.7 304 527.4 355.1 480.6 399.4C433.5 443.2 368.8 480 288 480C207.2 480 142.5 443.2 95.42 399.4C48.62 355.1 17.34 304 2.461 268.3C-.8205 260.4-.8205 251.6 2.461 243.7C17.34 207.1 48.62 156 95.42 112.6C142.5 68.84 207.2 32 288 32C368.8 32 433.5 68.84 480.6 112.6V112.6zM288 112C208.5 112 144 176.5 144 256C144 335.5 208.5 400 288 400C367.5 400 432 335.5 432 256C432 176.5 367.5 112 288 112z"/></g>`
},
'eye-slash': {
viewBox: '0 0 640 512',
icon: `<g ><path d="M150.7 92.77C195 58.27 251.8 32 320 32C400.8 32 465.5 68.84 512.6 112.6C559.4 156 590.7 207.1 605.5 243.7C608.8 251.6 608.8 260.4 605.5 268.3C592.1 300.6 565.2 346.1 525.6 386.7L630.8 469.1C641.2 477.3 643.1 492.4 634.9 502.8C626.7 513.2 611.6 515.1 601.2 506.9L9.196 42.89C-1.236 34.71-3.065 19.63 5.112 9.196C13.29-1.236 28.37-3.065 38.81 5.112L150.7 92.77zM223.1 149.5L313.4 220.3C317.6 211.8 320 202.2 320 191.1C320 180.5 316.1 169.7 311.6 160.4C314.4 160.1 317.2 159.1 320 159.1C373 159.1 416 202.1 416 255.1C416 269.7 413.1 282.7 407.1 294.5L446.6 324.7C457.7 304.3 464 280.9 464 255.1C464 176.5 399.5 111.1 320 111.1C282.7 111.1 248.6 126.2 223.1 149.5zM320 480C239.2 480 174.5 443.2 127.4 399.4C80.62 355.1 49.34 304 34.46 268.3C31.18 260.4 31.18 251.6 34.46 243.7C44 220.8 60.29 191.2 83.09 161.5L177.4 235.8C176.5 242.4 176 249.1 176 255.1C176 335.5 240.5 400 320 400C338.7 400 356.6 396.4 373 389.9L446.2 447.5C409.9 467.1 367.8 480 320 480H320z"/></g>`
},
'right-from-bracket': {
viewBox: '0 0 512 512',
icon: `<g><path d="M96 480h64C177.7 480 192 465.7 192 448S177.7 416 160 416H96c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h64C177.7 96 192 81.67 192 64S177.7 32 160 32H96C42.98 32 0 74.98 0 128v256C0 437 42.98 480 96 480zM504.8 238.5l-144.1-136c-6.975-6.578-17.2-8.375-26-4.594c-8.803 3.797-14.51 12.47-14.51 22.05l-.0918 72l-128-.001c-17.69 0-32.02 14.33-32.02 32v64c0 17.67 14.34 32 32.02 32l128 .001l.0918 71.1c0 9.578 5.707 18.25 14.51 22.05c8.803 3.781 19.03 1.984 26-4.594l144.1-136C514.4 264.4 514.4 247.6 504.8 238.5z"/></g>`
},
refresh: `<g id="refresh">
<path
d="M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z"></path>
</g>`,
success: {
viewBox: '0 0 512 512',
icon: ` <g version="1.1" class="toast__svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g><g><path d="M504.502,75.496c-9.997-9.998-26.205-9.998-36.204,0L161.594,382.203L43.702,264.311c-9.997-9.998-26.205-9.997-36.204,0 c-9.998,9.997-9.998,26.205,0,36.203l135.994,135.992c9.994,9.997,26.214,9.99,36.204,0L504.502,111.7 C514.5,101.703,514.499,85.494,504.502,75.496z"></path>
</g></g>
</g>`
},
warning: {
viewBox: '0 0 301.691 301.691',
icon: ` <g version="1.1" class="toast__svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="enable-background:new 0 0 301.691 301.691;" xml:space="preserve">
<g>
<polygon points="119.151,0 129.6,218.406 172.06,218.406 182.54,0 "></polygon>
<rect x="130.563" y="261.168" width="40.525" height="40.523"></rect>
</g>
</g>`
},
error: {
viewBox: '0 0 512 512',
icon: `<g aria-hidden="true" focusable="false" data-prefix="fas" data-icon="triangle-exclamation" class="svg-inline--fa fa-triangle-exclamation" role="img" xmlns="http://www.w3.org/2000/svg"><path d="M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"></path></g>`
},
plus: {
viewBox: '0 0 9.402 9.402',
icon: `<g>
<path class="a" d="M8.731,35.694H5.709V32.672A.672.672,0,0,0,5.037,32H4.365a.672.672,0,0,0-.672.672v3.022H.672A.672.672,0,0,0,0,36.365v.672a.672.672,0,0,0,.672.672H3.694v3.022a.672.672,0,0,0,.672.672h.672a.672.672,0,0,0,.672-.672V37.709H8.731a.672.672,0,0,0,.672-.672v-.672A.672.672,0,0,0,8.731,35.694Z"
transform="translate(0 -32)"/></g>`
},
edit: {
viewBox: '0 0 24 24',
icon: ` <g id="edit_black_24dp">
<path id="Trazado_121" data-name="Trazado 121" d="M0,0H24V24H0Z" fill="rgba(0,0,0,0)"/>
<path id="Trazado_122" data-name="Trazado 122" d="M3,17.25V21H6.75L17.81,9.94,14.06,6.19ZM20.71,7.04a1,1,0,0,0,0-1.41L18.37,3.29a1,1,0,0,0-1.41,0L15.13,5.12l3.75,3.75,1.83-1.83Z"/>
</g>`
},
'address-card': {
viewBox: '0 0 576 512',
icon: `<g ><path d="M512 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h448c35.35 0 64-28.65 64-64V96C576 60.65 547.3 32 512 32zM176 128c35.35 0 64 28.65 64 64s-28.65 64-64 64s-64-28.65-64-64S140.7 128 176 128zM272 384h-192C71.16 384 64 376.8 64 368C64 323.8 99.82 288 144 288h64c44.18 0 80 35.82 80 80C288 376.8 280.8 384 272 384zM496 320h-128C359.2 320 352 312.8 352 304S359.2 288 368 288h128C504.8 288 512 295.2 512 304S504.8 320 496 320zM496 256h-128C359.2 256 352 248.8 352 240S359.2 224 368 224h128C504.8 224 512 231.2 512 240S504.8 256 496 256zM496 192h-128C359.2 192 352 184.8 352 176S359.2 160 368 160h128C504.8 160 512 167.2 512 176S504.8 192 496 192z"/></g>`
},
lightbulb: {
viewBox: '0 0 384 512',
icon: `<g ><path d="M112.1 454.3c0 6.297 1.816 12.44 5.284 17.69l17.14 25.69c5.25 7.875 17.17 14.28 26.64 14.28h61.67c9.438 0 21.36-6.401 26.61-14.28l17.08-25.68c2.938-4.438 5.348-12.37 5.348-17.7L272 415.1h-160L112.1 454.3zM191.4 .0132C89.44 .3257 16 82.97 16 175.1c0 44.38 16.44 84.84 43.56 115.8c16.53 18.84 42.34 58.23 52.22 91.45c.0313 .25 .0938 .5166 .125 .7823h160.2c.0313-.2656 .0938-.5166 .125-.7823c9.875-33.22 35.69-72.61 52.22-91.45C351.6 260.8 368 220.4 368 175.1C368 78.61 288.9-.2837 191.4 .0132zM192 96.01c-44.13 0-80 35.89-80 79.1C112 184.8 104.8 192 96 192S80 184.8 80 176c0-61.76 50.25-111.1 112-111.1c8.844 0 16 7.159 16 16S200.8 96.01 192 96.01z"/></g>`
},
setting: {
viewBox: '0 0 12.038 12.038',
icon: `<g>
<path class="a" d="M11.771,4.972l-.6-.144a5.221,5.221,0,0,0-.665-1.61l.3-.508a.353.353,0,0,0-.053-.431l-1-1a.352.352,0,0,0-.431-.053l-.508.3A5.22,5.22,0,0,0,7.211.867L7.066.29A.375.375,0,0,0,6.724,0H5.314a.375.375,0,0,0-.342.29L4.827.867a5.22,5.22,0,0,0-1.61.665l-.508-.3a.354.354,0,0,0-.431.053l-1,1a.353.353,0,0,0-.053.431l.3.508a5.22,5.22,0,0,0-.665,1.61l-.6.144A.353.353,0,0,0,0,5.314V6.724a.353.353,0,0,0,.267.342l.6.144a5.221,5.221,0,0,0,.665,1.61l-.3.508a.353.353,0,0,0,.053.431l1,1a.353.353,0,0,0,.431.053l.508-.3a5.22,5.22,0,0,0,1.61.665l.144.6a.353.353,0,0,0,.342.267H6.724a.353.353,0,0,0,.342-.267l.144-.6a5.221,5.221,0,0,0,1.61-.665l.508.3a.354.354,0,0,0,.431-.053l1-1a.353.353,0,0,0,.053-.431l-.3-.508a5.22,5.22,0,0,0,.665-1.61l.6-.144a.353.353,0,0,0,.267-.342V5.314A.353.353,0,0,0,11.771,4.972ZM6.019,9.9A3.879,3.879,0,1,1,9.9,6.019,3.884,3.884,0,0,1,6.019,9.9Z"/><g transform="translate(4.173 3.52)"><path class="a" d="M179.521,149.765a.354.354,0,0,0-.353,0l-1.669.964,1.846,1.066,1.846-1.066Z" transform="translate(-177.499 -149.718)"/></g><g transform="translate(6.372 5.142)"><path class="a" d="M271,219.762v2.131l1.669-.964a.342.342,0,0,0,.165-.305V218.7Z" transform="translate(-271 -218.696)"/></g><g transform="translate(3.832 5.142)"><path class="a" d="M163,218.693v1.928a.353.353,0,0,0,.176.305l1.658.964v-2.131Z"
transform="translate(-163 -218.693)"/></g></g>`
},
operations: {
viewBox: '0 0 28.991 27.087',
icon: ` <g>
<path d="M59.246,49.135a12.577,12.577,0,0,1-1.574-1.477.177.177,0,0,1-.039-.232,9.482,9.482,0,0,1,.975-1.69.172.172,0,0,1,.212-.077,12.009,12.009,0,0,1,1.989.579.193.193,0,0,0,.232-.048c.309-.28.628-.55.946-.8a.211.211,0,0,0,.087-.241,11.867,11.867,0,0,1-.241-2.027.2.2,0,0,1,.135-.212,10.277,10.277,0,0,1,1.844-.676.147.147,0,0,1,.174.058,11.727,11.727,0,0,1,1.168,1.747.181.181,0,0,0,.193.106q.637-.014,1.274,0a.175.175,0,0,0,.183-.1,11.078,11.078,0,0,1,1.12-1.709.217.217,0,0,1,.28-.1,10.326,10.326,0,0,1,1.825.666.145.145,0,0,1,.1.154,12.52,12.52,0,0,1-.222,2.076.2.2,0,0,0,.087.232c.338.261.657.541.975.821a.162.162,0,0,0,.183.039,12.045,12.045,0,0,1,2.008-.608.193.193,0,0,1,.222.087,9.61,9.61,0,0,1,.985,1.7.149.149,0,0,1-.029.193,11.38,11.38,0,0,1-1.516,1.458.157.157,0,0,0-.068.193c.077.434.154.879.232,1.313a.206.206,0,0,0,.106.116,11.438,11.438,0,0,1,1.97.85.207.207,0,0,1,.087.145,9.145,9.145,0,0,1-.338,1.97.169.169,0,0,1-.174.145,12.975,12.975,0,0,1-2.114.145.16.16,0,0,0-.126.077c-.232.386-.454.772-.676,1.168a.175.175,0,0,0,.01.154,12.82,12.82,0,0,1,.946,1.892.165.165,0,0,1-.039.2,10.157,10.157,0,0,1-1.516,1.284.147.147,0,0,1-.193,0,11.785,11.785,0,0,1-1.69-1.226.191.191,0,0,0-.232-.039c-.4.154-.792.3-1.2.434-.077.029-.116.058-.126.145a12.915,12.915,0,0,1-.463,1.989c-.039.126-.1.2-.241.2-.531,0-1.062.01-1.6.01-.145,0-.348.019-.405-.058a1.569,1.569,0,0,1-.212-.56c-.126-.541-.241-1.072-.367-1.612a.145.145,0,0,0-.1-.087c-.425-.154-.84-.309-1.265-.454a.2.2,0,0,0-.164.029,12.649,12.649,0,0,1-1.7,1.255.137.137,0,0,1-.193,0,9.972,9.972,0,0,1-1.516-1.255.177.177,0,0,1-.048-.222,12.455,12.455,0,0,1,.917-1.873.189.189,0,0,0-.01-.222c-.222-.367-.434-.734-.647-1.11a.151.151,0,0,0-.174-.1,11.959,11.959,0,0,1-2.114-.126.137.137,0,0,1-.135-.126,9.77,9.77,0,0,1-.348-1.979.188.188,0,0,1,.087-.135,10.669,10.669,0,0,1,1.921-.85.2.2,0,0,0,.145-.174C59.092,50.072,59.169,49.618,59.246,49.135Zm11.672,6.034a5.85,5.85,0,0,0,1.023-1.738.228.228,0,0,1,.27-.174,10.115,10.115,0,0,0,1.95-.058c.077-.01.126-.029.135-.116.058-.377.126-.753.193-1.12a.123.123,0,0,0-.048-.106c-.28-.135-.56-.28-.85-.4-.357-.135-.714-.251-1.072-.377a.158.158,0,0,1-.126-.164,6.762,6.762,0,0,0-.357-1.912.148.148,0,0,1,.068-.2,10.861,10.861,0,0,0,1.5-1.332.166.166,0,0,0,.029-.222c-.183-.309-.367-.628-.55-.946-.039-.068-.077-.077-.154-.058A10.343,10.343,0,0,0,71,46.9a.142.142,0,0,1-.193-.039A6.15,6.15,0,0,0,69.287,45.6a.131.131,0,0,1-.068-.183,11.379,11.379,0,0,0,.29-1.979.164.164,0,0,0-.135-.2c-.328-.116-.647-.232-.975-.348-.1-.039-.154-.01-.222.077a10.931,10.931,0,0,0-1.033,1.7c-.029.068-.048.135-.154.116a5.922,5.922,0,0,0-1.979,0c-.1.019-.145-.01-.193-.106a10.744,10.744,0,0,0-1.062-1.709.13.13,0,0,0-.183-.058c-.338.126-.676.251-1.014.367a.16.16,0,0,0-.116.183,10.342,10.342,0,0,0,.3,1.96.166.166,0,0,1-.087.222,6.243,6.243,0,0,0-1.467,1.245c-.068.087-.126.087-.222.048a11.072,11.072,0,0,0-1.912-.628c-.1-.019-.135,0-.174.077-.174.309-.357.628-.541.936a.134.134,0,0,0,.039.2c.444.4.879.8,1.323,1.187.27.232.28.222.174.55A6.91,6.91,0,0,0,59.6,51.1c-.068.019-.126.039-.183.058a11.13,11.13,0,0,0-1.8.734.191.191,0,0,0-.106.126c.058.377.126.763.2,1.139a.228.228,0,0,0,.126.106q1,.043,2,.058c.116,0,.164.029.2.126a6.5,6.5,0,0,0,.965,1.661.166.166,0,0,1,.01.232,10.453,10.453,0,0,0-.946,1.776.163.163,0,0,0,0,.135c.309.28.637.55.975.85.608-.483,1.188-.946,1.8-1.429-.019-.01-.01-.01,0,0a6.575,6.575,0,0,0,1.921.7.139.139,0,0,1,.126.145A11.723,11.723,0,0,0,65.3,59.5c.019.077.048.126.135.126.338,0,.676-.01,1.014,0,.164,0,.27-.058.29-.232a1.365,1.365,0,0,1,.058-.212c.106-.55.2-1.1.309-1.661.01-.068.01-.135.116-.154a6.308,6.308,0,0,0,1.97-.734A10.733,10.733,0,0,0,71,58.037c.29-.251.579-.5.869-.743a.2.2,0,0,0,.058-.28A10.68,10.68,0,0,0,70.918,55.169Z" transform="translate(-51.414 -38.146)"></path>
<path d="M45.813,7.334c-.183.1-.348.183-.521.27a12.875,12.875,0,0,0-8.148-6.565,12.891,12.891,0,0,0-14.318,5.6c.821-.222,1.632-.434,2.443-.657.048.193.106.377.154.57-1.149.309-2.288.618-3.447.927-.222-1.168-.444-2.327-.676-3.5.193-.039.377-.077.579-.116.154.792.3,1.564.454,2.356a13.5,13.5,0,0,1,9.616-6.1,13.117,13.117,0,0,1,8.67,1.738A13.535,13.535,0,0,1,45.813,7.334Z" transform="translate(-19.251 0.025)"></path>
<path d="M55.745,222.018c1.188-.106,2.356-.212,3.543-.328.019,1.188.048,2.375.068,3.562h-.608v-2.365c-.019-.01-.029-.01-.048-.019-.174.174-.338.357-.521.531-.251.232-.5.483-.772.7a13.461,13.461,0,0,1-2.9,1.805,14.6,14.6,0,0,1-3.476,1.052,13.465,13.465,0,0,1-2.414.154,13.3,13.3,0,0,1-1.96-.154,11.724,11.724,0,0,1-2.433-.637,13.9,13.9,0,0,1-5.706-3.929c-.183-.222-.348-.463-.521-.7.183-.106.338-.193.512-.29.251.309.483.637.753.936a12.291,12.291,0,0,0,2.288,1.95,12.48,12.48,0,0,0,2.539,1.332,12.107,12.107,0,0,0,2.935.782,14.248,14.248,0,0,0,2.723.087,14.005,14.005,0,0,0,4.016-.946,12.571,12.571,0,0,0,2.249-1.207c.27-.164.512-.386.782-.56a8.7,8.7,0,0,0,1.467-1.323.577.577,0,0,0,.058-.068c-.859.077-1.69.154-2.539.232C55.784,222.423,55.764,222.23,55.745,222.018Z" transform="translate(-34.339 -200.023)"></path>
<path d="M3.755,100.933c.367.087.743.183,1.13.27a.156.156,0,0,0,.135-.087c.164-.348.319-.7.473-1.033.377-.058.763-.106,1.149-.183a4.878,4.878,0,0,0,.531-.174.152.152,0,0,1,.116.01.142.142,0,0,1,.01.126c-.058.154-.126.309-.193.463a.188.188,0,0,1-.1.1q-.492.116-.985.2a.193.193,0,0,0-.164.116c-.154.319-.309.628-.463.936a.263.263,0,0,1-.309.164,6.293,6.293,0,0,1-1.834-.492.145.145,0,0,1-.1-.154c.019-.386.029-.772.039-1.159a.249.249,0,0,0-.068-.154c-.251-.222-.512-.434-.772-.647a.246.246,0,0,0-.164-.039l-1.159.232a.156.156,0,0,1-.126-.058,5.79,5.79,0,0,1-.83-1.844.178.178,0,0,1,.048-.154c.3-.232.608-.463.917-.685a.2.2,0,0,0,.106-.193c0-.328.01-.647.029-.975a.2.2,0,0,0-.087-.183c-.3-.241-.579-.492-.879-.734a.151.151,0,0,1-.048-.183,5.959,5.959,0,0,1,.908-1.757.162.162,0,0,1,.193-.077q.55.159,1.1.29a.219.219,0,0,0,.174-.048c.261-.193.521-.4.782-.579a.2.2,0,0,0,.1-.193c0-.367.01-.743.019-1.11a.167.167,0,0,1,.135-.174,6.079,6.079,0,0,1,1.7-.367.554.554,0,0,1,.116.01c-.087.193-.164.386-.251.56-.01.029-.068.048-.106.058-.3.068-.6.126-.9.183-.087.019-.135.058-.135.154.01.328.019.666.039.994.01.116,0,.183-.126.241a3.678,3.678,0,0,0-1.216.927.154.154,0,0,1-.2.048c-.357-.126-.724-.251-1.12-.386L.84,94.281c-.019.029.01.116.048.145.28.212.56.425.84.628a.147.147,0,0,1,.087.183,3.9,3.9,0,0,0-.048,1.6c.01.039-.039.106-.087.135-.29.193-.579.386-.879.579a.13.13,0,0,0-.058.183l.43