@soyfri/template 1.0.1 → 1.0.4

package/dist/partials/widgets/statistics/StatisticsWidget3.js

@@ -1,76 +1,46 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatisticsWidget3 = void 0;
-var react_1 = __importStar(require("react"));
-var apexcharts_1 = __importDefault(require("apexcharts"));
-var _utils_1 = require("../../../assets/ts/_utils");
-var ThemeModeProvider_1 = require("../../layout/theme-mode/ThemeModeProvider");
-var StatisticsWidget3 = function (_a) {
-    var className = _a.className, title = _a.title, description = _a.description, change = _a.change, color = _a.color;
-    var chartRef = (0, react_1.useRef)(null);
-    var mode = (0, ThemeModeProvider_1.useThemeMode)().mode;
-    var refreshChart = function () {
+import React, { useEffect, useRef } from 'react';
+import ApexCharts from 'apexcharts';
+import { getCSS, getCSSVariableValue } from '../../../assets/ts/_utils';
+import { useThemeMode } from '../../layout/theme-mode/ThemeModeProvider';
+const StatisticsWidget3 = ({ className, title, description, change, color }) => {
+    const chartRef = useRef(null);
+    const { mode } = useThemeMode();
+    const refreshChart = () => {
         if (!chartRef.current) {
             return;
         }
-        var height = parseInt((0, _utils_1.getCSS)(chartRef.current, 'height'));
-        var labelColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-800');
-        var baseColor = (0, _utils_1.getCSSVariableValue)('--bs-' + color);
-        var lightColor = (0, _utils_1.getCSSVariableValue)('--bs-' + color + '-light');
-        var chart = new apexcharts_1.default(chartRef.current, getChartOptions(height, labelColor, baseColor, lightColor));
+        const height = parseInt(getCSS(chartRef.current, 'height'));
+        const labelColor = getCSSVariableValue('--bs-gray-800');
+        const baseColor = getCSSVariableValue('--bs-' + color);
+        const lightColor = getCSSVariableValue('--bs-' + color + '-light');
+        const chart = new ApexCharts(chartRef.current, getChartOptions(height, labelColor, baseColor, lightColor));
         if (chart) {
             chart.render();
         }
         return chart;
     };
-    (0, react_1.useEffect)(function () {
-        var chart = refreshChart();
-        return function () {
+    useEffect(() => {
+        const chart = refreshChart();
+        return () => {
             if (chart) {
                 chart.destroy();
             }
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [chartRef, mode]);
-    return (react_1.default.createElement("div", { className: "card ".concat(className) },
-        react_1.default.createElement("div", { className: 'card-body d-flex flex-column p-0' },
-            react_1.default.createElement("div", { className: 'd-flex flex-stack flex-grow-1 card-p' },
-                react_1.default.createElement("div", { className: 'd-flex flex-column me-2' },
-                    react_1.default.createElement("a", { href: '#', className: 'text-gray-900 text-hover-primary fw-bold fs-3' }, title),
-                    react_1.default.createElement("span", { className: 'text-muted fw-semibold mt-1', dangerouslySetInnerHTML: { __html: description } })),
-                react_1.default.createElement("span", { className: 'symbol symbol-50px' },
-                    react_1.default.createElement("span", { className: "symbol-label fs-5 fw-bold bg-light-".concat(color, " text-").concat(color) }, change))),
-            react_1.default.createElement("div", { ref: chartRef, className: 'statistics-widget-3-chart card-rounded-bottom', style: { height: '150px' } }))));
+    return (React.createElement("div", { className: `card ${className}` },
+        React.createElement("div", { className: 'card-body d-flex flex-column p-0' },
+            React.createElement("div", { className: 'd-flex flex-stack flex-grow-1 card-p' },
+                React.createElement("div", { className: 'd-flex flex-column me-2' },
+                    React.createElement("a", { href: '#', className: 'text-gray-900 text-hover-primary fw-bold fs-3' }, title),
+                    React.createElement("span", { className: 'text-muted fw-semibold mt-1', dangerouslySetInnerHTML: { __html: description } })),
+                React.createElement("span", { className: 'symbol symbol-50px' },
+                    React.createElement("span", { className: `symbol-label fs-5 fw-bold bg-light-${color} text-${color}` }, change))),
+            React.createElement("div", { ref: chartRef, className: 'statistics-widget-3-chart card-rounded-bottom', style: { height: '150px' } }))));
 };
-exports.StatisticsWidget3 = StatisticsWidget3;
+export { StatisticsWidget3 };
 function getChartOptions(height, labelColor, baseColor, lightColor) {
-    var options = {
+    const options = {
         series: [
             {
                 name: 'Net Profit',

package/dist/partials/widgets/statistics/StatisticsWidget4.js

@@ -1,77 +1,47 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatisticsWidget4 = void 0;
-var react_1 = __importStar(require("react"));
-var helpers_1 = require("../../../helpers");
-var apexcharts_1 = __importDefault(require("apexcharts"));
-var _utils_1 = require("../../../assets/ts/_utils");
-var clsx_1 = __importDefault(require("clsx"));
-var ThemeModeProvider_1 = require("../../layout/theme-mode/ThemeModeProvider");
-var StatisticsWidget4 = function (_a) {
-    var className = _a.className, svgIcon = _a.svgIcon, color = _a.color, change = _a.change, description = _a.description;
-    var chartRef = (0, react_1.useRef)(null);
-    var mode = (0, ThemeModeProvider_1.useThemeMode)().mode;
-    var refreshChart = function () {
+import React, { useEffect, useRef } from 'react';
+import { KTIcon } from '../../../helpers';
+import ApexCharts from 'apexcharts';
+import { getCSS, getCSSVariableValue } from '../../../assets/ts/_utils';
+import clsx from 'clsx';
+import { useThemeMode } from '../../layout/theme-mode/ThemeModeProvider';
+const StatisticsWidget4 = ({ className, svgIcon, color, change, description }) => {
+    const chartRef = useRef(null);
+    const { mode } = useThemeMode();
+    const refreshChart = () => {
         if (!chartRef.current) {
             return;
         }
-        var height = parseInt((0, _utils_1.getCSS)(chartRef.current, 'height'));
-        var labelColor = (0, _utils_1.getCSSVariableValue)('--bs-gray-800');
-        var baseColor = (0, _utils_1.getCSSVariableValue)('--bs-' + color);
-        var lightColor = (0, _utils_1.getCSSVariableValue)('--bs-' + color + '-light');
-        var chart = new apexcharts_1.default(chartRef.current, getChartOptions(height, labelColor, baseColor, lightColor));
+        const height = parseInt(getCSS(chartRef.current, 'height'));
+        const labelColor = getCSSVariableValue('--bs-gray-800');
+        const baseColor = getCSSVariableValue('--bs-' + color);
+        const lightColor = getCSSVariableValue('--bs-' + color + '-light');
+        const chart = new ApexCharts(chartRef.current, getChartOptions(height, labelColor, baseColor, lightColor));
         if (chart) {
             chart.render();
         }
         return chart;
     };
-    (0, react_1.useEffect)(function () {
-        var chart = refreshChart();
-        return function () {
+    useEffect(() => {
+        const chart = refreshChart();
+        return () => {
             if (chart) {
                 chart.destroy();
             }
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [chartRef, color, mode]);
-    return (react_1.default.createElement("div", { className: "card ".concat(className) },
-        react_1.default.createElement("div", { className: 'card-body p-0' },
-            react_1.default.createElement("div", { className: 'd-flex flex-stack card-p flex-grow-1' },
-                react_1.default.createElement("span", { className: (0, clsx_1.default)('symbol symbol-50px', 'me-2') },
-                    react_1.default.createElement("span", { className: (0, clsx_1.default)('symbol-label', "bg-light-".concat(color)) },
-                        react_1.default.createElement(helpers_1.KTIcon, { iconName: svgIcon, className: "fs-2x text-".concat(color) }))),
-                react_1.default.createElement("div", { className: 'd-flex flex-column text-end' },
-                    react_1.default.createElement("span", { className: 'text-gray-900 fw-bold fs-2' }, change),
-                    react_1.default.createElement("span", { className: 'text-muted fw-semibold mt-1' }, description))),
-            react_1.default.createElement("div", { ref: chartRef, className: 'statistics-widget-4-chart card-rounded-bottom', style: { height: '150px' } }))));
+    return (React.createElement("div", { className: `card ${className}` },
+        React.createElement("div", { className: 'card-body p-0' },
+            React.createElement("div", { className: 'd-flex flex-stack card-p flex-grow-1' },
+                React.createElement("span", { className: clsx('symbol symbol-50px', 'me-2') },
+                    React.createElement("span", { className: clsx('symbol-label', `bg-light-${color}`) },
+                        React.createElement(KTIcon, { iconName: svgIcon, className: `fs-2x text-${color}` }))),
+                React.createElement("div", { className: 'd-flex flex-column text-end' },
+                    React.createElement("span", { className: 'text-gray-900 fw-bold fs-2' }, change),
+                    React.createElement("span", { className: 'text-muted fw-semibold mt-1' }, description))),
+            React.createElement("div", { ref: chartRef, className: 'statistics-widget-4-chart card-rounded-bottom', style: { height: '150px' } }))));
 };
-exports.StatisticsWidget4 = StatisticsWidget4;
+export { StatisticsWidget4 };
 function getChartOptions(height, labelColor, baseColor, lightColor) {
     return {
         series: [

package/dist/partials/widgets/statistics/StatisticsWidget5.js

@@ -1,17 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+import { KTIcon } from '../../../helpers';
+const StatisticsWidget5 = ({ className, color, svgIcon, iconColor, title, titleColor, description, descriptionColor, }) => {
+    return (React.createElement("a", { href: '#', className: `card bg-${color} hoverable ${className}` },
+        React.createElement("div", { className: 'card-body' },
+            React.createElement(KTIcon, { iconName: svgIcon, className: `text-${iconColor} fs-3x ms-n1` }),
+            React.createElement("div", { className: `text-${titleColor} fw-bold fs-2 mb-2 mt-5` }, title),
+            React.createElement("div", { className: `fw-semibold text-${descriptionColor}` }, description))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatisticsWidget5 = void 0;
-var react_1 = __importDefault(require("react"));
-var helpers_1 = require("../../../helpers");
-var StatisticsWidget5 = function (_a) {
-    var className = _a.className, color = _a.color, svgIcon = _a.svgIcon, iconColor = _a.iconColor, title = _a.title, titleColor = _a.titleColor, description = _a.description, descriptionColor = _a.descriptionColor;
-    return (react_1.default.createElement("a", { href: '#', className: "card bg-".concat(color, " hoverable ").concat(className) },
-        react_1.default.createElement("div", { className: 'card-body' },
-            react_1.default.createElement(helpers_1.KTIcon, { iconName: svgIcon, className: "text-".concat(iconColor, " fs-3x ms-n1") }),
-            react_1.default.createElement("div", { className: "text-".concat(titleColor, " fw-bold fs-2 mb-2 mt-5") }, title),
-            react_1.default.createElement("div", { className: "fw-semibold text-".concat(descriptionColor) }, description))));
-};
-exports.StatisticsWidget5 = StatisticsWidget5;
+export { StatisticsWidget5 };

package/dist/partials/widgets/statistics/StatisticsWidget6.js

@@ -1,19 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+const StatisticsWidget6 = ({ className, color, title, description, progress }) => {
+    return (React.createElement("div", { className: `card bg-light-${color} ${className}` },
+        React.createElement("div", { className: 'card-body my-3' },
+            React.createElement("a", { href: '#', className: `card-title fw-bold text-${color} fs-5 mb-3 d-block` }, description),
+            React.createElement("div", { className: 'py-1' },
+                React.createElement("span", { className: 'text-gray-900 fs-1 fw-bold me-2' }, progress),
+                React.createElement("span", { className: 'fw-semibold text-muted fs-7' }, title)),
+            React.createElement("div", { className: `progress h-7px bg-${color} bg-opacity-50 mt-7` },
+                React.createElement("div", { className: `progress-bar bg-${color}`, role: 'progressbar', style: { width: progress } })))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatisticsWidget6 = void 0;
-var react_1 = __importDefault(require("react"));
-var StatisticsWidget6 = function (_a) {
-    var className = _a.className, color = _a.color, title = _a.title, description = _a.description, progress = _a.progress;
-    return (react_1.default.createElement("div", { className: "card bg-light-".concat(color, " ").concat(className) },
-        react_1.default.createElement("div", { className: 'card-body my-3' },
-            react_1.default.createElement("a", { href: '#', className: "card-title fw-bold text-".concat(color, " fs-5 mb-3 d-block") }, description),
-            react_1.default.createElement("div", { className: 'py-1' },
-                react_1.default.createElement("span", { className: 'text-gray-900 fs-1 fw-bold me-2' }, progress),
-                react_1.default.createElement("span", { className: 'fw-semibold text-muted fs-7' }, title)),
-            react_1.default.createElement("div", { className: "progress h-7px bg-".concat(color, " bg-opacity-50 mt-7") },
-                react_1.default.createElement("div", { className: "progress-bar bg-".concat(color), role: 'progressbar', style: { width: progress } })))));
-};
-exports.StatisticsWidget6 = StatisticsWidget6;
+export { StatisticsWidget6 };

package/dist/partials/widgets/tables/TablesWidget1.js

@@ -1,117 +1,110 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from 'react';
+import { KTIcon, toAbsoluteUrl } from '../../../helpers';
+import { Dropdown1 } from '../../content/dropdown/Dropdown1';
+const TablesWidget1 = ({ className }) => {
+    return (React.createElement("div", { className: `card ${className}` },
+        React.createElement("div", { className: 'card-header border-0 pt-5' },
+            React.createElement("h3", { className: 'card-title align-items-start flex-column' },
+                React.createElement("span", { className: 'card-label fw-bold fs-3 mb-1' }, "Tasks Overview"),
+                React.createElement("span", { className: 'text-muted fw-semibold fs-7' }, "Pending 10 tasks")),
+            React.createElement("div", { className: 'card-toolbar' },
+                React.createElement("button", { type: 'button', className: 'btn btn-sm btn-icon btn-color-primary btn-active-light-primary', "data-kt-menu-trigger": 'click', "data-kt-menu-placement": 'bottom-end', "data-kt-menu-flip": 'top-end' },
+                    React.createElement(KTIcon, { iconName: 'category', className: 'fs-2' })),
+                React.createElement(Dropdown1, null))),
+        React.createElement("div", { className: 'card-body py-3' },
+            React.createElement("div", { className: 'table-responsive' },
+                React.createElement("table", { className: 'table align-middle gs-0 gy-5' },
+                    React.createElement("thead", null,
+                        React.createElement("tr", null,
+                            React.createElement("th", { className: 'p-0 w-50px' }),
+                            React.createElement("th", { className: 'p-0 min-w-200px' }),
+                            React.createElement("th", { className: 'p-0 min-w-100px' }),
+                            React.createElement("th", { className: 'p-0 min-w-40px' }))),
+                    React.createElement("tbody", null,
+                        React.createElement("tr", null,
+                            React.createElement("th", null,
+                                React.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                    React.createElement("span", { className: 'symbol-label' },
+                                        React.createElement("img", { src: toAbsoluteUrl('media/svg/brand-logos/plurk.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                            React.createElement("td", null,
+                                React.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Top Authors"),
+                                React.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Successful Fellas")),
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
+                                    React.createElement("div", { className: 'd-flex flex-stack mb-2' },
+                                        React.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "70%")),
+                                    React.createElement("div", { className: 'progress h-6px w-100' },
+                                        React.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', style: { width: '70%' } })))),
+                            React.createElement("td", { className: 'text-end' },
+                                React.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                    React.createElement(KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                        React.createElement("tr", null,
+                            React.createElement("th", null,
+                                React.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                    React.createElement("span", { className: 'symbol-label' },
+                                        React.createElement("img", { src: toAbsoluteUrl('media/svg/brand-logos/telegram.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                            React.createElement("td", null,
+                                React.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Popular Authors"),
+                                React.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Most Successful")),
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
+                                    React.createElement("div", { className: 'd-flex flex-stack mb-2' },
+                                        React.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "50%")),
+                                    React.createElement("div", { className: 'progress h-6px w-100' },
+                                        React.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', style: { width: '50%' } })))),
+                            React.createElement("td", { className: 'text-end' },
+                                React.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                    React.createElement(KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                        React.createElement("tr", null,
+                            React.createElement("th", null,
+                                React.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                    React.createElement("span", { className: 'symbol-label' },
+                                        React.createElement("img", { src: toAbsoluteUrl('media/svg/brand-logos/vimeo.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                            React.createElement("td", null,
+                                React.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "New Users"),
+                                React.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Awesome Users")),
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
+                                    React.createElement("div", { className: 'd-flex flex-stack mb-2' },
+                                        React.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "80%")),
+                                    React.createElement("div", { className: 'progress h-6px w-100' },
+                                        React.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', style: { width: '80%' } })))),
+                            React.createElement("td", { className: 'text-end' },
+                                React.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                    React.createElement(KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                        React.createElement("tr", null,
+                            React.createElement("th", null,
+                                React.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                    React.createElement("span", { className: 'symbol-label' },
+                                        React.createElement("img", { src: toAbsoluteUrl('media/svg/brand-logos/bebo.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                            React.createElement("td", null,
+                                React.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Active Customers"),
+                                React.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Best Customers")),
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
+                                    React.createElement("div", { className: 'd-flex flex-stack mb-2' },
+                                        React.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "90%")),
+                                    React.createElement("div", { className: 'progress h-6px w-100' },
+                                        React.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', style: { width: '90%' } })))),
+                            React.createElement("td", { className: 'text-end' },
+                                React.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                    React.createElement(KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
+                        React.createElement("tr", null,
+                            React.createElement("th", null,
+                                React.createElement("div", { className: 'symbol symbol-50px me-2' },
+                                    React.createElement("span", { className: 'symbol-label' },
+                                        React.createElement("img", { src: toAbsoluteUrl('media/svg/brand-logos/kickstarter.svg'), className: 'h-50 align-self-center', alt: '' })))),
+                            React.createElement("td", null,
+                                React.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Bestseller Theme"),
+                                React.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Amazing Templates")),
+                            React.createElement("td", null,
+                                React.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
+                                    React.createElement("div", { className: 'd-flex flex-stack mb-2' },
+                                        React.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "70%")),
+                                    React.createElement("div", { className: 'progress h-6px w-100' },
+                                        React.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', style: { width: '70%' } })))),
+                            React.createElement("td", { className: 'text-end' },
+                                React.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
+                                    React.createElement(KTIcon, { iconName: 'arrow-right', className: 'fs-2' }))))))))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TablesWidget1 = void 0;
-var react_1 = __importDefault(require("react"));
-var helpers_1 = require("../../../helpers");
-var Dropdown1_1 = require("../../content/dropdown/Dropdown1");
-var TablesWidget1 = function (_a) {
-    var className = _a.className;
-    return (react_1.default.createElement("div", { className: "card ".concat(className) },
-        react_1.default.createElement("div", { className: 'card-header border-0 pt-5' },
-            react_1.default.createElement("h3", { className: 'card-title align-items-start flex-column' },
-                react_1.default.createElement("span", { className: 'card-label fw-bold fs-3 mb-1' }, "Tasks Overview"),
-                react_1.default.createElement("span", { className: 'text-muted fw-semibold fs-7' }, "Pending 10 tasks")),
-            react_1.default.createElement("div", { className: 'card-toolbar' },
-                react_1.default.createElement("button", { type: 'button', className: 'btn btn-sm btn-icon btn-color-primary btn-active-light-primary', "data-kt-menu-trigger": 'click', "data-kt-menu-placement": 'bottom-end', "data-kt-menu-flip": 'top-end' },
-                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'category', className: 'fs-2' })),
-                react_1.default.createElement(Dropdown1_1.Dropdown1, null))),
-        react_1.default.createElement("div", { className: 'card-body py-3' },
-            react_1.default.createElement("div", { className: 'table-responsive' },
-                react_1.default.createElement("table", { className: 'table align-middle gs-0 gy-5' },
-                    react_1.default.createElement("thead", null,
-                        react_1.default.createElement("tr", null,
-                            react_1.default.createElement("th", { className: 'p-0 w-50px' }),
-                            react_1.default.createElement("th", { className: 'p-0 min-w-200px' }),
-                            react_1.default.createElement("th", { className: 'p-0 min-w-100px' }),
-                            react_1.default.createElement("th", { className: 'p-0 min-w-40px' }))),
-                    react_1.default.createElement("tbody", null,
-                        react_1.default.createElement("tr", null,
-                            react_1.default.createElement("th", null,
-                                react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
-                                    react_1.default.createElement("span", { className: 'symbol-label' },
-                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/plurk.svg'), className: 'h-50 align-self-center', alt: '' })))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Top Authors"),
-                                react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Successful Fellas")),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
-                                    react_1.default.createElement("div", { className: 'd-flex flex-stack mb-2' },
-                                        react_1.default.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "70%")),
-                                    react_1.default.createElement("div", { className: 'progress h-6px w-100' },
-                                        react_1.default.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', style: { width: '70%' } })))),
-                            react_1.default.createElement("td", { className: 'text-end' },
-                                react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
-                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
-                        react_1.default.createElement("tr", null,
-                            react_1.default.createElement("th", null,
-                                react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
-                                    react_1.default.createElement("span", { className: 'symbol-label' },
-                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/telegram.svg'), className: 'h-50 align-self-center', alt: '' })))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Popular Authors"),
-                                react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Most Successful")),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
-                                    react_1.default.createElement("div", { className: 'd-flex flex-stack mb-2' },
-                                        react_1.default.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "50%")),
-                                    react_1.default.createElement("div", { className: 'progress h-6px w-100' },
-                                        react_1.default.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', style: { width: '50%' } })))),
-                            react_1.default.createElement("td", { className: 'text-end' },
-                                react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
-                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
-                        react_1.default.createElement("tr", null,
-                            react_1.default.createElement("th", null,
-                                react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
-                                    react_1.default.createElement("span", { className: 'symbol-label' },
-                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/vimeo.svg'), className: 'h-50 align-self-center', alt: '' })))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "New Users"),
-                                react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Awesome Users")),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
-                                    react_1.default.createElement("div", { className: 'd-flex flex-stack mb-2' },
-                                        react_1.default.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "80%")),
-                                    react_1.default.createElement("div", { className: 'progress h-6px w-100' },
-                                        react_1.default.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', style: { width: '80%' } })))),
-                            react_1.default.createElement("td", { className: 'text-end' },
-                                react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
-                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
-                        react_1.default.createElement("tr", null,
-                            react_1.default.createElement("th", null,
-                                react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
-                                    react_1.default.createElement("span", { className: 'symbol-label' },
-                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/bebo.svg'), className: 'h-50 align-self-center', alt: '' })))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Active Customers"),
-                                react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Best Customers")),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
-                                    react_1.default.createElement("div", { className: 'd-flex flex-stack mb-2' },
-                                        react_1.default.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "90%")),
-                                    react_1.default.createElement("div", { className: 'progress h-6px w-100' },
-                                        react_1.default.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', style: { width: '90%' } })))),
-                            react_1.default.createElement("td", { className: 'text-end' },
-                                react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
-                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' })))),
-                        react_1.default.createElement("tr", null,
-                            react_1.default.createElement("th", null,
-                                react_1.default.createElement("div", { className: 'symbol symbol-50px me-2' },
-                                    react_1.default.createElement("span", { className: 'symbol-label' },
-                                        react_1.default.createElement("img", { src: (0, helpers_1.toAbsoluteUrl)('media/svg/brand-logos/kickstarter.svg'), className: 'h-50 align-self-center', alt: '' })))),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("a", { href: '#', className: 'text-gray-900 fw-bold text-hover-primary mb-1 fs-6' }, "Bestseller Theme"),
-                                react_1.default.createElement("span", { className: 'text-muted fw-semibold d-block fs-7' }, "Amazing Templates")),
-                            react_1.default.createElement("td", null,
-                                react_1.default.createElement("div", { className: 'd-flex flex-column w-100 me-2' },
-                                    react_1.default.createElement("div", { className: 'd-flex flex-stack mb-2' },
-                                        react_1.default.createElement("span", { className: 'text-muted me-2 fs-7 fw-semibold' }, "70%")),
-                                    react_1.default.createElement("div", { className: 'progress h-6px w-100' },
-                                        react_1.default.createElement("div", { className: 'progress-bar bg-primary', role: 'progressbar', style: { width: '70%' } })))),
-                            react_1.default.createElement("td", { className: 'text-end' },
-                                react_1.default.createElement("a", { href: '#', className: 'btn btn-sm btn-icon btn-bg-light btn-active-color-primary' },
-                                    react_1.default.createElement(helpers_1.KTIcon, { iconName: 'arrow-right', className: 'fs-2' }))))))))));
-};
-exports.TablesWidget1 = TablesWidget1;
+export { TablesWidget1 };