@fattureincloud/fic-design-system 0.3.20 → 0.3.21

package/dist/components/table/table.stories.js

@@ -0,0 +1,188 @@
+import { faEmptySet, faUser } from '@fortawesome/pro-solid-svg-icons';
+import { action } from '@storybook/addon-actions';
+import { boolean, number, object } from '@storybook/addon-knobs';
+import _ from 'lodash';
+import React from 'react';
+import { Table } from './index';
+var makeid = function (length, type) {
+    var result = '';
+    var characters = type ? '1234567890' : 'abcdefghijklmnopqrstuvwxyz';
+    var charactersLength = characters.length;
+    for (var i = 0; i < length; i++) {
+        result += characters.charAt(Math.floor(Math.random() * charactersLength));
+    }
+    return result;
+};
+var Link = function (props) { return (React.createElement("a", { onClick: function () {
+        console.log('action');
+    } }, props.val)); };
+export var WithKnobs = function () {
+    var dataDefault = [];
+    for (var i = 0; i < 15; i++) {
+        dataDefault.push({
+            id: i,
+            // denominazione: `${makeid(_.random(4, 6))} ${makeid(_.random(5, 8))}`,
+            denominazione: "Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ullamcorper nulla non metus auctor fringilla. Sed posuere consectetur est at lobortis.\n      Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna.\n      Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.\n      Donec sed odio dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.",
+            tel: makeid(3, 'number') + " " + makeid(3, 'number') + " " + makeid(4, 'number'),
+            mail: makeid(_.random(4, 6)) + "@" + makeid(_.random(4, 5)) + ".it",
+        });
+    }
+    var data = object('data', dataDefault);
+    var propertiesDefault = [
+        {
+            id: 'denominazione',
+            label: 'Denominazione',
+            render: function (val) { return React.createElement(Link, { val: val }); },
+        },
+        { id: 'tel', label: 'Telefono', columnStyle: { width: 'calc(150px)' } },
+        { id: 'mail', label: 'Email', columnStyle: { width: 150 } },
+    ];
+    var properties = object('properties', propertiesDefault);
+    var currentPage = number('currentPage', 5);
+    var listSize = number('listSize', 189);
+    var pageSize = number('pageSize', 5);
+    var isLoading = boolean('isLoading', false);
+    var disableSelection = boolean('disableSelection', false);
+    return (React.createElement(Table, { customizeModalTitle: 'Personalizza le colonne', listSize: listSize, pageSize: pageSize, properties: properties, data: data, nextPageAction: action('Next'), prevPageAction: action('Prev'), changePageAction: function (pageNumber) {
+            console.log(pageNumber);
+        }, currentPage: currentPage, isLoading: isLoading, disableSelection: disableSelection, actions: [
+            {
+                label: 'Vedi dettaglio',
+                action: function (element, selectedRows) {
+                    console.log(element, selectedRows);
+                },
+            },
+            {
+                label: 'Update',
+                action: function (element, selectedRows) {
+                    console.log(element, selectedRows);
+                },
+            },
+            {
+                label: 'Update Self',
+                action: function (element, selectedRows) {
+                    console.log(element, selectedRows);
+                },
+            },
+            {
+                label: 'Delete',
+                action: function (element, selectedRows) {
+                    console.log(element, selectedRows);
+                },
+                color: 'red',
+            },
+        ], renderMobileRow: function (o) { return (React.createElement(React.Fragment, null,
+            o.tel,
+            " ",
+            o.email)); } }));
+};
+export var ScrollableHeader = function () {
+    var dataDefault = [];
+    for (var i = 0; i < 15; i++) {
+        dataDefault.push({
+            id: i,
+            denominazione: "Duis mollis, est non commodo .",
+            tel: makeid(3, 'number') + " " + makeid(3, 'number') + " " + makeid(4, 'number'),
+            mail: makeid(_.random(4, 6)) + "@" + makeid(_.random(4, 5)) + ".it",
+        });
+    }
+    var data = object('data', dataDefault);
+    var propertiesDefault = [
+        {
+            id: 'denominazione',
+            label: 'Denominazione',
+            render: function (val) { return React.createElement(Link, { val: val }); },
+        },
+        { id: 'tel', label: 'Telefono' },
+        { id: 'mail', label: 'Email' },
+    ];
+    var properties = object('properties', propertiesDefault);
+    var isHeaderFixed = boolean('isHeaderFixed', true);
+    var currentPage = number('currentPage', 5);
+    var listSize = number('listSize', 189);
+    var pageSize = number('pageSize', 5);
+    var isLoading = boolean('isLoading', false);
+    return (React.createElement("div", { style: {
+            height: '300px',
+            overflowY: 'scroll',
+            position: 'relative',
+        } },
+        React.createElement(Table, { customizeModalTitle: 'Personalizza le colonne', listSize: listSize, pageSize: pageSize, properties: properties, data: data, nextPageAction: action('Next'), prevPageAction: action('Prev'), changePageAction: function (pageNumber) {
+                console.log(pageNumber);
+            }, currentPage: currentPage, isLoading: isLoading, actions: [
+                {
+                    label: 'Vedi dettaglio',
+                    action: function (element, selectedRows) {
+                        console.log(element, selectedRows);
+                    },
+                },
+                {
+                    label: 'Update',
+                    action: function (element, selectedRows) {
+                        console.log(element, selectedRows);
+                    },
+                },
+                {
+                    label: 'Update Self',
+                    action: function (element, selectedRows) {
+                        console.log(element, selectedRows);
+                    },
+                },
+                {
+                    label: 'Delete',
+                    action: function (element, selectedRows) {
+                        console.log(element, selectedRows);
+                    },
+                    color: 'red',
+                },
+            ], renderMobileRow: function (o) { return (React.createElement(React.Fragment, null,
+                o.tel,
+                " ",
+                o.email)); }, isHeaderFixed: isHeaderFixed })));
+};
+export var EmptySet = function () {
+    var data = object('data', []);
+    var propertiesDefault = [
+        {
+            id: 'denominazione',
+            label: 'Denominazione',
+            render: function (val) { return React.createElement(Link, { val: val }); },
+        },
+        { id: 'tel', label: 'Telefono' },
+        { id: 'mail', label: 'Email' },
+    ];
+    var properties = object('properties', propertiesDefault);
+    var currentPage = number('currentPage', 5);
+    return (React.createElement(Table, { customizeModalTitle: 'Personalizza le colonne', listSize: 0, pageSize: 15, properties: properties, data: data, nextPageAction: action('Next'), prevPageAction: action('Prev'), changePageAction: function (pageNumber) {
+            console.log(pageNumber);
+        }, currentPage: currentPage, emptySetAction: {
+            action: function () {
+                // void
+            },
+            text: 'Action',
+            icon: { icon: faUser },
+        }, emptySetIcon: { icon: faEmptySet }, emptySetText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Tenetur corrupti alias repudiandae eligendi corporis illo animi.', emptySetTitle: 'The title' }));
+};
+export var LoadingStatus = function () {
+    var data = object('data', []);
+    var propertiesDefault = [
+        {
+            id: 'denominazione',
+            label: 'Denominazione',
+            render: function (val) { return React.createElement(Link, { val: val }); },
+        },
+        { id: 'tel', label: 'Telefono' },
+        { id: 'mail', label: 'Email' },
+    ];
+    var properties = object('properties', propertiesDefault);
+    var currentPage = number('currentPage', 5);
+    return (React.createElement(Table, { customizeModalTitle: 'Personalizza le colonne', listSize: 0, pageSize: 15, properties: properties, data: data, nextPageAction: action('Next'), prevPageAction: action('Prev'), changePageAction: function (pageNumber) {
+            console.log(pageNumber);
+        }, currentPage: currentPage, isLoading: true }));
+};
+var TableStories = {
+    title: 'Old Components/Table',
+    component: Table,
+};
+export default TableStories;
+//# sourceMappingURL=table.stories.js.map

package/dist/components/table/table.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.stories.js","sourceRoot":"","sources":["../../../src/components/table/table.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/table/typings/main.js

@@ -0,0 +1 @@
+//# sourceMappingURL=main.js.map

package/dist/components/table/typings/main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../../../../src/components/table/typings/main.ts"],"names":[],"mappings":""}

package/dist/components/table/utils/configPersistency.js

@@ -0,0 +1,68 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { localStorageKeys } from '../../../constants/localStorageKeys';
+var verifyPersistencyStructure = function (persistency) {
+    var requiredProperties = ['id', 'label', 'active', 'position'];
+    if (Array.isArray(persistency)) {
+        for (var _i = 0, persistency_1 = persistency; _i < persistency_1.length; _i++) {
+            var property = persistency_1[_i];
+            for (var i = 0; i < requiredProperties.length; i++) {
+                var hasProperty = property.hasOwnProperty(requiredProperties[i]);
+                if (!hasProperty) {
+                    return false;
+                }
+            }
+        }
+    }
+    return true;
+};
+export var getConfig = function (persistencyId) {
+    if (persistencyId) {
+        var persistencyString = localStorage.getItem(localStorageKeys.main);
+        if (persistencyString) {
+            var persistency = JSON.parse(persistencyString);
+            if (persistency[localStorageKeys.tableConfigs][persistencyId]) {
+                if (verifyPersistencyStructure(persistency[localStorageKeys.tableConfigs][persistencyId])) {
+                    return persistency[localStorageKeys.tableConfigs][persistencyId];
+                }
+                return undefined;
+            }
+        }
+    }
+    return undefined;
+};
+export var modifyConfig = function (properties, persistencyId) {
+    var _a, _b, _c, _d;
+    if (persistencyId) {
+        // Get data from localStorage
+        var persistencyString = localStorage.getItem(localStorageKeys.main);
+        if (persistencyString) {
+            var persistency = JSON.parse(persistencyString);
+            // Create new persistency data
+            var newPersistency = __assign(__assign({}, persistency), (_a = {}, _a[localStorageKeys.tableConfigs] = __assign(__assign({}, persistency[localStorageKeys.tableConfigs]), (_b = {}, _b[persistencyId] = properties, _b)), _a));
+            // Save in localStorage
+            localStorage.setItem(localStorageKeys.main, JSON.stringify(newPersistency));
+        }
+        else {
+            var newPersistency = (_c = {},
+                _c[localStorageKeys.tableConfigs] = (_d = {},
+                    _d[persistencyId] = properties,
+                    _d),
+                _c);
+            localStorage.setItem(localStorageKeys.main, JSON.stringify(newPersistency));
+        }
+    }
+};
+export var mergePropertiesPersistency = function (properties, persistency) {
+    return persistency.map(function (p) { return (__assign(__assign({}, p), properties.find(function (itmInner) { return itmInner.id === p.id; }))); });
+};
+//# sourceMappingURL=configPersistency.js.map

package/dist/components/table/utils/configPersistency.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configPersistency.js","sourceRoot":"","sources":["../../../../src/components/table/utils/configPersistency.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AAGtE,IAAM,0BAA0B,GAAG,UAAC,WAAoB;IACtD,IAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAA;IAChE,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QAC9B,KAAuB,UAAW,EAAX,2BAAW,EAAX,yBAAW,EAAX,IAAW,EAAE;YAA/B,IAAM,QAAQ,oBAAA;YACjB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBAClD,IAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAA;gBAClE,IAAI,CAAC,WAAW,EAAE;oBAChB,OAAO,KAAK,CAAA;iBACb;aACF;SACF;KACF;IACD,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,aAAsB;IAC9C,IAAI,aAAa,EAAE;QACjB,IAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;QACrE,IAAI,iBAAiB,EAAE;YACrB,IAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAA;YACjD,IAAI,WAAW,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,aAAa,CAAC,EAAE;gBAC7D,IAAI,0BAA0B,CAAC,WAAW,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,aAAa,CAAC,CAAC,EAAE;oBACzF,OAAO,WAAW,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,aAAa,CAAC,CAAA;iBACjE;gBAED,OAAO,SAAS,CAAA;aACjB;SACF;KACF;IACD,OAAO,SAAS,CAAA;AAClB,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,UAAiC,EAAE,aAAsB;;IACpF,IAAI,aAAa,EAAE;QACjB,6BAA6B;QAC7B,IAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAA;QACrE,IAAI,iBAAiB,EAAE;YACrB,IAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAA;YACjD,8BAA8B;YAC9B,IAAM,cAAc,yBACf,WAAW,gBACb,gBAAgB,CAAC,YAAY,0BACzB,WAAW,CAAC,gBAAgB,CAAC,YAAY,CAAC,gBAC5C,aAAa,IAAG,UAAU,YAE9B,CAAA;YACD,uBAAuB;YACvB,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;SAC5E;aAAM;YACL,IAAM,cAAc;gBAClB,GAAC,gBAAgB,CAAC,YAAY;oBAC5B,GAAC,aAAa,IAAG,UAAU;uBAC5B;mBACF,CAAA;YACD,YAAY,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAA;SAC5E;KACF;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,UAA+B,EAAE,WAAkC;IAC5G,OAAA,WAAW,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,uBAChB,CAAC,GACD,UAAU,CAAC,IAAI,CAAC,UAAA,QAAQ,IAAI,OAAA,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE,EAApB,CAAoB,CAAC,EACpD,EAHmB,CAGnB,CAAC;AAHH,CAGG,CAAA"}

package/dist/components/tabs/common/Item.js

@@ -0,0 +1,18 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from 'react';
+import styled from 'styled-components';
+import ActiveTag from './item/ActiveTag';
+import Tab from './item/Tab';
+var Item = function (_a) {
+    var active = _a.active, handleClick = _a.handleClick, tabRef = _a.tabRef, text = _a.text;
+    return (React.createElement(ItemWrapper, { ref: tabRef === null || tabRef === void 0 ? void 0 : tabRef(), onClick: handleClick },
+        React.createElement(Tab, { active: active }, text),
+        React.createElement(ActiveTag, { active: active })));
+};
+var ItemWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: pointer;\n  flex-shrink: 0;\n  position: relative;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n"], ["\n  cursor: pointer;\n  flex-shrink: 0;\n  position: relative;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n"])));
+export default Item;
+var templateObject_1;
+//# sourceMappingURL=Item.js.map

package/dist/components/tabs/common/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sourceRoot":"","sources":["../../../../src/components/tabs/common/Item.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,GAAG,MAAM,YAAY,CAAA;AAO5B,IAAM,IAAI,GAAG,UAAC,EAA4C;QAA1C,kBAAM,EAAE,4BAAW,EAAE,kBAAM,EAAE,cAAI;IAA2B,OAAA,CAC1E,oBAAC,WAAW,IAAC,GAAG,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,IAAM,OAAO,EAAE,WAAW;QAChD,oBAAC,GAAG,IAAC,MAAM,EAAE,MAAM,IAAG,IAAI,CAAO;QACjC,oBAAC,SAAS,IAAC,MAAM,EAAE,MAAM,GAAI,CACjB,CACf;AAL2E,CAK3E,CAAA;AAED,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,iMAAA,8HAO7B,IAAA,CAAA;AAED,eAAe,IAAI,CAAA"}

package/dist/components/tabs/common/item/ActiveTag.js

@@ -0,0 +1,18 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+var ActiveTag = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: ", ";\n  width: 100%;\n  height: 4px;\n  margin-top: 6px;\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n"], ["\n  background: ", ";\n  width: 100%;\n  height: 4px;\n  margin-top: 6px;\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n"])), function (_a) {
+    var active = _a.active, theme = _a.theme;
+    return (active ? theme.palette.primary[500] : 'transparent');
+}, function (_a) {
+    var active = _a.active, theme = _a.theme;
+    return (active ? theme.palette.primary[500] : theme.palette.grey[500]);
+}, function (_a) {
+    var active = _a.active, theme = _a.theme;
+    return (active ? theme.palette.primary[500] : theme.palette.grey[900]);
+});
+export default ActiveTag;
+var templateObject_1;
+//# sourceMappingURL=ActiveTag.js.map

package/dist/components/tabs/common/item/ActiveTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActiveTag.js","sourceRoot":"","sources":["../../../../../src/components/tabs/common/item/ActiveTag.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAQtC,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,wMAAe,kBAC5B,EAA4E,oEAKjF,EAAsF,+BAGpF,EAAsF,UAElG,KAVe,UAAC,EAAiB;QAAf,kBAAM,EAAE,gBAAK;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC;AAArD,CAAqD,EAKjF,UAAC,EAAiB;QAAf,kBAAM,EAAE,gBAAK;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAA/D,CAA+D,EAGpF,UAAC,EAAiB;QAAf,kBAAM,EAAE,gBAAK;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAA/D,CAA+D,CAElG,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/components/tabs/common/item/Tab.js

@@ -0,0 +1,15 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+var Tab = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: 'Inter UI', sans-serif;\n  font-style: normal;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 21px;\n\n  align-items: center;\n  display: flex;\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n"], ["\n  font-family: 'Inter UI', sans-serif;\n  font-style: normal;\n  font-size: 14px;\n  font-weight: 500;\n  line-height: 21px;\n\n  align-items: center;\n  display: flex;\n\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n"])), function (_a) {
+    var active = _a.active, theme = _a.theme;
+    return (active ? theme.palette.primary[500] : theme.palette.grey[500]);
+}, function (_a) {
+    var active = _a.active, theme = _a.theme;
+    return (active ? theme.palette.primary[500] : theme.palette.grey[900]);
+});
+export default Tab;
+var templateObject_1;
+//# sourceMappingURL=Tab.js.map

package/dist/components/tabs/common/item/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../../src/components/tabs/common/item/Tab.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAQtC,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,ySAAU,yLAUtB,EAAsF,+BAGpF,EAAsF,UAElG,KALU,UAAC,EAAiB;QAAf,kBAAM,EAAE,gBAAK;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAA/D,CAA+D,EAGpF,UAAC,EAAiB;QAAf,kBAAM,EAAE,gBAAK;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAA/D,CAA+D,CAElG,CAAA;AAED,eAAe,GAAG,CAAA"}

package/dist/components/tabs/common/styled.js

@@ -0,0 +1,22 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled, { css } from 'styled-components';
+export var TabsWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  box-sizing: border-box;\n  height: 31px;\n  alignment-baseline: baseline;\n  display: flex;\n  white-space: nowrap;\n  margin-top: 3px;\n  width: 100%;\n\n  ", ";\n\n  & > *:first-child {\n    padding-left: ", "px;\n  }\n\n  & > *:last-child {\n    padding-right: ", "px;\n  }\n\n  & > * + * {\n    margin-left: ", "px;\n  }\n"], ["\n  box-sizing: border-box;\n  height: 31px;\n  alignment-baseline: baseline;\n  display: flex;\n  white-space: nowrap;\n  margin-top: 3px;\n  width: 100%;\n\n  ",
+    ";\n\n  & > *:first-child {\n    padding-left: ", "px;\n  }\n\n  & > *:last-child {\n    padding-right: ", "px;\n  }\n\n  & > * + * {\n    margin-left: ", "px;\n  }\n"])), function (_a) {
+    var hidden = _a.hidden;
+    return hidden && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      visibility: hidden;\n      position: absolute;\n    "], ["\n      visibility: hidden;\n      position: absolute;\n    "])));
+}, function (_a) {
+    var lateralPadding = _a.lateralPadding;
+    return lateralPadding;
+}, function (_a) {
+    var lateralPadding = _a.lateralPadding;
+    return lateralPadding;
+}, function (_a) {
+    var distance = _a.distance;
+    return distance;
+});
+export var ScrollableTabsWrapper = styled(TabsWrapper)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  max-width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n"], ["\n  max-width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=styled.js.map

package/dist/components/tabs/common/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../src/components/tabs/common/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAQ/C,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,+YAAsB,mKASvD;IAKC,gDAGe,EAAsC,uDAIrC,EAAsC,8CAIxC,EAA0B,YAE5C,KAlBG,UAAC,EAAU;QAAR,kBAAM;IACT,OAAA,MAAM,IACN,GAAG,iIAAA,8DAGF,IAAA;AAJD,CAIC,EAGe,UAAC,EAAkB;QAAhB,kCAAc;IAAO,OAAA,cAAc;AAAd,CAAc,EAIrC,UAAC,EAAkB;QAAhB,kCAAc;IAAO,OAAA,cAAc;AAAd,CAAc,EAIxC,UAAC,EAAY;QAAV,sBAAQ;IAAO,OAAA,QAAQ;AAAR,CAAQ,CAE5C,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,WAAW,CAAC,uIAAA,oEAIvD,IAAA,CAAA"}

package/dist/components/tabs/common/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/tabs/common/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/tabs/common/types.ts"],"names":[],"mappings":""}

package/dist/components/tabs/dropdownTabs/TabsDropdown.js

@@ -0,0 +1,24 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React, { useCallback } from 'react';
+import styled from 'styled-components';
+import { Dropdown as DSDropdown } from '../../dropdown/dropdown';
+import TabsDropdownTrigger from './TabsDropdownTrigger';
+var TabsDropdown = function (_a) {
+    var active = _a.active, tabs = _a.tabs;
+    var renderTrigger = useCallback(function () { return React.createElement(TabsDropdownTrigger, { active: active }); }, [active]);
+    var renderContent = useCallback(function (closeDropdown) { return (React.createElement(React.Fragment, null, tabs.map(function (_a, i) {
+        var active = _a.active, handleClick = _a.handleClick, text = _a.text;
+        return (React.createElement(DSDropdown.Item, { key: i, text: text, active: active, onClick: function () {
+                handleClick && handleClick();
+                closeDropdown();
+            } }));
+    }))); }, [tabs]);
+    return React.createElement(Dropdown, { placement: 'bottom-end', fullWidth: true, renderTrigger: renderTrigger, renderContent: renderContent });
+};
+var Dropdown = styled(DSDropdown)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n"], ["\n  display: block;\n"])));
+export default TabsDropdown;
+var templateObject_1;
+//# sourceMappingURL=TabsDropdown.js.map

package/dist/components/tabs/dropdownTabs/TabsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsDropdown.js","sourceRoot":"","sources":["../../../../src/components/tabs/dropdownTabs/TabsDropdown.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAGhE,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAOvD,IAAM,YAAY,GAAG,UAAC,EAAuB;QAArB,kBAAM,EAAE,cAAI;IAClC,IAAM,aAAa,GAAG,WAAW,CAAC,cAAM,OAAA,oBAAC,mBAAmB,IAAC,MAAM,EAAE,MAAM,GAAI,EAAvC,CAAuC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAE1F,IAAM,aAAa,GAAG,WAAW,CAC/B,UAAC,aAAgC,IAAK,OAAA,CACpC,0CACG,IAAI,CAAC,GAAG,CAAC,UAAC,EAA6B,EAAE,CAAC;YAA9B,kBAAM,EAAE,4BAAW,EAAE,cAAI;QAAU,OAAA,CAC9C,oBAAC,UAAU,CAAC,IAAI,IACd,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE;gBACP,WAAW,IAAI,WAAW,EAAE,CAAA;gBAC5B,aAAa,EAAE,CAAA;YACjB,CAAC,GACD,CACH;IAV+C,CAU/C,CAAC,CACD,CACJ,EAdqC,CAcrC,EACD,CAAC,IAAI,CAAC,CACP,CAAA;IAED,OAAO,oBAAC,QAAQ,IAAC,SAAS,EAAE,YAAY,EAAE,SAAS,QAAC,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,GAAI,CAAA;AACpH,CAAC,CAAA;AAED,IAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,0FAAA,uBAElC,IAAA,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/tabs/dropdownTabs/TabsDropdownTrigger.js

@@ -0,0 +1,17 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { faEllipsisH } from '@fortawesome/pro-light-svg-icons';
+import React from 'react';
+import styled from 'styled-components';
+import { Icon } from '../../icon';
+import Item from '../common/Item';
+var TabsDropdownTrigger = function (_a) {
+    var active = _a.active;
+    return (React.createElement(Item, { active: active, text: React.createElement(DropdownIcon, { icon: faEllipsisH, fixedWidth: true }) }));
+};
+var DropdownIcon = styled(Icon)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 21px;\n"], ["\n  height: 21px;\n"])));
+export default TabsDropdownTrigger;
+var templateObject_1;
+//# sourceMappingURL=TabsDropdownTrigger.js.map

package/dist/components/tabs/dropdownTabs/TabsDropdownTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsDropdownTrigger.js","sourceRoot":"","sources":["../../../../src/components/tabs/dropdownTabs/TabsDropdownTrigger.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,IAAI,MAAM,gBAAgB,CAAA;AAOjC,IAAM,mBAAmB,GAAG,UAAC,EAAiB;QAAf,kBAAM;IAA2B,OAAA,CAC9D,oBAAC,IAAI,IAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,oBAAC,YAAY,IAAC,IAAI,EAAE,WAAW,EAAE,UAAU,SAAG,GAAI,CAC/E;AAF+D,CAE/D,CAAA;AAED,IAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,wFAAA,qBAEhC,IAAA,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/tabs/dropdownTabs/hooks/useResizedWidth.js

@@ -0,0 +1,10 @@
+import { useState } from 'react';
+import { useDebounce, useMeasure } from 'react-use';
+var useResizedWidth = function () {
+    var _a = useMeasure(), elementsWrapperRef = _a[0], wrapperTmpWidth = _a[1].width;
+    var _b = useState(0), wrapperWidth = _b[0], setWrapperWidth = _b[1];
+    useDebounce(function () { return setWrapperWidth(wrapperTmpWidth); }, 250, [wrapperTmpWidth]);
+    return { elementsWrapperRef: elementsWrapperRef, wrapperWidth: wrapperWidth };
+};
+export default useResizedWidth;
+//# sourceMappingURL=useResizedWidth.js.map

package/dist/components/tabs/dropdownTabs/hooks/useResizedWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizedWidth.js","sourceRoot":"","sources":["../../../../../src/components/tabs/dropdownTabs/hooks/useResizedWidth.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAQnD,IAAM,eAAe,GAAG;IAChB,IAAA,iBAA+E,EAA9E,0BAAkB,EAAI,6BAAwD,CAAA;IAC/E,IAAA,gBAA6C,EAA5C,oBAAY,EAAE,uBAA8B,CAAA;IACnD,WAAW,CAAC,cAAM,OAAA,eAAe,CAAC,eAAe,CAAC,EAAhC,CAAgC,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAC3E,OAAO,EAAE,kBAAkB,oBAAA,EAAE,YAAY,cAAA,EAAE,CAAA;AAC7C,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/tabs/dropdownTabs/hooks/useTabItemsCount.js

@@ -0,0 +1,22 @@
+import { useMemo } from 'react';
+var useTabItemsCount = function (_a) {
+    var distance = _a.distance, lateralPadding = _a.lateralPadding, tabsLength = _a.tabsLength, tabsRefs = _a.tabsRefs, wrapperWidth = _a.wrapperWidth;
+    return useMemo(function () {
+        var _a;
+        var visibleCount = 0;
+        var remainingSpace = wrapperWidth - 2 * lateralPadding;
+        while (visibleCount !== tabsLength && remainingSpace > 0) {
+            var nextTabWidth = (_a = tabsRefs[visibleCount].current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
+            if (nextTabWidth && remainingSpace - (nextTabWidth + distance) > 0) {
+                visibleCount++;
+                remainingSpace -= nextTabWidth + distance;
+            }
+            else {
+                remainingSpace = -1;
+            }
+        }
+        return { visibleCount: visibleCount };
+    }, [distance, lateralPadding, tabsLength, tabsRefs, wrapperWidth]);
+};
+export default useTabItemsCount;
+//# sourceMappingURL=useTabItemsCount.js.map

package/dist/components/tabs/dropdownTabs/hooks/useTabItemsCount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTabItemsCount.js","sourceRoot":"","sources":["../../../../../src/components/tabs/dropdownTabs/hooks/useTabItemsCount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,OAAO,EAAE,MAAM,OAAO,CAAA;AAc1C,IAAM,gBAAgB,GAAG,UAAC,EAAwE;QAAtE,sBAAQ,EAAE,kCAAc,EAAE,0BAAU,EAAE,sBAAQ,EAAE,8BAAY;IACtF,OAAA,OAAO,CAAC;;QACN,IAAI,YAAY,GAAG,CAAC,CAAA;QAEpB,IAAI,cAAc,GAAG,YAAY,GAAG,CAAC,GAAG,cAAc,CAAA;QACtD,OAAO,YAAY,KAAK,UAAU,IAAI,cAAc,GAAG,CAAC,EAAE;YACxD,IAAM,YAAY,SAAG,QAAQ,CAAC,YAAY,CAAC,CAAC,OAAO,0CAAE,WAAW,CAAA;YAChE,IAAI,YAAY,IAAI,cAAc,GAAG,CAAC,YAAY,GAAG,QAAQ,CAAC,GAAG,CAAC,EAAE;gBAClE,YAAY,EAAE,CAAA;gBACd,cAAc,IAAI,YAAY,GAAG,QAAQ,CAAA;aAC1C;iBAAM;gBACL,cAAc,GAAG,CAAC,CAAC,CAAA;aACpB;SACF;QAED,OAAO,EAAE,YAAY,cAAA,EAAE,CAAA;IACzB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;AAflE,CAekE,CAAA;AAEpE,eAAe,gBAAgB,CAAA"}

package/dist/components/tabs/dropdownTabs.js

@@ -0,0 +1,58 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useMemo, useState } from 'react';
+import styled from 'styled-components';
+import Item from './common/Item';
+import { ScrollableTabsWrapper, TabsWrapper } from './common/styled';
+import useResizedWidth from './dropdownTabs/hooks/useResizedWidth';
+import useTabItemsCount from './dropdownTabs/hooks/useTabItemsCount';
+import TabsDropdown from './dropdownTabs/TabsDropdown';
+var DropdownTabs = function (_a) {
+    var className = _a.className, _b = _a.distance, distance = _b === void 0 ? 15 : _b, _c = _a.lateralPadding, lateralPadding = _c === void 0 ? 23 : _c, tabs = _a.tabs;
+    var _d = useResizedWidth(), elementsWrapperRef = _d.elementsWrapperRef, wrapperWidth = _d.wrapperWidth;
+    var _e = useState(0), refresh = _e[1];
+    var tabsLength = tabs.length;
+    var tabsRefs = useMemo(function () { return Array.from(Array(tabsLength), function () { return React.createRef(); }); }, [tabsLength]);
+    var cbRef = useMemo(function () {
+        return tabsRefs.map(function (ref) { return function () {
+            refresh(function (n) { return n + 1; });
+            return ref;
+        }; });
+    }, [tabsRefs]);
+    var visibleCount = useTabItemsCount({
+        distance: distance,
+        tabsLength: tabsLength,
+        wrapperWidth: wrapperWidth,
+        tabsRefs: tabsRefs,
+        lateralPadding: lateralPadding,
+    }).visibleCount;
+    var tabsItems = useMemo(function () { return tabs.map(function (attrs, i) { return React.createElement(Item, __assign({ key: i, tabRef: cbRef[i] }, attrs)); }); }, [tabs, tabsRefs]);
+    var visibleItems = useMemo(function () { return tabs.slice(0, visibleCount).map(function (attrs, i) { return React.createElement(Item, __assign({ key: i }, attrs)); }); }, [tabs, visibleCount]);
+    var dropdownItems = useMemo(function () { return tabs.slice(visibleCount); }, [tabs, visibleCount]);
+    var dropdownVisible = dropdownItems.length !== 0;
+    var dropdownActive = dropdownItems.some(function (e) { return e.active; });
+    var isCalculatingSpace = wrapperWidth === 0;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(StyledScrollableWrapper, { className: className, distance: distance, lateralPadding: lateralPadding, hidden: !isCalculatingSpace }, tabsItems),
+        React.createElement(TabsWrapper, { className: className, distance: distance, lateralPadding: lateralPadding, hidden: isCalculatingSpace, ref: elementsWrapperRef },
+            visibleItems,
+            dropdownVisible && React.createElement(TabsDropdown, { active: dropdownActive, tabs: dropdownItems }))));
+};
+// Remove scrollbar on ScrollableWrapper used until real DropdownTabs is loaded
+var StyledScrollableWrapper = styled(ScrollableTabsWrapper)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow-x: hidden;\n"], ["\n  overflow-x: hidden;\n"])));
+export default DropdownTabs;
+var templateObject_1;
+//# sourceMappingURL=dropdownTabs.js.map

package/dist/components/tabs/dropdownTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownTabs.js","sourceRoot":"","sources":["../../../src/components/tabs/dropdownTabs.tsx"],"names":[],"mappings":"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"}

package/dist/components/tabs/index.js

@@ -0,0 +1,4 @@
+import DropdownTabs from './dropdownTabs';
+import ScrollableTabs from './scrollableTabs';
+export { DropdownTabs, ScrollableTabs };
+//# sourceMappingURL=index.js.map

package/dist/components/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAE7C,OAAO,EAAE,YAAY,EAAE,cAAc,EAAY,CAAA"}

package/dist/components/tabs/scrollableTabs.js

@@ -0,0 +1,21 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useMemo } from 'react';
+import Item from './common/Item';
+import { ScrollableTabsWrapper } from './common/styled';
+var ScrollableTabs = function (_a) {
+    var className = _a.className, _b = _a.distance, distance = _b === void 0 ? 15 : _b, _c = _a.lateralPadding, lateralPadding = _c === void 0 ? 23 : _c, tabs = _a.tabs;
+    var tabsItems = useMemo(function () { return tabs.map(function (attrs, i) { return React.createElement(Item, __assign({ key: i }, attrs)); }); }, [tabs]);
+    return (React.createElement(ScrollableTabsWrapper, { className: className, distance: distance, lateralPadding: lateralPadding }, tabsItems));
+};
+export default ScrollableTabs;
+//# sourceMappingURL=scrollableTabs.js.map

package/dist/components/tabs/scrollableTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollableTabs.js","sourceRoot":"","sources":["../../../src/components/tabs/scrollableTabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,IAAI,MAAM,eAAe,CAAA;AAChC,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAUvD,IAAM,cAAc,GAAG,UAAC,EAA8D;QAA5D,wBAAS,EAAE,gBAAa,EAAb,kCAAa,EAAE,sBAAmB,EAAnB,wCAAmB,EAAE,cAAI;IAC3E,IAAM,SAAS,GAAG,OAAO,CAAC,cAAM,OAAA,IAAI,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,CAAC,IAAK,OAAA,oBAAC,IAAI,aAAC,GAAG,EAAE,CAAC,IAAM,KAAK,EAAI,EAA3B,CAA2B,CAAC,EAAnD,CAAmD,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAE5F,OAAO,CACL,oBAAC,qBAAqB,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,IAC5F,SAAS,CACY,CACzB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}