infinity-forge 0.47.3 → 0.47.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/sites/fixed-components/index.d.ts +1 -0
- package/dist/sites/fixed-components/index.js +1 -0
- package/dist/sites/fixed-components/index.js.map +1 -1
- package/dist/sites/fixed-components/list-blog/card/index.d.ts +2 -0
- package/dist/sites/fixed-components/list-blog/card/index.js +39 -0
- package/dist/sites/fixed-components/list-blog/card/index.js.map +1 -0
- package/dist/sites/fixed-components/list-blog/card/styles.d.ts +4 -0
- package/dist/sites/fixed-components/list-blog/card/styles.js +14 -0
- package/dist/sites/fixed-components/list-blog/card/styles.js.map +1 -0
- package/dist/sites/fixed-components/list-blog/carousel-configs.d.ts +2 -0
- package/dist/sites/fixed-components/list-blog/carousel-configs.js +38 -0
- package/dist/sites/fixed-components/list-blog/carousel-configs.js.map +1 -0
- package/dist/sites/fixed-components/list-blog/component.d.ts +2 -0
- package/dist/sites/fixed-components/list-blog/component.js +46 -0
- package/dist/sites/fixed-components/list-blog/component.js.map +1 -0
- package/dist/sites/fixed-components/list-blog/index.d.ts +1 -0
- package/dist/sites/fixed-components/list-blog/index.js +18 -0
- package/dist/sites/fixed-components/list-blog/index.js.map +1 -0
- package/dist/sites/fixed-components/list-blog/interfaces.d.ts +13 -0
- package/dist/sites/fixed-components/list-blog/interfaces.js +3 -0
- package/dist/sites/fixed-components/list-blog/interfaces.js.map +1 -0
- package/dist/sites/fixed-components/list-blog/styles.d.ts +4 -0
- package/dist/sites/fixed-components/list-blog/styles.js +14 -0
- package/dist/sites/fixed-components/list-blog/styles.js.map +1 -0
- package/dist/system/presentation/components/layout/component.js +4 -1
- package/dist/system/presentation/components/layout/component.js.map +1 -1
- package/dist/system/presentation/components/layout/sidebar-menu/index.js +1 -1
- package/dist/system/presentation/components/layout/sidebar-menu/index.js.map +1 -1
- package/dist/system/presentation/components/layout/sidebar-menu/styles.js +1 -1
- package/dist/system/presentation/components/layout/sidebar-menu/styles.js.map +1 -1
- package/dist/system/presentation/components/layout/styles.d.ts +4 -2
- package/dist/system/presentation/components/layout/styles.js +1 -1
- package/dist/system/presentation/components/layout/styles.js.map +1 -1
- package/dist/ui/components/carousel/index.d.ts +5 -4
- package/dist/ui/components/carousel/index.js.map +1 -1
- package/dist/ui/components/carousel/styles.js +1 -3
- package/dist/ui/components/carousel/styles.js.map +1 -1
- package/dist/ui/icons/index.d.ts +3 -1
- package/dist/ui/icons/index.js +2 -0
- package/dist/ui/icons/index.js.map +1 -1
- package/dist/ui/icons/render/diabets.d.ts +2 -0
- package/dist/ui/icons/render/diabets.js +10 -0
- package/dist/ui/icons/render/diabets.js.map +1 -0
- package/dist/ui/icons/render/hypertension.d.ts +2 -0
- package/dist/ui/icons/render/hypertension.js +10 -0
- package/dist/ui/icons/render/hypertension.js.map +1 -0
- package/package.json +2 -1
|
@@ -15,5 +15,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./mvv/index.js"), exports);
|
|
18
|
+
__exportStar(require("./list-blog/index.js"), exports);
|
|
18
19
|
__exportStar(require("./header-link/index.js"), exports);
|
|
19
20
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/sites/fixed-components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,gDAA6B"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/sites/fixed-components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wCAAqB;AACrB,8CAA2B;AAC3B,gDAA6B"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.BlogCard = void 0;
|
|
30
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
31
|
+
var link_1 = __importDefault(require("next/link"));
|
|
32
|
+
var components_1 = require("../../../../ui/components/index.js");
|
|
33
|
+
var S = __importStar(require("./styles.js"));
|
|
34
|
+
function BlogCard(_a) {
|
|
35
|
+
var categoriaTitle = _a.categoriaTitle, url = _a.url, imagem = _a.imagem, titulo = _a.titulo, subtitulo = _a.subtitulo;
|
|
36
|
+
return ((0, jsx_runtime_1.jsx)(components_1.Error, { name: 'BlogCard', children: (0, jsx_runtime_1.jsxs)(S.BlogCard, { children: [categoriaTitle && ((0, jsx_runtime_1.jsx)(link_1.default, { className: 'font-18-regular top-link', href: "/blog/".concat(categoriaTitle), children: categoriaTitle })), (0, jsx_runtime_1.jsx)(link_1.default, { href: "/post/".concat(url), className: 'image', children: (0, jsx_runtime_1.jsx)(components_1.NextImage, { src: imagem }) }), (0, jsx_runtime_1.jsxs)("div", { className: 'text-box', children: [titulo && ((0, jsx_runtime_1.jsx)(link_1.default, { href: "/post/".concat(url), className: 'title font-32-bold', children: titulo })), subtitulo && (0, jsx_runtime_1.jsx)("div", { className: 'description font-16-regular', dangerouslySetInnerHTML: { __html: subtitulo } })] })] }) }));
|
|
37
|
+
}
|
|
38
|
+
exports.BlogCard = BlogCard;
|
|
39
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/sites/fixed-components/list-blog/card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,8CAAkD;AAIlD,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,EAAiE;QAA/D,cAAc,oBAAA,EAAE,GAAG,SAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,SAAS,eAAA;IACvE,OAAO,CACL,uBAAC,kBAAK,IAAC,IAAI,EAAC,UAAU,YACpB,wBAAC,CAAC,CAAC,QAAQ,eACR,cAAc,IAAI,CACjB,uBAAC,cAAI,IAAC,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAE,gBAAS,cAAc,CAAE,YACvE,cAAc,GACV,CACR,EAED,uBAAC,cAAI,IAAC,IAAI,EAAE,gBAAS,GAAG,CAAE,EAAE,SAAS,EAAC,OAAO,YAC3C,uBAAC,sBAAS,IAAC,GAAG,EAAE,MAAM,GAAI,GACrB,EAEP,iCAAK,SAAS,EAAC,UAAU,aACtB,MAAM,IAAI,CACT,uBAAC,cAAI,IAAC,IAAI,EAAE,gBAAS,GAAG,CAAE,EAAE,SAAS,EAAC,oBAAoB,YACvD,MAAM,GACF,CACR,EAEA,SAAS,IAAI,gCAAK,SAAS,EAAC,6BAA6B,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,GAAI,IACzG,IACK,GACP,CACT,CAAA;AACH,CAAC;AA1BD,4BA0BC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const BlogCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
|
+
ref?: import("react").Ref<HTMLDivElement>;
|
|
4
|
+
}, never>> & string;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.BlogCard = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.BlogCard = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 22;\n box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);\n border-radius: 10px;\n background-color: #ffffff;\n overflow: hidden;\n\n .top-link {\n width: fit-content;\n height: 1.67vw;\n min-height: 28px;\n border-radius: 5px;\n padding: 0 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #000;\n background-color: #fff;\n position: absolute;\n z-index: 22;\n top: 20px;\n right: 20px;\n }\n\n .image {\n width: 100%;\n aspect-ratio: 1;\n max-height: 320px;\n border-radius: 15px;\n\n &:hover {\n img {\n transform: scale(1.2);\n transition: transform 0.2s ease-in-out;\n }\n }\n }\n\n .text-box {\n padding: 0 20px 20px;\n\n .title {\n display: block;\n margin: 30px 0 22px;\n line-height: 1.2;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n line-clamp: 2;\n -webkit-box-orient: vertical;\n height: 77px;\n }\n\n .description {\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n -webkit-box-orient: vertical;\n height: fit-content;\n }\n }\n\n @media only screen and (max-width: 1600px) {\n .top-link {\n top: 18px;\n right: 18px;\n }\n\n .text-box {\n padding: 0 18px 18px;\n\n .title {\n margin: 26px 0 20px;\n height: 74px;\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .top-link {\n top: 16px;\n right: 16px;\n }\n\n .image {\n max-height: 300px;\n }\n\n .text-box {\n padding: 0 16px 16px;\n\n .title {\n margin: 24px 0 18px;\n height: 70px;\n }\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .top-link {\n top: 14px;\n right: 14px;\n }\n\n .text-box {\n .title {\n margin: 22px 0 16px;\n height: 56px;\n }\n }\n }\n\n @media only screen and (max-width: 1024px) {\n .text-box {\n .title {\n margin: 20px 0 12px;\n height: 52px;\n }\n }\n }\n\n @media only screen and (max-width: 768px) {\n .text-box {\n .title {\n margin: 20px 0 12px;\n height: 52px;\n }\n }\n }\n\n @media only screen and (max-width: 600px) {\n .text-box {\n .title {\n margin: 18px 0 10px;\n height: 40px;\n }\n }\n }\n\n @media only screen and (max-width: 500px) {\n .image {\n max-height: 230px;\n }\n }\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 22;\n box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);\n border-radius: 10px;\n background-color: #ffffff;\n overflow: hidden;\n\n .top-link {\n width: fit-content;\n height: 1.67vw;\n min-height: 28px;\n border-radius: 5px;\n padding: 0 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #000;\n background-color: #fff;\n position: absolute;\n z-index: 22;\n top: 20px;\n right: 20px;\n }\n\n .image {\n width: 100%;\n aspect-ratio: 1;\n max-height: 320px;\n border-radius: 15px;\n\n &:hover {\n img {\n transform: scale(1.2);\n transition: transform 0.2s ease-in-out;\n }\n }\n }\n\n .text-box {\n padding: 0 20px 20px;\n\n .title {\n display: block;\n margin: 30px 0 22px;\n line-height: 1.2;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n line-clamp: 2;\n -webkit-box-orient: vertical;\n height: 77px;\n }\n\n .description {\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n -webkit-box-orient: vertical;\n height: fit-content;\n }\n }\n\n @media only screen and (max-width: 1600px) {\n .top-link {\n top: 18px;\n right: 18px;\n }\n\n .text-box {\n padding: 0 18px 18px;\n\n .title {\n margin: 26px 0 20px;\n height: 74px;\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .top-link {\n top: 16px;\n right: 16px;\n }\n\n .image {\n max-height: 300px;\n }\n\n .text-box {\n padding: 0 16px 16px;\n\n .title {\n margin: 24px 0 18px;\n height: 70px;\n }\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .top-link {\n top: 14px;\n right: 14px;\n }\n\n .text-box {\n .title {\n margin: 22px 0 16px;\n height: 56px;\n }\n }\n }\n\n @media only screen and (max-width: 1024px) {\n .text-box {\n .title {\n margin: 20px 0 12px;\n height: 52px;\n }\n }\n }\n\n @media only screen and (max-width: 768px) {\n .text-box {\n .title {\n margin: 20px 0 12px;\n height: 52px;\n }\n }\n }\n\n @media only screen and (max-width: 600px) {\n .text-box {\n .title {\n margin: 18px 0 10px;\n height: 40px;\n }\n }\n }\n\n @media only screen and (max-width: 500px) {\n .image {\n max-height: 230px;\n }\n }\n"])));
|
|
13
|
+
var templateObject_1;
|
|
14
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/sites/fixed-components/list-blog/card/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,qoFAAA,kkFAoJpC,KAAA"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.carouselConfigs = void 0;
|
|
4
|
+
exports.carouselConfigs = {
|
|
5
|
+
dots: true,
|
|
6
|
+
slidesToShow: 3,
|
|
7
|
+
slidesToScroll: 3,
|
|
8
|
+
spacing: 20,
|
|
9
|
+
responsive: [
|
|
10
|
+
{
|
|
11
|
+
breakpoint: 900,
|
|
12
|
+
settings: {
|
|
13
|
+
slidesToShow: 2,
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
breakpoint: 600,
|
|
18
|
+
settings: {
|
|
19
|
+
slidesToShow: 1.3,
|
|
20
|
+
centerMode: true,
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
breakpoint: 480,
|
|
25
|
+
settings: {
|
|
26
|
+
slidesToShow: 1.2,
|
|
27
|
+
centerMode: true,
|
|
28
|
+
},
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
breakpoint: 0,
|
|
32
|
+
settings: {
|
|
33
|
+
slidesToShow: 1.1,
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
],
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=carousel-configs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-configs.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/carousel-configs.ts"],"names":[],"mappings":";;;AAEa,QAAA,eAAe,GAAqB;IAC/C,IAAI,EAAE,IAAI;IACV,YAAY,EAAE,CAAC;IACf,cAAc,EAAE,CAAC;IACjB,OAAO,EAAE,EAAE;IACX,UAAU,EAAE;QACV;YACE,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE;gBACR,YAAY,EAAE,CAAC;aAChB;SACF;QAED;YACE,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE;gBACR,YAAY,EAAE,GAAG;gBACjB,UAAU,EAAE,IAAI;aACjB;SACF;QAED;YACE,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE;gBACR,YAAY,EAAE,GAAG;gBACjB,UAAU,EAAE,IAAI;aACjB;SACF;QAED;YACE,UAAU,EAAE,CAAC;YACb,QAAQ,EAAE;gBACR,YAAY,EAAE,GAAG;aAClB;SACF;KACF;CACF,CAAA"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.ListBlog = void 0;
|
|
30
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
31
|
+
var link_1 = __importDefault(require("next/link"));
|
|
32
|
+
var components_1 = require("../../../ui/components/index.js");
|
|
33
|
+
var card_1 = require("./card/index.js");
|
|
34
|
+
var carousel_configs_1 = require("./carousel-configs.js");
|
|
35
|
+
var S = __importStar(require("./styles.js"));
|
|
36
|
+
function ListBlog(_a) {
|
|
37
|
+
var data = _a.data, title = _a.title, linkText = _a.linkText;
|
|
38
|
+
var Carousel = (0, components_1.useCarousel)({
|
|
39
|
+
data: data,
|
|
40
|
+
settings: carousel_configs_1.carouselConfigs,
|
|
41
|
+
Component: card_1.BlogCard,
|
|
42
|
+
}).Carousel;
|
|
43
|
+
return ((0, jsx_runtime_1.jsx)(components_1.Error, { name: 'ListBlog', children: (0, jsx_runtime_1.jsx)(S.ListBlog, { children: (0, jsx_runtime_1.jsxs)(components_1.Container, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'blog-title', children: [(0, jsx_runtime_1.jsx)("h2", { className: 'font-48-bold', children: title ? title : 'Blog' }), (0, jsx_runtime_1.jsx)(link_1.default, { className: 'font-16-bold', href: '/blog/todos', children: linkText ? linkText : 'Ver todos os posts' })] }), (0, jsx_runtime_1.jsx)(Carousel, {})] }) }) }));
|
|
44
|
+
}
|
|
45
|
+
exports.ListBlog = ListBlog;
|
|
46
|
+
//# sourceMappingURL=component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4B;AAE5B,8CAA+D;AAE/D,+BAAiC;AACjC,uDAAoD;AAIpD,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,EAAyC;QAAvC,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IACtC,IAAA,QAAQ,GAAK,IAAA,wBAAW,EAAgB;QAC9C,IAAI,EAAE,IAAI;QACV,QAAQ,EAAE,kCAAe;QACzB,SAAS,EAAE,eAAQ;KACpB,CAAC,SAJc,CAId;IAEF,OAAO,CACL,uBAAC,kBAAK,IAAC,IAAI,EAAC,UAAU,YACpB,uBAAC,CAAC,CAAC,QAAQ,cACT,wBAAC,sBAAS,eACR,iCAAK,SAAS,EAAC,YAAY,aACzB,+BAAI,SAAS,EAAC,cAAc,YAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,GAAM,EAE1D,uBAAC,cAAI,IAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,aAAa,YAC9C,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAoB,GACtC,IACH,EAEN,uBAAC,QAAQ,KAAG,IACF,GACD,GACP,CACT,CAAA;AACH,CAAC;AAxBD,4BAwBC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './component.js';
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./component.js"), exports);
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export interface IListBlogItem {
|
|
2
|
+
categoriaTitle?: string;
|
|
3
|
+
url?: string;
|
|
4
|
+
imagem?: string;
|
|
5
|
+
titulo?: string;
|
|
6
|
+
subtitulo?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface IListBlogProps {
|
|
9
|
+
data: IListBlogItem[];
|
|
10
|
+
title?: string;
|
|
11
|
+
linkText?: string;
|
|
12
|
+
isBaseImage?: boolean;
|
|
13
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/interfaces.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const ListBlog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
3
|
+
ref?: import("react").Ref<HTMLElement>;
|
|
4
|
+
}, never>> & string;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
+
};
|
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
+
exports.ListBlog = void 0;
|
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
+
exports.ListBlog = (0, styled_components_1.default)('section')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n padding: 100px 0;\n overflow-x: hidden;\n\n .blog-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 27px;\n\n a {\n width: 100%;\n max-width: 313px;\n height: 2.5vw;\n min-height: 36px;\n border: 1px solid black;\n border-radius: 100rem;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n @media only screen and (max-width: 900px) {\n .container {\n max-width: 100vw;\n padding: 0;\n margin: 0;\n }\n\n .blog-title {\n max-width: 80%;\n margin: 0 auto 20px;\n\n a {\n max-width: 200px;\n }\n }\n }\n\n @media only screen and (max-width: 400px) {\n .blog-title {\n max-width: 90%;\n\n a {\n max-width: 160px;\n }\n }\n }\n"], ["\n width: 100%;\n padding: 100px 0;\n overflow-x: hidden;\n\n .blog-title {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 27px;\n\n a {\n width: 100%;\n max-width: 313px;\n height: 2.5vw;\n min-height: 36px;\n border: 1px solid black;\n border-radius: 100rem;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n @media only screen and (max-width: 900px) {\n .container {\n max-width: 100vw;\n padding: 0;\n margin: 0;\n }\n\n .blog-title {\n max-width: 80%;\n margin: 0 auto 20px;\n\n a {\n max-width: 200px;\n }\n }\n }\n\n @media only screen and (max-width: 400px) {\n .blog-title {\n max-width: 90%;\n\n a {\n max-width: 160px;\n }\n }\n }\n"])));
|
|
13
|
+
var templateObject_1;
|
|
14
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/sites/fixed-components/list-blog/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,SAAS,CAAC,26BAAA,w2BAkDxC,KAAA"}
|
|
@@ -38,9 +38,12 @@ exports.Layout = void 0;
|
|
|
38
38
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
39
39
|
var header_1 = require("./header/index.js");
|
|
40
40
|
var sidebar_menu_1 = require("./sidebar-menu/index.js");
|
|
41
|
+
var ui_1 = require("../../../../ui/index.js");
|
|
41
42
|
var S = __importStar(require("./styles.js"));
|
|
42
43
|
function Layout(props) {
|
|
43
|
-
|
|
44
|
+
var sideBar = (0, ui_1.useElementId)({ id: 'sidebar' });
|
|
45
|
+
console.log(sideBar);
|
|
46
|
+
return ((0, jsx_runtime_1.jsxs)(S.Layout, { "$sideBarWidth": sideBar === null || sideBar === void 0 ? void 0 : sideBar.offsetWidth, children: [(0, jsx_runtime_1.jsx)(header_1.Header, __assign({}, props)), (0, jsx_runtime_1.jsxs)("div", { className: 'content_layout', children: [(0, jsx_runtime_1.jsx)(sidebar_menu_1.SidebarMenu, __assign({}, props === null || props === void 0 ? void 0 : props.sidebar)), props.children && (0, jsx_runtime_1.jsx)("main", { className: 'hasMenu', children: props.children })] })] }));
|
|
44
47
|
}
|
|
45
48
|
exports.Layout = Layout;
|
|
46
49
|
//# sourceMappingURL=component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,+CAA4C;
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,+CAA4C;AAG5C,2BAAmC;AAEnC,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAc;IACnC,IAAM,OAAO,GAAG,IAAA,iBAAY,EAAC,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAA;IAE/C,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IAEpB,OAAO,CACL,wBAAC,CAAC,CAAC,MAAM,qBAAgB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,aAC3C,uBAAC,eAAM,eAAK,KAAK,EAAI,EAErB,iCAAK,SAAS,EAAC,gBAAgB,aAC7B,uBAAC,0BAAW,eAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EAAI,EAElC,KAAK,CAAC,QAAQ,IAAI,iCAAM,SAAS,EAAC,SAAS,YAAE,KAAK,CAAC,QAAQ,GAAQ,IAChE,IACG,CACZ,CAAA;AACH,CAAC;AAhBD,wBAgBC"}
|
|
@@ -57,7 +57,7 @@ function SidebarMenu(_a) {
|
|
|
57
57
|
var expandedMenu = _a.expandedMenu;
|
|
58
58
|
var _c = (0, react_1.useState)(false), expand = _c[0], setExpand = _c[1];
|
|
59
59
|
var data = (0, system_1.useLoadMenu)().data;
|
|
60
|
-
return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'Menu', children: [expandedMenu && (0, jsx_runtime_1.jsx)("div", { id: 'ghost_menu_expanded', style: { width: '65px' } }), (0, jsx_runtime_1.jsxs)(S.Menu, { id:
|
|
60
|
+
return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'Menu', children: [expandedMenu && (0, jsx_runtime_1.jsx)("div", { id: 'ghost_menu_expanded', style: { width: '65px' } }), (0, jsx_runtime_1.jsxs)(S.Menu, { id: 'sidebar', className: (expand ? 'menu expanded' : 'menu') + (expandedMenu ? ' expanded_menu' : ''), children: [expandedMenu && ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'expand', onClick: function () { return setExpand(function (s) { return !s; }); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconArrowRight' }) })), (_b = data === null || data === void 0 ? void 0 : data.items) === null || _b === void 0 ? void 0 : _b.map(function (item, index) { return ((0, jsx_runtime_1.jsx)("ul", { children: (0, jsx_runtime_1.jsx)(MenuItem, { item: item, index: index }, 'menu-item' + index + item.title) })); })] })] }));
|
|
61
61
|
}
|
|
62
62
|
exports.SidebarMenu = SidebarMenu;
|
|
63
63
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,mDAA4B;AAC5B,sCAAuC;AAEvC,2BAAkC;AAClC,mCAAsC;AAGtC,0CAA6B;AAE7B,SAAS,QAAQ,CAAC,EAA6C;;QAA3C,IAAI,UAAA,EAAE,KAAK,WAAA;IAC7B,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAC1B,IAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAA;IAE1B,IAAM,YAAY,GAAG,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,KAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,IAAG,CAAC,CAAA;IAE1D,SAAS,WAAW;;QAClB,OAAO,CACL,kCAAM,SAAS,EAAC,iBAAiB,aAC9B,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,KAAI,gCAAK,SAAS,EAAC,MAAM,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,GAAI,EAEvF,iCAAM,SAAS,EAAC,eAAe,YAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAQ,EAEnD,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,MAAM,IAAG,CAAC,IAAI,CAC1B,gCAAK,SAAS,EAAC,OAAO,YACpB,uBAAC,SAAI,IAAC,IAAI,EAAC,wBAAwB,GAAG,GAClC,CACP,IACI,CACR,CAAA;IACH,CAAC;IAED,IAAM,cAAc,GAAG,YAAY,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAA;IAElG,IAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,IAAI,cAAc,CAAA;IAEpF,OAAO,CACL,gCAAI,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,aACpC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,uBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,qCAA8B,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,YACzF,uBAAC,WAAW,KAAG,GACV,CACR,CAAC,CAAC,CAAC,CACF,gCAAK,SAAS,EAAE,qBAAc,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,YACtD,uBAAC,WAAW,KAAG,GACX,CACP,EAEA,YAAY,IAAI,uBAAC,OAAO,IAA8B,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,IAAvD,SAAS,GAAG,IAAI,CAAC,KAAK,CAAqC,IACvF,CACN,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,EAA+C;QAA7C,IAAI,UAAA,EAAE,KAAK,WAAA;IAC5B,OAAO,CACL,uBAAC,CAAC,CAAC,OAAO,IAAC,SAAS,EAAC,SAAS,YAAS,KAAK,YACzC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,IAAK,OAAA,CACrB,uBAAC,QAAQ,IAAsC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAA3D,cAAc,GAAG,OAAO,CAAC,KAAK,CAAiC,CAC/E,EAFsB,CAEtB,CAAC,GACQ,CACb,CAAA;AACH,CAAC;AAED,SAAgB,WAAW,CAAC,EAA+B;;QAA7B,YAAY,kBAAA;IAClC,IAAA,KAAsB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAApC,MAAM,QAAA,EAAE,SAAS,QAAmB,CAAA;IACnC,IAAA,IAAI,GAAK,IAAA,oBAAW,GAAE,KAAlB,CAAkB;IAE9B,OAAO,CACL,wBAAC,UAAK,IAAC,IAAI,EAAC,MAAM,aACf,YAAY,IAAI,gCAAK,EAAE,EAAC,qBAAqB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,GAAQ,EAE/E,wBAAC,CAAC,CAAC,IAAI,IAAC,EAAE,EAAC,SAAS,EAAC,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,CAAC,aACzG,YAAY,IAAI,CACf,mCAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAM,OAAA,SAAS,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAF,CAAE,CAAC,EAApB,CAAoB,YAC1E,uBAAC,SAAI,IAAC,IAAI,EAAC,gBAAgB,GAAG,GACvB,CACV,EAEA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CACjC,yCACE,uBAAC,QAAQ,IAAwC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,IAA1D,WAAW,GAAG,KAAK,GAAG,IAAI,CAAC,KAAK,CAA8B,GAC1E,CACN,EAJkC,CAIlC,CAAC,IACK,IACH,CACT,CAAA;AACH,CAAC;AAvBD,kCAuBC"}
|
|
@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.SubMenu = exports.Menu = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n position: relative;\n padding-right: clamp(5px, 0.78vw, 15px);\n width: 285px;\n padding: 0 0 15px 0;\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n min-height: 100vh;\n z-index: 999;\n background: #fff;\n padding-top: 25px;\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n\n a {\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n margin-bottom: clamp(10px, 0.75vw, 15px);\n\n li + li {\n margin-top: 4px;\n }\n\n ul {\n display: none;\n padding: 4px;\n\n * {\n color: ", " !important;\n }\n\n li {\n padding: 0;\n\n &.active {\n background: none;\n }\n\n ul {\n display: none;\n }\n\n .item-title {\n &:hover,\n &.active {\n background: #e1e1e1 !important;\n }\n }\n }\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n\n ul {\n display: none;\n }\n\n &.active {\n background: ", ";\n border-radius: 5px;\n\n a,\n span {\n color: #fff;\n }\n\n svg {\n fill: #fff !important;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n .title {\n color: #828282;\n margin-bottom: clamp(3px, 0.5vw, 10px);\n padding-left: clamp(5px, 0.78vw, 15px);\n\n .dark & {\n color: #4b5563;\n }\n }\n\n .item-title {\n border-radius: 5px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: transform 0.1s ease-in-out;\n font-weight: 400;\n padding: 0 clamp(5px, 0.78vw, 15px);\n height: clamp(34px, 2.08vw, 40px);\n display: flex;\n position: relative;\n z-index: 2222;\n\n > span {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n color: ", ";\n\n .icon {\n width: 20px;\n height: 20px;\n display: flex;\n transition: 0.1s linear;\n margin-left: 0;\n\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n\n > span {\n color: #fff;\n margin-right: 0;\n transition: 0.3s linear;\n\n .icon {\n margin-left: 10px;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n .arrow {\n width: 7px;\n margin: 0 0 0 auto;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n &#menu_expanded {\n width: 65px !important;\n padding-top: 41px;\n transition: 0.3s;\n position: absolute;\n\n .expand {\n position: absolute;\n top: 10px;\n right: -12px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: none;\n }\n\n .arrow {\n display: none;\n }\n }\n }\n }\n\n ul {\n .submenu {\n min-width: 195px;\n }\n }\n\n .item-title {\n padding-left: 22px;\n \n &:hover {\n > span {\n .icon {\n margin-left: 0;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n &.expanded {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: block;\n }\n\n .arrow {\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .icon {\n width: 14px !important;\n height: 14px !important;\n }\n\n span {\n font-size: 13.5px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .icon {\n width: 17px !important;\n height: 17px !important;\n }\n\n span {\n font-size: 13px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .icon {\n width: 16px !important;\n height: 16px !important;\n }\n\n span {\n font-size: 12px;\n }\n }\n"], ["\n width: 100%;\n position: relative;\n padding-right: clamp(5px, 0.78vw, 15px);\n width: 285px;\n padding: 0 0 15px 0;\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n min-height: 100vh;\n z-index: 999;\n background: #fff;\n padding-top: 25px;\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n\n a {\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n margin-bottom: clamp(10px, 0.75vw, 15px);\n\n li + li {\n margin-top: 4px;\n }\n\n ul {\n display: none;\n padding: 4px;\n\n * {\n color: ", " !important;\n }\n\n li {\n padding: 0;\n\n &.active {\n background: none;\n }\n\n ul {\n display: none;\n }\n\n .item-title {\n &:hover,\n &.active {\n background: #e1e1e1 !important;\n }\n }\n }\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n\n ul {\n display: none;\n }\n\n &.active {\n background: ", ";\n border-radius: 5px;\n\n a,\n span {\n color: #fff;\n }\n\n svg {\n fill: #fff !important;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n .title {\n color: #828282;\n margin-bottom: clamp(3px, 0.5vw, 10px);\n padding-left: clamp(5px, 0.78vw, 15px);\n\n .dark & {\n color: #4b5563;\n }\n }\n\n .item-title {\n border-radius: 5px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: transform 0.1s ease-in-out;\n font-weight: 400;\n padding: 0 clamp(5px, 0.78vw, 15px);\n height: clamp(34px, 2.08vw, 40px);\n display: flex;\n position: relative;\n z-index: 2222;\n\n > span {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n color: ", ";\n\n .icon {\n width: 20px;\n height: 20px;\n display: flex;\n transition: 0.1s linear;\n margin-left: 0;\n\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n\n > span {\n color: #fff;\n margin-right: 0;\n transition: 0.3s linear;\n\n .icon {\n margin-left: 10px;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n .arrow {\n width: 7px;\n margin: 0 0 0 auto;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n &#menu_expanded {\n width: 65px !important;\n padding-top: 41px;\n transition: 0.3s;\n position: absolute;\n\n .expand {\n position: absolute;\n top: 10px;\n right: -12px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: none;\n }\n\n .arrow {\n display: none;\n }\n }\n }\n }\n\n ul {\n .submenu {\n min-width: 195px;\n }\n }\n\n .item-title {\n padding-left: 22px;\n \n &:hover {\n > span {\n .icon {\n margin-left: 0;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n &.expanded {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: block;\n }\n\n .arrow {\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .icon {\n width: 14px !important;\n height: 14px !important;\n }\n\n span {\n font-size: 13.5px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .icon {\n width: 17px !important;\n height: 17px !important;\n }\n\n span {\n font-size: 13px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .icon {\n width: 16px !important;\n height: 16px !important;\n }\n\n span {\n font-size: 12px;\n }\n }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.primaryColor; });
|
|
12
|
+
exports.Menu = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n position: relative;\n padding-right: clamp(5px, 0.78vw, 15px);\n width: 285px;\n padding: 0 0 15px 0;\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n height: 100%;\n min-height: 100vh;\n z-index: 999;\n background: #fff;\n padding-top: 25px;\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n\n a {\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n margin-bottom: clamp(10px, 0.75vw, 15px);\n\n li + li {\n margin-top: 4px;\n }\n\n ul {\n display: none;\n padding: 4px;\n\n * {\n color: ", " !important;\n }\n\n li {\n padding: 0;\n\n &.active {\n background: none;\n }\n\n ul {\n display: none;\n }\n\n .item-title {\n &:hover,\n &.active {\n background: #e1e1e1 !important;\n }\n }\n }\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n\n ul {\n display: none;\n }\n\n &.active {\n background: ", ";\n border-radius: 5px;\n\n a,\n span {\n color: #fff;\n }\n\n svg {\n fill: #fff !important;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n .title {\n color: #828282;\n margin-bottom: clamp(3px, 0.5vw, 10px);\n padding-left: clamp(5px, 0.78vw, 15px);\n\n .dark & {\n color: #4b5563;\n }\n }\n\n .item-title {\n border-radius: 5px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: transform 0.1s ease-in-out;\n font-weight: 400;\n padding: 0 clamp(5px, 0.78vw, 15px);\n height: clamp(34px, 2.08vw, 40px);\n display: flex;\n position: relative;\n z-index: 2222;\n\n > span {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n color: ", ";\n\n .icon {\n width: 20px;\n height: 20px;\n display: flex;\n transition: 0.1s linear;\n margin-left: 0;\n\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n\n > span {\n color: #fff;\n margin-right: 0;\n transition: 0.3s linear;\n\n .icon {\n margin-left: 10px;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n .arrow {\n width: 7px;\n margin: 0 0 0 auto;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n &.expanded_menu {\n width: 65px !important;\n padding-top: 41px;\n transition: 0.3s;\n position: absolute;\n\n .expand {\n position: absolute;\n top: 10px;\n right: -12px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: none;\n }\n\n .arrow {\n display: none;\n }\n }\n }\n }\n\n ul {\n .submenu {\n min-width: 195px;\n }\n }\n\n .item-title {\n padding-left: 22px;\n\n &:hover {\n > span {\n .icon {\n margin-left: 0;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n &.expanded {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: block;\n }\n\n .arrow {\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .icon {\n width: 14px !important;\n height: 14px !important;\n }\n\n span {\n font-size: 13.5px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .icon {\n width: 17px !important;\n height: 17px !important;\n }\n\n span {\n font-size: 13px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .icon {\n width: 16px !important;\n height: 16px !important;\n }\n\n span {\n font-size: 12px;\n }\n }\n"], ["\n width: 100%;\n position: relative;\n padding-right: clamp(5px, 0.78vw, 15px);\n width: 285px;\n padding: 0 0 15px 0;\n border-right: 1px solid #e1e1e1;\n display: flex;\n flex-direction: column;\n left: 0;\n top: 0;\n height: 100%;\n min-height: 100vh;\n z-index: 999;\n background: #fff;\n padding-top: 25px;\n\n &::-webkit-scrollbar {\n width: 5px;\n border-radius: 10px;\n }\n\n &::-webkit-scrollbar-track {\n background: #ccc;\n border-radius: 10px;\n }\n\n a {\n text-decoration: none;\n }\n\n ul {\n list-style-type: none;\n padding: 0;\n margin-top: 0;\n margin-bottom: clamp(10px, 0.75vw, 15px);\n\n li + li {\n margin-top: 4px;\n }\n\n ul {\n display: none;\n padding: 4px;\n\n * {\n color: ", " !important;\n }\n\n li {\n padding: 0;\n\n &.active {\n background: none;\n }\n\n ul {\n display: none;\n }\n\n .item-title {\n &:hover,\n &.active {\n background: #e1e1e1 !important;\n }\n }\n }\n }\n\n li {\n position: relative !important;\n z-index: 9999;\n width: 100%;\n\n ul {\n display: none;\n }\n\n &.active {\n background: ", ";\n border-radius: 5px;\n\n a,\n span {\n color: #fff;\n }\n\n svg {\n fill: #fff !important;\n }\n }\n\n &:hover {\n > ul {\n display: block;\n }\n }\n }\n }\n\n .title {\n color: #828282;\n margin-bottom: clamp(3px, 0.5vw, 10px);\n padding-left: clamp(5px, 0.78vw, 15px);\n\n .dark & {\n color: #4b5563;\n }\n }\n\n .item-title {\n border-radius: 5px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: transform 0.1s ease-in-out;\n font-weight: 400;\n padding: 0 clamp(5px, 0.78vw, 15px);\n height: clamp(34px, 2.08vw, 40px);\n display: flex;\n position: relative;\n z-index: 2222;\n\n > span {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n color: ", ";\n\n .icon {\n width: 20px;\n height: 20px;\n display: flex;\n transition: 0.1s linear;\n margin-left: 0;\n\n > svg {\n width: 100%;\n height: auto;\n fill: #828282;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n\n > span {\n color: #fff;\n margin-right: 0;\n transition: 0.3s linear;\n\n .icon {\n margin-left: 10px;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n .arrow {\n width: 7px;\n margin: 0 0 0 auto;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n &.expanded_menu {\n width: 65px !important;\n padding-top: 41px;\n transition: 0.3s;\n position: absolute;\n\n .expand {\n position: absolute;\n top: 10px;\n right: -12px;\n width: 24px;\n height: 24px;\n border-radius: 100%;\n background-color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n border: 0;\n\n svg {\n width: 5px;\n fill: #fff;\n height: auto;\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: none;\n }\n\n .arrow {\n display: none;\n }\n }\n }\n }\n\n ul {\n .submenu {\n min-width: 195px;\n }\n }\n\n .item-title {\n padding-left: 22px;\n\n &:hover {\n > span {\n .icon {\n margin-left: 0;\n\n > svg {\n fill: #fff !important;\n }\n }\n }\n }\n }\n\n &.expanded {\n width: 240px !important;\n transition: 0.3s;\n\n .expand {\n svg {\n transform: rotate(180deg);\n }\n }\n\n > ul {\n > li {\n > .item-title {\n .content-title {\n display: block;\n }\n\n .arrow {\n display: block;\n }\n }\n }\n }\n }\n }\n\n @media only screen and (max-width: 1400px) {\n .icon {\n width: 14px !important;\n height: 14px !important;\n }\n\n span {\n font-size: 13.5px;\n }\n }\n\n @media only screen and (max-width: 1200px) {\n .icon {\n width: 17px !important;\n height: 17px !important;\n }\n\n span {\n font-size: 13px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n .icon {\n width: 16px !important;\n height: 16px !important;\n }\n\n span {\n font-size: 12px;\n }\n }\n"])), function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.darkColor; }, function (props) { return props.theme.primaryColor; });
|
|
13
13
|
exports.SubMenu = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-radius: 5px;\n padding: 12px 8px;\n z-index: 24;\n position: absolute;\n top: ", ";\n bottom: ", ";\n left: 100%;\n z-index: 9999;\n background-color: #ffffff;\n border: 1px solid #d1d5db;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n transition: background-color 0.3s, border-color 0.3s;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n"], ["\n border-radius: 5px;\n padding: 12px 8px;\n z-index: 24;\n position: absolute;\n top: ", ";\n bottom: ", ";\n left: 100%;\n z-index: 9999;\n background-color: #ffffff;\n border: 1px solid #d1d5db;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n transition: background-color 0.3s, border-color 0.3s;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n width: 100%;\n"])), function (props) { return (props.$index <= 6 ? 0 : undefined); }, function (props) { return (props.$index > 6 ? 0 : undefined); });
|
|
14
14
|
var templateObject_1, templateObject_2;
|
|
15
15
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/layout/sidebar-menu/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,46JAAA,sxBA8Cb,EAAgC,0fAiC3B,EAAgC,05BAkDvC,EAAgC,wTAkBrB,EAAgC,qtBA2ChC,EAAmC,wqDA2G5D,KA3PgB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAiC3B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkDvC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAkBrB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA2ChC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,YAAY,EAAxB,CAAwB,EA2G5D;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,EAAE,8fAAoB,+FAK3C,EAA8C,eAC3C,EAA6C,yUAWxD,KAZQ,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAnC,CAAmC,EAC3C,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,EAAlC,CAAkC,EAWxD"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const Layout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").
|
|
2
|
+
export declare const Layout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
3
|
ref?: import("react").Ref<HTMLDivElement>;
|
|
4
|
-
},
|
|
4
|
+
}, {
|
|
5
|
+
$sideBarWidth?: number;
|
|
6
|
+
}>> & string;
|
|
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.Layout = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n --spacing: clamp(15px, 1.56vw, 30px);\n\n header {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n .content_layout {\n width: 100%;\n display: flex;\n position: relative;\n\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n width:
|
|
12
|
+
exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n --spacing: clamp(15px, 1.56vw, 30px);\n\n header {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n .content_layout {\n width: 100%;\n display: flex;\n position: relative;\n\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n width: ", ";\n\n flex: 1;\n margin: var(--spacing) 0;\n }\n }\n"], ["\n width: 100%;\n --spacing: clamp(15px, 1.56vw, 30px);\n\n header {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n .content_layout {\n width: 100%;\n display: flex;\n position: relative;\n\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n width: ", ";\n\n flex: 1;\n margin: var(--spacing) 0;\n }\n }\n"])), function (props) { return (props.$sideBarWidth ? "calc(100% - ".concat(props.$sideBarWidth + 'px', ")") : '100%'); });
|
|
13
13
|
var templateObject_1;
|
|
14
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,8fAA4B,qXAqBhD,EAAwF,oEAMtG,KANc,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,sBAAe,KAAK,CAAC,aAAa,GAAG,IAAI,MAAG,CAAC,CAAC,CAAC,MAAM,CAAC,EAA7E,CAA6E,EAMtG"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Settings } from 'react-slick';
|
|
3
|
+
export type CarouselSettings = Settings & {
|
|
4
|
+
spacing?: number;
|
|
5
|
+
};
|
|
3
6
|
export declare function useCarousel<T = any>(props: {
|
|
4
|
-
data
|
|
7
|
+
data?: T[];
|
|
5
8
|
title?: string;
|
|
6
|
-
settings:
|
|
7
|
-
spacing?: number;
|
|
8
|
-
};
|
|
9
|
+
settings: CarouselSettings;
|
|
9
10
|
Component: (props: T) => JSX.Element;
|
|
10
11
|
}): {
|
|
11
12
|
Carousel: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA8C;AAE9C,0CAA6B;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,4DAA8C;AAE9C,0CAA6B;AAI7B,SAAgB,WAAW,CAAU,KAKpC;IACC,OAAO;QACL,QAAQ,EAAE;YACR,OAAO,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC9C,kDAAK,CACN,CAAC,CAAC,CAAC,CACF,wBAAC,CAAC,CAAC,WAAW,gBAAW,KAAK,CAAC,QAAQ,CAAC,OAAO,aAC5C,KAAK,CAAC,KAAK,IAAI,yCAAK,KAAK,CAAC,KAAK,GAAM,EACtC,uBAAC,qBAAM,eAAK,KAAK,CAAC,QAAQ,cACvB,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK,IAAK,OAAA,CAClC,0CACE,uBAAC,KAAK,CAAC,SAAS,eAAM,OAAe,EAAI,IADjC,KAAK,CAET,CACP,EAJmC,CAInC,CAAC,IACK,IACK,CACjB,CAAA;QACH,CAAC;KACF,CAAA;AACH,CAAC;AAxBD,kCAwBC"}
|
|
@@ -9,8 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
9
9
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
10
|
exports.SlickStyles = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.SlickStyles = (0, styled_components_1.default)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /* Slider */\n .slick-slider {\n position: relative;\n\n display: block;\n box-sizing: border-box;\n\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n -webkit-touch-callout: none;\n -khtml-user-select: none;\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n -webkit-tap-highlight-color: transparent;\n }\n\n .slick-list {\n position: relative;\n\n display: block;\n overflow: hidden;\n\n margin: 0;\n padding: 0 0 20px;\n }\n .slick-list:focus {\n outline: none;\n }\n .slick-list.dragging {\n cursor: pointer;\n cursor: hand;\n }\n\n .slick-slider .slick-track,\n .slick-slider .slick-list {\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n -o-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n .slick-track {\n position: relative;\n top: 0;\n left: 0;\n\n display: block;\n margin-left: unset;\n margin-right: auto;\n }\n .slick-track:before,\n .slick-track:after {\n display: table;\n\n content: \"\";\n }\n .slick-track:after {\n clear: both;\n }\n .slick-loading .slick-track {\n visibility: hidden;\n }\n\n .slick-slide {\n display: none;\n float: left;\n\n height: 100%;\n min-height: 1px;\n }\n [dir=\"rtl\"] .slick-slide {\n float: right;\n }\n .slick-slide img {\n display: block;\n }\n .slick-slide.slick-loading img {\n display: none;\n }\n .slick-slide.dragging img {\n pointer-events: none;\n }\n .slick-initialized .slick-slide {\n display: block;\n }\n .slick-loading .slick-slide {\n visibility: hidden;\n }\n .slick-vertical .slick-slide {\n display: block;\n\n height: auto;\n\n border: 1px solid transparent;\n }\n .slick-arrow.slick-hidden {\n display: none;\n }\n .slick-loading .slick-list {\n background: #fff url(\"./ajax-loader.gif\") center center no-repeat;\n }\n\n /* Icons */\n @font-face {\n font-family: \"slick\";\n font-weight: normal;\n font-style: normal;\n\n src: url(\"./fonts/slick.eot\");\n src: url(\"./fonts/slick.eot?#iefix\") format(\"embedded-opentype\"),\n url(\"./fonts/slick.woff\") format(\"woff\"),\n url(\"./fonts/slick.ttf\") format(\"truetype\"),\n url(\"./fonts/slick.svg#slick\") format(\"svg\");\n }\n /* Arrows */\n .slick-prev,\n .slick-next {\n font-size: 0;\n line-height: 0;\n\n position: absolute;\n top: 50%;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 0;\n -webkit-transform: translate(0, -50%);\n -ms-transform: translate(0, -50%);\n transform: translate(0, -50%);\n\n cursor: pointer;\n\n color: transparent;\n border: none;\n outline: none;\n background: transparent;\n }\n .slick-prev:hover,\n .slick-prev:focus,\n .slick-next:hover,\n .slick-next:focus {\n color: transparent;\n outline: none;\n background: transparent;\n }\n .slick-prev:hover:before,\n .slick-prev:focus:before,\n .slick-next:hover:before,\n .slick-next:focus:before {\n opacity: 1;\n }\n .slick-prev.slick-disabled:before,\n .slick-next.slick-disabled:before {\n opacity: 0.25;\n }\n\n .slick-prev:before,\n .slick-next:before {\n font-family: \"slick\";\n font-size: 20px;\n line-height: 1;\n\n opacity: 0.75;\n color: white;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n .slick-prev {\n left: -25px;\n }\n [dir=\"rtl\"] .slick-prev {\n right: -25px;\n left: auto;\n }\n .slick-prev:before {\n content: \"\u2190\";\n }\n [dir=\"rtl\"] .slick-prev:before {\n content: \"\u2192\";\n }\n\n .slick-next {\n right: -25px;\n }\n [dir=\"rtl\"] .slick-next {\n right: auto;\n left: -25px;\n }\n .slick-next:before {\n content: \"\u2192\";\n }\n [dir=\"rtl\"] .slick-next:before {\n content: \"\u2190\";\n }\n\n /* Dots */\n .slick-dotted.slick-slider {\n margin-bottom: 30px;\n }\n\n .slick-dots {\n position: absolute;\n bottom: -25px;\n\n display: block;\n\n width: 100%;\n padding: 0;\n margin: 0;\n\n list-style: none;\n\n text-align: center;\n }\n .slick-dots li {\n position: relative;\n\n display: inline-block;\n\n width: 20px;\n height: 20px;\n margin: 0 5px;\n padding: 0;\n\n cursor: pointer;\n }\n .slick-dots li button {\n font-size: 0;\n line-height: 0;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 5px;\n\n cursor: pointer;\n\n color: transparent;\n border: 0;\n outline: none;\n background: transparent;\n }\n .slick-dots li button:hover,\n .slick-dots li button:focus {\n outline: none;\n }\n .slick-dots li button:hover:before,\n .slick-dots li button:focus:before {\n opacity: 1;\n }\n .slick-dots li button:before {\n font-family: \"slick\";\n font-size: 6px;\n line-height: 20px;\n\n position: absolute;\n top: 0;\n left: 0;\n\n width: 20px;\n height: 20px;\n\n content: \"\u2022\";\n text-align: center;\n\n opacity: 0.25;\n color: black;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .slick-dots li.slick-active button:before {\n opacity: 0.75;\n color: black;\n }\n\n /* .slick-track > div > div {\n margin-left: ", ";\n } */\n\n .slick-dots {\n li {\n border-radius: 100%;\n height: 12px;\n width: 12px;\n background-color: #ccc;\n }\n\n li.slick-active {\n background-color: #000;\n }\n }\n"], ["\n /* Slider */\n .slick-slider {\n position: relative;\n\n display: block;\n box-sizing: border-box;\n\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n -webkit-touch-callout: none;\n -khtml-user-select: none;\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n -webkit-tap-highlight-color: transparent;\n }\n\n .slick-list {\n position: relative;\n\n display: block;\n overflow: hidden;\n\n margin: 0;\n padding: 0 0 20px;\n }\n .slick-list:focus {\n outline: none;\n }\n .slick-list.dragging {\n cursor: pointer;\n cursor: hand;\n }\n\n .slick-slider .slick-track,\n .slick-slider .slick-list {\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n -o-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n .slick-track {\n position: relative;\n top: 0;\n left: 0;\n\n display: block;\n margin-left: unset;\n margin-right: auto;\n }\n .slick-track:before,\n .slick-track:after {\n display: table;\n\n content: \"\";\n }\n .slick-track:after {\n clear: both;\n }\n .slick-loading .slick-track {\n visibility: hidden;\n }\n\n .slick-slide {\n display: none;\n float: left;\n\n height: 100%;\n min-height: 1px;\n }\n [dir=\"rtl\"] .slick-slide {\n float: right;\n }\n .slick-slide img {\n display: block;\n }\n .slick-slide.slick-loading img {\n display: none;\n }\n .slick-slide.dragging img {\n pointer-events: none;\n }\n .slick-initialized .slick-slide {\n display: block;\n }\n .slick-loading .slick-slide {\n visibility: hidden;\n }\n .slick-vertical .slick-slide {\n display: block;\n\n height: auto;\n\n border: 1px solid transparent;\n }\n .slick-arrow.slick-hidden {\n display: none;\n }\n .slick-loading .slick-list {\n background: #fff url(\"./ajax-loader.gif\") center center no-repeat;\n }\n\n /* Icons */\n @font-face {\n font-family: \"slick\";\n font-weight: normal;\n font-style: normal;\n\n src: url(\"./fonts/slick.eot\");\n src: url(\"./fonts/slick.eot?#iefix\") format(\"embedded-opentype\"),\n url(\"./fonts/slick.woff\") format(\"woff\"),\n url(\"./fonts/slick.ttf\") format(\"truetype\"),\n url(\"./fonts/slick.svg#slick\") format(\"svg\");\n }\n /* Arrows */\n .slick-prev,\n .slick-next {\n font-size: 0;\n line-height: 0;\n\n position: absolute;\n top: 50%;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 0;\n -webkit-transform: translate(0, -50%);\n -ms-transform: translate(0, -50%);\n transform: translate(0, -50%);\n\n cursor: pointer;\n\n color: transparent;\n border: none;\n outline: none;\n background: transparent;\n }\n .slick-prev:hover,\n .slick-prev:focus,\n .slick-next:hover,\n .slick-next:focus {\n color: transparent;\n outline: none;\n background: transparent;\n }\n .slick-prev:hover:before,\n .slick-prev:focus:before,\n .slick-next:hover:before,\n .slick-next:focus:before {\n opacity: 1;\n }\n .slick-prev.slick-disabled:before,\n .slick-next.slick-disabled:before {\n opacity: 0.25;\n }\n\n .slick-prev:before,\n .slick-next:before {\n font-family: \"slick\";\n font-size: 20px;\n line-height: 1;\n\n opacity: 0.75;\n color: white;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n .slick-prev {\n left: -25px;\n }\n [dir=\"rtl\"] .slick-prev {\n right: -25px;\n left: auto;\n }\n .slick-prev:before {\n content: \"\u2190\";\n }\n [dir=\"rtl\"] .slick-prev:before {\n content: \"\u2192\";\n }\n\n .slick-next {\n right: -25px;\n }\n [dir=\"rtl\"] .slick-next {\n right: auto;\n left: -25px;\n }\n .slick-next:before {\n content: \"\u2192\";\n }\n [dir=\"rtl\"] .slick-next:before {\n content: \"\u2190\";\n }\n\n /* Dots */\n .slick-dotted.slick-slider {\n margin-bottom: 30px;\n }\n\n .slick-dots {\n position: absolute;\n bottom: -25px;\n\n display: block;\n\n width: 100%;\n padding: 0;\n margin: 0;\n\n list-style: none;\n\n text-align: center;\n }\n .slick-dots li {\n position: relative;\n\n display: inline-block;\n\n width: 20px;\n height: 20px;\n margin: 0 5px;\n padding: 0;\n\n cursor: pointer;\n }\n .slick-dots li button {\n font-size: 0;\n line-height: 0;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 5px;\n\n cursor: pointer;\n\n color: transparent;\n border: 0;\n outline: none;\n background: transparent;\n }\n .slick-dots li button:hover,\n .slick-dots li button:focus {\n outline: none;\n }\n .slick-dots li button:hover:before,\n .slick-dots li button:focus:before {\n opacity: 1;\n }\n .slick-dots li button:before {\n font-family: \"slick\";\n font-size: 6px;\n line-height: 20px;\n\n position: absolute;\n top: 0;\n left: 0;\n\n width: 20px;\n height: 20px;\n\n content: \"\u2022\";\n text-align: center;\n\n opacity: 0.25;\n color: black;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .slick-dots li.slick-active button:before {\n opacity: 0.75;\n color: black;\n }\n\n /* .slick-track > div > div {\n margin-left: ", ";\n } */\n\n .slick-dots {\n li {\n border-radius: 100%;\n height: 12px;\n width: 12px;\n background-color: #ccc;\n }\n\n li.slick-active {\n background-color: #000;\n }\n }\n"])), function (props) {
|
|
13
|
-
return props.$spacing ? props.$spacing + "px" : "10px";
|
|
14
|
-
});
|
|
12
|
+
exports.SlickStyles = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /* Slider */\n .slick-slider {\n position: relative;\n\n display: block;\n box-sizing: border-box;\n\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n -webkit-touch-callout: none;\n -khtml-user-select: none;\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n -webkit-tap-highlight-color: transparent;\n }\n\n .slick-list {\n position: relative;\n\n display: block;\n overflow: hidden;\n\n margin: 0;\n padding: 0 0 20px;\n }\n .slick-list:focus {\n outline: none;\n }\n .slick-list.dragging {\n cursor: pointer;\n cursor: hand;\n }\n\n .slick-slider .slick-track,\n .slick-slider .slick-list {\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n -o-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n .slick-track {\n position: relative;\n top: 0;\n left: 0;\n\n display: block;\n margin-left: unset;\n margin-right: auto;\n }\n .slick-track:before,\n .slick-track:after {\n display: table;\n\n content: '';\n }\n .slick-track:after {\n clear: both;\n }\n .slick-loading .slick-track {\n visibility: hidden;\n }\n\n .slick-slide {\n display: none;\n float: left;\n\n height: 100%;\n min-height: 1px;\n }\n [dir='rtl'] .slick-slide {\n float: right;\n }\n .slick-slide img {\n display: block;\n }\n .slick-slide.slick-loading img {\n display: none;\n }\n .slick-slide.dragging img {\n pointer-events: none;\n }\n .slick-initialized .slick-slide {\n display: block;\n }\n .slick-loading .slick-slide {\n visibility: hidden;\n }\n .slick-vertical .slick-slide {\n display: block;\n\n height: auto;\n\n border: 1px solid transparent;\n }\n .slick-arrow.slick-hidden {\n display: none;\n }\n .slick-loading .slick-list {\n background: #fff url('./ajax-loader.gif') center center no-repeat;\n }\n\n /* Icons */\n @font-face {\n font-family: 'slick';\n font-weight: normal;\n font-style: normal;\n\n src: url('./fonts/slick.eot');\n src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'),\n url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');\n }\n /* Arrows */\n .slick-prev,\n .slick-next {\n font-size: 0;\n line-height: 0;\n\n position: absolute;\n top: 50%;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 0;\n -webkit-transform: translate(0, -50%);\n -ms-transform: translate(0, -50%);\n transform: translate(0, -50%);\n\n cursor: pointer;\n\n color: transparent;\n border: none;\n outline: none;\n background: transparent;\n }\n .slick-prev:hover,\n .slick-prev:focus,\n .slick-next:hover,\n .slick-next:focus {\n color: transparent;\n outline: none;\n background: transparent;\n }\n .slick-prev:hover:before,\n .slick-prev:focus:before,\n .slick-next:hover:before,\n .slick-next:focus:before {\n opacity: 1;\n }\n .slick-prev.slick-disabled:before,\n .slick-next.slick-disabled:before {\n opacity: 0.25;\n }\n\n .slick-prev:before,\n .slick-next:before {\n font-family: 'slick';\n font-size: 20px;\n line-height: 1;\n\n opacity: 0.75;\n color: white;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n .slick-prev {\n left: -25px;\n }\n [dir='rtl'] .slick-prev {\n right: -25px;\n left: auto;\n }\n .slick-prev:before {\n content: '\u2190';\n }\n [dir='rtl'] .slick-prev:before {\n content: '\u2192';\n }\n\n .slick-next {\n right: -25px;\n }\n [dir='rtl'] .slick-next {\n right: auto;\n left: -25px;\n }\n .slick-next:before {\n content: '\u2192';\n }\n [dir='rtl'] .slick-next:before {\n content: '\u2190';\n }\n\n /* Dots */\n .slick-dotted.slick-slider {\n margin-bottom: 30px;\n }\n\n .slick-dots {\n position: absolute;\n bottom: -25px;\n\n display: block;\n\n width: 100%;\n padding: 0;\n margin: 0;\n\n list-style: none;\n\n text-align: center;\n }\n .slick-dots li {\n position: relative;\n\n display: inline-block;\n\n width: 20px;\n height: 20px;\n margin: 0 5px;\n padding: 0;\n\n cursor: pointer;\n }\n .slick-dots li button {\n font-size: 0;\n line-height: 0;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 5px;\n\n cursor: pointer;\n\n color: transparent;\n border: 0;\n outline: none;\n background: transparent;\n }\n .slick-dots li button:hover,\n .slick-dots li button:focus {\n outline: none;\n }\n .slick-dots li button:hover:before,\n .slick-dots li button:focus:before {\n opacity: 1;\n }\n .slick-dots li button:before {\n font-family: 'slick';\n font-size: 6px;\n line-height: 20px;\n\n position: absolute;\n top: 0;\n left: 0;\n\n width: 20px;\n height: 20px;\n\n content: '\u2022';\n text-align: center;\n\n opacity: 0.25;\n color: black;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .slick-dots li.slick-active button:before {\n opacity: 0.75;\n color: black;\n }\n\n .slick-track > div > div {\n margin-left: ", ";\n }\n\n .slick-dots {\n li {\n border-radius: 100%;\n height: 12px;\n width: 12px;\n background-color: #ccc;\n }\n\n li.slick-active {\n background-color: #000;\n }\n }\n"], ["\n /* Slider */\n .slick-slider {\n position: relative;\n\n display: block;\n box-sizing: border-box;\n\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n\n -webkit-touch-callout: none;\n -khtml-user-select: none;\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n -webkit-tap-highlight-color: transparent;\n }\n\n .slick-list {\n position: relative;\n\n display: block;\n overflow: hidden;\n\n margin: 0;\n padding: 0 0 20px;\n }\n .slick-list:focus {\n outline: none;\n }\n .slick-list.dragging {\n cursor: pointer;\n cursor: hand;\n }\n\n .slick-slider .slick-track,\n .slick-slider .slick-list {\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n -o-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n }\n\n .slick-track {\n position: relative;\n top: 0;\n left: 0;\n\n display: block;\n margin-left: unset;\n margin-right: auto;\n }\n .slick-track:before,\n .slick-track:after {\n display: table;\n\n content: '';\n }\n .slick-track:after {\n clear: both;\n }\n .slick-loading .slick-track {\n visibility: hidden;\n }\n\n .slick-slide {\n display: none;\n float: left;\n\n height: 100%;\n min-height: 1px;\n }\n [dir='rtl'] .slick-slide {\n float: right;\n }\n .slick-slide img {\n display: block;\n }\n .slick-slide.slick-loading img {\n display: none;\n }\n .slick-slide.dragging img {\n pointer-events: none;\n }\n .slick-initialized .slick-slide {\n display: block;\n }\n .slick-loading .slick-slide {\n visibility: hidden;\n }\n .slick-vertical .slick-slide {\n display: block;\n\n height: auto;\n\n border: 1px solid transparent;\n }\n .slick-arrow.slick-hidden {\n display: none;\n }\n .slick-loading .slick-list {\n background: #fff url('./ajax-loader.gif') center center no-repeat;\n }\n\n /* Icons */\n @font-face {\n font-family: 'slick';\n font-weight: normal;\n font-style: normal;\n\n src: url('./fonts/slick.eot');\n src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'),\n url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');\n }\n /* Arrows */\n .slick-prev,\n .slick-next {\n font-size: 0;\n line-height: 0;\n\n position: absolute;\n top: 50%;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 0;\n -webkit-transform: translate(0, -50%);\n -ms-transform: translate(0, -50%);\n transform: translate(0, -50%);\n\n cursor: pointer;\n\n color: transparent;\n border: none;\n outline: none;\n background: transparent;\n }\n .slick-prev:hover,\n .slick-prev:focus,\n .slick-next:hover,\n .slick-next:focus {\n color: transparent;\n outline: none;\n background: transparent;\n }\n .slick-prev:hover:before,\n .slick-prev:focus:before,\n .slick-next:hover:before,\n .slick-next:focus:before {\n opacity: 1;\n }\n .slick-prev.slick-disabled:before,\n .slick-next.slick-disabled:before {\n opacity: 0.25;\n }\n\n .slick-prev:before,\n .slick-next:before {\n font-family: 'slick';\n font-size: 20px;\n line-height: 1;\n\n opacity: 0.75;\n color: white;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n .slick-prev {\n left: -25px;\n }\n [dir='rtl'] .slick-prev {\n right: -25px;\n left: auto;\n }\n .slick-prev:before {\n content: '\u2190';\n }\n [dir='rtl'] .slick-prev:before {\n content: '\u2192';\n }\n\n .slick-next {\n right: -25px;\n }\n [dir='rtl'] .slick-next {\n right: auto;\n left: -25px;\n }\n .slick-next:before {\n content: '\u2192';\n }\n [dir='rtl'] .slick-next:before {\n content: '\u2190';\n }\n\n /* Dots */\n .slick-dotted.slick-slider {\n margin-bottom: 30px;\n }\n\n .slick-dots {\n position: absolute;\n bottom: -25px;\n\n display: block;\n\n width: 100%;\n padding: 0;\n margin: 0;\n\n list-style: none;\n\n text-align: center;\n }\n .slick-dots li {\n position: relative;\n\n display: inline-block;\n\n width: 20px;\n height: 20px;\n margin: 0 5px;\n padding: 0;\n\n cursor: pointer;\n }\n .slick-dots li button {\n font-size: 0;\n line-height: 0;\n\n display: block;\n\n width: 20px;\n height: 20px;\n padding: 5px;\n\n cursor: pointer;\n\n color: transparent;\n border: 0;\n outline: none;\n background: transparent;\n }\n .slick-dots li button:hover,\n .slick-dots li button:focus {\n outline: none;\n }\n .slick-dots li button:hover:before,\n .slick-dots li button:focus:before {\n opacity: 1;\n }\n .slick-dots li button:before {\n font-family: 'slick';\n font-size: 6px;\n line-height: 20px;\n\n position: absolute;\n top: 0;\n left: 0;\n\n width: 20px;\n height: 20px;\n\n content: '\u2022';\n text-align: center;\n\n opacity: 0.25;\n color: black;\n\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .slick-dots li.slick-active button:before {\n opacity: 0.75;\n color: black;\n }\n\n .slick-track > div > div {\n margin-left: ", ";\n }\n\n .slick-dots {\n li {\n border-radius: 100%;\n height: 12px;\n width: 12px;\n background-color: #ccc;\n }\n\n li.slick-active {\n background-color: #000;\n }\n }\n"])), function (props) { return (props.$spacing ? props.$spacing + 'px' : '10px'); });
|
|
15
13
|
var templateObject_1;
|
|
16
14
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/ui/components/carousel/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,okLAAmC,yyKA6RxD,EAA4D,sNAe9E,KAfkB,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,EAAjD,CAAiD,EAe9E"}
|
package/dist/ui/icons/index.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ export * from './render/pdf.js';
|
|
|
11
11
|
export * from './render/Checked.js';
|
|
12
12
|
export * from './render/Exit.js';
|
|
13
13
|
export * from './render/gender.js';
|
|
14
|
-
export * from
|
|
14
|
+
export * from './render/death.js';
|
|
15
15
|
export * from './render/pet.js';
|
|
16
16
|
export * from './render/star.js';
|
|
17
17
|
export * from './render/Play.js';
|
|
@@ -50,6 +50,7 @@ export * from './render/NavDown.js';
|
|
|
50
50
|
export * from './render/NavLeft.js';
|
|
51
51
|
export * from './render/loading.js';
|
|
52
52
|
export * from './render/eye-off.js';
|
|
53
|
+
export * from './render/diabets.js';
|
|
53
54
|
export * from './render/NavRight.js';
|
|
54
55
|
export * from './render/arrow-top.js';
|
|
55
56
|
export * from './render/send-icon.js';
|
|
@@ -67,6 +68,7 @@ export * from './render/not-found.js';
|
|
|
67
68
|
export * from './render/plus-sharp.js';
|
|
68
69
|
export * from './render/three-dots.js';
|
|
69
70
|
export * from './render/exclamation.js';
|
|
71
|
+
export * from './render/hypertension.js';
|
|
70
72
|
export * from './render/send-message.js';
|
|
71
73
|
export * from './render/phone-message.js';
|
|
72
74
|
export * from './render/calendar-time.js';
|
package/dist/ui/icons/index.js
CHANGED
|
@@ -66,6 +66,7 @@ __exportStar(require("./render/NavDown.js"), exports);
|
|
|
66
66
|
__exportStar(require("./render/NavLeft.js"), exports);
|
|
67
67
|
__exportStar(require("./render/loading.js"), exports);
|
|
68
68
|
__exportStar(require("./render/eye-off.js"), exports);
|
|
69
|
+
__exportStar(require("./render/diabets.js"), exports);
|
|
69
70
|
__exportStar(require("./render/NavRight.js"), exports);
|
|
70
71
|
__exportStar(require("./render/arrow-top.js"), exports);
|
|
71
72
|
__exportStar(require("./render/send-icon.js"), exports);
|
|
@@ -83,6 +84,7 @@ __exportStar(require("./render/not-found.js"), exports);
|
|
|
83
84
|
__exportStar(require("./render/plus-sharp.js"), exports);
|
|
84
85
|
__exportStar(require("./render/three-dots.js"), exports);
|
|
85
86
|
__exportStar(require("./render/exclamation.js"), exports);
|
|
87
|
+
__exportStar(require("./render/hypertension.js"), exports);
|
|
86
88
|
__exportStar(require("./render/send-message.js"), exports);
|
|
87
89
|
__exportStar(require("./render/phone-message.js"), exports);
|
|
88
90
|
__exportStar(require("./render/calendar-time.js"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/icons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAwC;AACxC,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,+CAA4B;AAC5B,kDAA+B;AAC/B,iDAA8B;AAC9B,gDAA6B;AAC7B,+CAA4B;AAC5B,mDAAgC;AAChC,gDAA6B;AAC7B,kDAA+B;AAC/B,iDAA8B;AAC9B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,kDAA+B;AAC/B,kDAA+B;AAC/B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,kDAA+B;AAC/B,kDAA+B;AAC/B,kDAA+B;AAC/B,oDAAiC;AACjC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,oDAAiC;AACjC,qDAAkC;AAClC,qDAAkC;AAClC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,qDAAkC;AAClC,sDAAmC;AACnC,qDAAkC;AAClC,sDAAmC;AACnC,sDAAmC;AACnC,oDAAiC;AACjC,qDAAkC;AAClC,sDAAmC;AACnC,sDAAmC;AACnC,uDAAoC;AACpC,wDAAqC;AACrC,yDAAsC;AACtC,yDAAsC;AACtC,yDAAsC;AACtC,0DAAuC;AACvC,0DAAuC;AACvC,2DAAwC;AACxC,4DAAyC;AACzC,6DAA0C;AAC1C,8DAA2C;AAC3C,8DAA2C;AAC3C,+DAA4C;AAC5C,+DAA4C;AAC5C,gEAA6C;AAC7C,gEAA6C"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/icons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAwC;AACxC,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,+CAA4B;AAC5B,kDAA+B;AAC/B,iDAA8B;AAC9B,gDAA6B;AAC7B,+CAA4B;AAC5B,mDAAgC;AAChC,gDAA6B;AAC7B,kDAA+B;AAC/B,iDAA8B;AAC9B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,kDAA+B;AAC/B,kDAA+B;AAC/B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,kDAA+B;AAC/B,kDAA+B;AAC/B,kDAA+B;AAC/B,oDAAiC;AACjC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,oDAAiC;AACjC,qDAAkC;AAClC,qDAAkC;AAClC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,qDAAkC;AAClC,sDAAmC;AACnC,qDAAkC;AAClC,sDAAmC;AACnC,sDAAmC;AACnC,oDAAiC;AACjC,qDAAkC;AAClC,sDAAmC;AACnC,sDAAmC;AACnC,uDAAoC;AACpC,wDAAqC;AACrC,wDAAqC;AACrC,yDAAsC;AACtC,yDAAsC;AACtC,yDAAsC;AACtC,0DAAuC;AACvC,0DAAuC;AACvC,2DAAwC;AACxC,4DAAyC;AACzC,6DAA0C;AAC1C,8DAA2C;AAC3C,8DAA2C;AAC3C,+DAA4C;AAC5C,+DAA4C;AAC5C,gEAA6C;AAC7C,gEAA6C"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IconDiabets = void 0;
|
|
4
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
function IconDiabets(_a) {
|
|
6
|
+
var fill = _a.fill;
|
|
7
|
+
return ((0, jsx_runtime_1.jsxs)("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: [(0, jsx_runtime_1.jsx)("g", { id: 'diabetes', "clip-path": 'url(#clip0_482_2673)', children: (0, jsx_runtime_1.jsxs)("g", { id: 'Group', children: [(0, jsx_runtime_1.jsx)("path", { id: 'Vector', d: 'M12 0.0393066C5.38317 0.0393066 0 5.42248 0 12.0393C0.603281 27.9371 23.3992 27.9327 24 12.0392C24 5.42243 18.6168 0.0393066 12 0.0393066ZM12 22.6331C9.33202 22.6331 6.89161 21.6413 5.02702 20.0076L7.60195 17.4317C7.8765 17.1571 7.87641 16.7119 7.60177 16.4374C7.32713 16.1628 6.88191 16.1629 6.60741 16.4375L4.03261 19.0133C-4.35122 8.84248 8.81166 -4.30816 18.973 4.07103L16.398 6.64695C16.1235 6.92154 16.1236 7.36676 16.3982 7.64131C16.6728 7.91576 17.118 7.91571 17.3926 7.64112L19.9674 5.06534C25.9426 11.7218 21.0308 22.7081 12 22.6331Z', fill: fill }), (0, jsx_runtime_1.jsx)("path", { id: 'Vector_2', d: 'M17.9999 12.5176L14.586 10.5467V6.60404C14.586 6.35284 14.4519 6.12066 14.2343 5.99513L10.4687 3.82121C10.2511 3.69568 9.9832 3.69563 9.76566 3.82126L6.00005 5.99513C5.78245 6.12071 5.64844 6.35284 5.64844 6.60404V10.9522C5.64844 11.2034 5.78241 11.4355 5.99995 11.5611L9.414 13.5324V17.4746C9.414 17.7258 9.54797 17.958 9.76552 18.0835L13.5313 20.2574C13.7488 20.383 14.0168 20.383 14.2343 20.2575L18 18.0835C18.2175 17.9579 18.3515 17.7258 18.3515 17.4746V13.1265C18.3515 12.8753 18.2175 12.6431 17.9999 12.5176ZM9.41405 11.9086L7.05469 10.5462V7.82195L9.41405 9.18423V11.9086ZM7.75781 6.60404L10.1172 5.24199L12.4766 6.60404L10.1172 7.96632L7.75781 6.60404ZM13.1797 7.8219V10.5462L10.8203 11.9086V9.18423L13.1797 7.8219ZM13.1796 18.431L10.8203 17.0687V14.3444L13.1796 15.7066V18.431ZM13.8827 14.4888L11.5234 13.1265L13.8827 11.7645L16.2421 13.1265L13.8827 14.4888ZM16.9453 17.0687L14.5859 18.431V15.7067L16.9453 14.3444V17.0687Z', fill: fill })] }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: 'clip0_482_2673', children: (0, jsx_runtime_1.jsx)("rect", { width: '24', height: '24', fill: 'white' }) }) })] }));
|
|
8
|
+
}
|
|
9
|
+
exports.IconDiabets = IconDiabets;
|
|
10
|
+
//# sourceMappingURL=diabets.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"diabets.js","sourceRoot":"","sources":["../../../../src/ui/icons/render/diabets.tsx"],"names":[],"mappings":";;;;AAEA,SAAgB,WAAW,CAAC,EAAe;QAAb,IAAI,UAAA;IAChC,OAAO,CACL,iCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC5F,8BAAG,EAAE,EAAC,UAAU,eAAW,sBAAsB,YAC/C,+BAAG,EAAE,EAAC,OAAO,aACX,iCACE,EAAE,EAAC,QAAQ,EACX,CAAC,EAAC,iiBAAiiB,EACniB,IAAI,EAAE,IAAI,GACV,EACF,iCACE,EAAE,EAAC,UAAU,EACb,CAAC,EAAC,q6BAAq6B,EACv6B,IAAI,EAAE,IAAI,GACV,IACA,GACF,EACJ,2CACE,qCAAU,EAAE,EAAC,gBAAgB,YAC3B,iCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,GACnC,GACN,IACH,CACP,CAAA;AACH,CAAC;AAxBD,kCAwBC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.IconHypertension = void 0;
|
|
4
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
function IconHypertension(_a) {
|
|
6
|
+
var fill = _a.fill;
|
|
7
|
+
return ((0, jsx_runtime_1.jsxs)("svg", { width: '24', height: '24', viewBox: '0 0 24 24', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: [(0, jsx_runtime_1.jsx)("g", { id: 'hipertensao', "clip-path": 'url(#clip0_482_2649)', children: (0, jsx_runtime_1.jsxs)("g", { id: 'Group', children: [(0, jsx_runtime_1.jsx)("path", { id: 'Vector', d: 'M18.7867 0C13.195 0.0592193 11.5995 7.58771 16.5785 9.94744V12.7465C16.5785 13.1347 16.8932 13.4493 17.2813 13.4493H17.9157C17.1803 14.886 14.9866 14.3881 14.9731 12.7457C14.9731 10.9352 13.6794 9.42773 11.9621 9.09982V0.702761C11.9621 0.31465 11.6475 0 11.2594 0H0.721072C0.33296 0 0.0183105 0.31465 0.0183105 0.702761V12.7465C0.0183105 13.1347 0.33296 13.4493 0.721072 13.4493H1.52381V18.0157C1.52222 19.6751 2.88609 21.0045 4.53477 20.9767V21.7794C4.53477 22.1675 4.84942 22.4821 5.23753 22.4821H8.27566C9.68432 24.3407 11.4591 23.9545 13.5184 23.9876C15.5657 23.9876 17.2313 22.322 17.2313 20.2747C17.2322 18.2268 15.5662 16.5601 13.5184 16.5602C11.4569 16.5943 9.6876 16.2053 8.27566 18.0656H5.23753C4.84942 18.0656 4.53477 18.3803 4.53477 18.7684V19.5711C3.65936 19.598 2.92774 18.895 2.92933 18.0157V13.4493H11.2594C11.6475 13.4493 11.9622 13.1346 11.9622 12.7465V10.5482C12.8839 10.8432 13.5676 11.7033 13.5676 12.7465C13.6469 16.2552 18.5175 16.8003 19.4046 13.4493H20.2922C20.6803 13.4493 20.995 13.1346 20.995 12.7465V9.9474C25.9769 7.58537 24.3748 0.0579075 18.7867 0ZM11.2594 17.9657H13.5184C16.5751 18.0814 16.575 22.4666 13.5183 22.5821H11.2594C8.20234 22.4664 8.2015 18.0816 11.2594 17.9657ZM5.94025 19.4712H7.63329C7.51668 19.9953 7.51663 20.5524 7.63334 21.0766H5.94025V19.4712ZM10.5566 12.0438H1.42383V10.4883C1.42383 10.0447 1.78252 9.68564 2.22657 9.68564H9.7539C10.1966 9.68564 10.5566 10.0433 10.5566 10.4883V12.0438ZM10.5566 8.43084C10.3079 8.33353 10.0374 8.28012 9.75469 8.28012H2.22578C1.94303 8.28012 1.67252 8.33358 1.42383 8.43089V1.40552H10.5566V8.43084ZM19.5894 12.0438H17.984V10.3768C18.5126 10.4586 19.0607 10.4586 19.5895 10.3768V12.0438H19.5894ZM18.7867 9.03282C16.6839 9.03282 14.9731 7.32202 14.9731 5.21917C15.1648 0.166789 22.4095 0.168194 22.6004 5.21922C22.6004 7.32202 20.8896 9.03282 18.7867 9.03282Z', fill: fill }), (0, jsx_runtime_1.jsx)("path", { id: 'Vector_2', d: 'M19.6207 3.39141L18.2899 4.72225C17.6559 5.40445 18.6006 6.35032 19.2837 5.7161L20.6145 4.38525C21.2485 3.70306 20.3038 2.75724 19.6207 3.39141Z', fill: fill })] }) }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: 'clip0_482_2649', children: (0, jsx_runtime_1.jsx)("rect", { width: '24', height: '24', fill: 'white' }) }) })] }));
|
|
8
|
+
}
|
|
9
|
+
exports.IconHypertension = IconHypertension;
|
|
10
|
+
//# sourceMappingURL=hypertension.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"hypertension.js","sourceRoot":"","sources":["../../../../src/ui/icons/render/hypertension.tsx"],"names":[],"mappings":";;;;AAEA,SAAgB,gBAAgB,CAAC,EAAe;QAAb,IAAI,UAAA;IACrC,OAAO,CACL,iCAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAC5F,8BAAG,EAAE,EAAC,aAAa,eAAW,sBAAsB,YAClD,+BAAG,EAAE,EAAC,OAAO,aACX,iCACE,EAAE,EAAC,QAAQ,EACX,CAAC,EAAC,szDAAszD,EACxzD,IAAI,EAAE,IAAI,GACV,EACF,iCACE,EAAE,EAAC,UAAU,EACb,CAAC,EAAC,kJAAkJ,EACpJ,IAAI,EAAE,IAAI,GACV,IACA,GACF,EACJ,2CACE,qCAAU,EAAE,EAAC,gBAAgB,YAC3B,iCAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,GACnC,GACN,IACH,CACP,CAAA;AACH,CAAC;AAxBD,4CAwBC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "infinity-forge",
|
|
3
|
-
"version": "0.47.
|
|
3
|
+
"version": "0.47.5",
|
|
4
4
|
"description": "codie Library",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -50,6 +50,7 @@
|
|
|
50
50
|
},
|
|
51
51
|
"dependencies": {
|
|
52
52
|
"@ckeditor/ckeditor5-react": "^7.0.0",
|
|
53
|
+
"@types/react-slick": "^0.23.13",
|
|
53
54
|
"axios": "^1.7.2",
|
|
54
55
|
"chroma-js": "^2.4.2",
|
|
55
56
|
"ckeditor5-custom-build": "^0.0.6",
|