@trilogy-ds/react 0.0.1-alpha-prompt

package/lib/components/input/gauge/InputGauge.js

@@ -0,0 +1,34 @@
+import { __assign } from "tslib";
+import clsx from 'clsx';
+import React, { useId } from 'react';
+import { Icon, IconColor, IconName, IconSize } from '../../../components/icon';
+import { hashClass } from '../../../helpers';
+import { useGauge } from './hook/useGauge';
+var InputGauge = function (_a) {
+    var validationRules = _a.validationRules, styled = _a.styled, inputValue = _a.inputValue, securityRules = _a.securityRules;
+    var id = useId();
+    var _b = useGauge({ validationRules: validationRules, inputValue: inputValue, securityRules: securityRules }), widthGauge = _b.widthGauge, colorGauge = _b.colorGauge, LengthvalidationRulesText = _b.LengthvalidationRulesText, isLengthVerify = _b.isLengthVerify, isLowerercaseVerify = _b.isLowerercaseVerify, isNumberVerify = _b.isNumberVerify, isSpecialCharsVerify = _b.isSpecialCharsVerify, isUppercaseVerify = _b.isUppercaseVerify, rules = _b.rules;
+    return (React.createElement("div", { "data-testid": 'security-gauge', className: hashClass(styled, clsx('security-gauge-container')) },
+        React.createElement("div", { className: hashClass(styled, clsx('security-gauge')) },
+            React.createElement("div", { "data-gauge": true, style: { width: widthGauge, backgroundColor: colorGauge() }, className: hashClass(styled, clsx('gauge')) })),
+        React.createElement("div", { className: hashClass(styled, clsx('security-gauge-verifies')) },
+            validationRules && (React.createElement(React.Fragment, null,
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length), dataAttribute: { 'data-security-length': true }, type: LengthvalidationRulesText, classes: 'security-length', color: isLengthVerify.color, iconName: isLengthVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase), dataAttribute: { 'data-security-uppercase': true }, classes: 'security-uppercase', type: 'Majuscule', color: isUppercaseVerify.color, iconName: isUppercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars), dataAttribute: { 'data-security-special-chars': true }, classes: 'security-special-chars', type: 'Caract\u00E8res sp\u00E9ciaux', color: isSpecialCharsVerify.color, iconName: isSpecialCharsVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase), dataAttribute: { 'data-security-lowercase': true }, classes: 'security-lowercase', type: 'Minuscule', color: isLowerercaseVerify.color, iconName: isLowerercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.number), dataAttribute: { 'data-security-number': true }, classes: 'security-number', type: 'Chiffre', color: isNumberVerify.color, iconName: isNumberVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled }))),
+            securityRules &&
+                rules &&
+                rules.map(function (rule) { return (React.createElement(DataVerify, { key: "".concat(id, "_").concat(rule.label), display: true, type: rule.label, color: rule.validate ? IconColor.SUCCESS : IconColor.NEUTRAL, iconName: rule.validate ? IconName.CHECK_CIRCLE : IconName.TIMES, styled: styled, dataAttribute: rule.dataAttribute })); }))));
+};
+var DataVerify = function (_a) {
+    var dataAttribute = _a.dataAttribute, type = _a.type, display = _a.display, color = _a.color, iconName = _a.iconName, classes = _a.classes, styled = _a.styled;
+    if (!display)
+        return null;
+    return (React.createElement("div", __assign({}, dataAttribute, { className: hashClass(styled, clsx('security', classes)) }),
+        React.createElement(Icon, { color: color, name: iconName, size: IconSize.SMALLER }),
+        React.createElement("span", null, type)));
+};
+export default InputGauge;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRHYXVnZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvaW5wdXQvZ2F1Z2UvSW5wdXRHYXVnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUVwQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFdkUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFvQjFDLElBQU0sVUFBVSxHQUFHLFVBQUMsRUFBdUU7UUFBckUsZUFBZSxxQkFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxhQUFhLG1CQUFBO0lBQ3RFLElBQU0sRUFBRSxHQUFHLEtBQUssRUFBRSxDQUFBO0lBQ1osSUFBQSxLQVVGLFFBQVEsQ0FBQyxFQUFFLGVBQWUsaUJBQUEsRUFBRSxVQUFVLFlBQUEsRUFBRSxhQUFhLGVBQUEsRUFBRSxDQUFDLEVBVDFELFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YseUJBQXlCLCtCQUFBLEVBQ3pCLGNBQWMsb0JBQUEsRUFDZCxtQkFBbUIseUJBQUEsRUFDbkIsY0FBYyxvQkFBQSxFQUNkLG9CQUFvQiwwQkFBQSxFQUNwQixpQkFBaUIsdUJBQUEsRUFDakIsS0FBSyxXQUNxRCxDQUFBO0lBRTVELE9BQU8sQ0FDTCw0Q0FBaUIsZ0JBQWdCLEVBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFDOUYsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdC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

package/lib/components/input/gauge/InputGauge.native.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ISecurityRules, IValidationRules } from '../../../components/input/InputProps';
+interface InputGaugeProps {
+    validationRules?: IValidationRules;
+    inputValue: string;
+    securityRules?: ISecurityRules[];
+}
+declare const InputGauge: ({ validationRules, inputValue, securityRules }: InputGaugeProps) => JSX.Element;
+export default InputGauge;

package/lib/components/input/gauge/InputGauge.native.js

@@ -0,0 +1,65 @@
+import React, { useId } from 'react';
+import { Icon, IconColor, IconName, IconSize } from '../../../components/icon';
+import { Text } from '../../../components/text';
+import { TrilogyColor, getColorStyle } from '../../../objects';
+import { StyleSheet, View } from 'react-native';
+import { useGauge } from './hook/useGauge';
+var InputGauge = function (_a) {
+    var validationRules = _a.validationRules, inputValue = _a.inputValue, securityRules = _a.securityRules;
+    var id = useId();
+    var _b = useGauge({ validationRules: validationRules, inputValue: inputValue, securityRules: securityRules }), widthGauge = _b.widthGauge, colorGauge = _b.colorGauge, LengthvalidationRulesText = _b.LengthvalidationRulesText, isLengthVerify = _b.isLengthVerify, isLowerercaseVerify = _b.isLowerercaseVerify, isNumberVerify = _b.isNumberVerify, isSpecialCharsVerify = _b.isSpecialCharsVerify, isUppercaseVerify = _b.isUppercaseVerify, rules = _b.rules;
+    return (React.createElement(View, null,
+        React.createElement(View, { style: [styles.containerGauge, { backgroundColor: getColorStyle(TrilogyColor.MAIN_FADE) }] },
+            React.createElement(View, { style: [styles.gauge, { width: widthGauge, backgroundColor: colorGauge() }] })),
+        React.createElement(View, { style: styles.verifies },
+            validationRules && (React.createElement(React.Fragment, null,
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.length), color: isLengthVerify.color, iconName: isLengthVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: LengthvalidationRulesText, index: 1 }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase), color: isUppercaseVerify.color, iconName: isUppercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Majuscule', index: 2 }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars), color: isSpecialCharsVerify.color, iconName: isSpecialCharsVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Caract\u00E8res sp\u00E9ciaux', index: 3 }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase), color: isLowerercaseVerify.color, iconName: isLowerercaseVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Minuscule', index: 4 }),
+                React.createElement(DataVerify, { display: !!(validationRules === null || validationRules === void 0 ? void 0 : validationRules.number), color: isNumberVerify.color, iconName: isNumberVerify.isVerify ? IconName.CHECK_CIRCLE : IconName.TIMES, type: 'Chiffre', index: 5 }))),
+            securityRules &&
+                rules &&
+                rules.map(function (rule, index) { return (React.createElement(DataVerify, { index: index + 1, key: "".concat(id, "_").concat(rule.label), display: true, type: rule.label, color: rule.validate ? IconColor.SUCCESS : IconColor.NEUTRAL, iconName: rule.validate ? IconName.CHECK_CIRCLE : IconName.TIMES })); }))));
+};
+var DataVerify = function (_a) {
+    var color = _a.color, iconName = _a.iconName, display = _a.display, type = _a.type, index = _a.index;
+    if (!display)
+        return null;
+    return (React.createElement(View, { style: [styles.verify, index % 2 === 0 ? styles.even : undefined] },
+        React.createElement(Icon, { color: color, name: iconName, size: IconSize.SMALLER }),
+        React.createElement(Text, { style: styles.textVerify }, type)));
+};
+export default InputGauge;
+var styles = StyleSheet.create({
+    even: {
+        justifyContent: 'flex-end',
+    },
+    verify: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginBottom: 4,
+        flexBasis: '50%',
+        flexGrow: 0,
+        flexShrink: 1,
+    },
+    textVerify: {
+        marginLeft: 8,
+    },
+    verifies: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        flexWrap: 'wrap',
+    },
+    containerGauge: {
+        height: 4,
+        width: '100%',
+        borderRadius: 4,
+        marginVertical: 8,
+    },
+    gauge: {
+        height: 4,
+        borderRadius: 4,
+    },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRHYXVnZS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2dhdWdlL0lucHV0R2F1Z2UubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUVwQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFdkUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBa0IsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFnQjFDLElBQU0sVUFBVSxHQUFHLFVBQUMsRUFBK0Q7UUFBN0QsZUFBZSxxQkFBQSxFQUFFLFVBQVUsZ0JBQUEsRUFBRSxhQUFhLG1CQUFBO0lBQzlELElBQU0sRUFBRSxHQUFHLEtBQUssRUFBRSxDQUFBO0lBQ1osSUFBQSxLQVVGLFFBQVEsQ0FBQyxFQUFFLGVBQWUsaUJBQUEsRUFBRSxVQUFVLFlBQUEsRUFBRSxhQUFhLGVBQUEsRUFBRSxDQUFDLEVBVDFELFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YseUJBQXlCLCtCQUFBLEVBQ3pCLGNBQWMsb0JBQUEsRUFDZCxtQkFBbUIseUJBQUEsRUFDbkIsY0FBYyxvQkFBQSxFQUNkLG9CQUFvQiwwQkFBQSxFQUNwQixpQkFBaUIsdUJBQUEsRUFDakIsS0FBSyxXQUNxRCxDQUFBO0lBRTVELE9BQU8sQ0FDTCxvQkFBQyxJQUFJO1FBQ0gsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxj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

package/lib/components/input/gauge/hook/useGauge.d.ts

@@ -0,0 +1,40 @@
+import { IconColor } from '../../../../components/icon';
+import { ISecurityRules, IValidationRules } from '../../../../components/input/InputProps';
+interface IParams {
+    validationRules?: IValidationRules;
+    inputValue: string;
+    securityRules?: ISecurityRules[];
+}
+export declare const useGauge: ({ validationRules, inputValue, securityRules }: IParams) => {
+    LengthvalidationRulesText: string;
+    colorGauge: () => string;
+    widthGauge: string;
+    isLengthVerify: {
+        isVerify: boolean;
+        color: IconColor;
+    };
+    isLowerercaseVerify: {
+        isVerify: boolean;
+        color: IconColor;
+    };
+    isNumberVerify: {
+        isVerify: boolean;
+        color: IconColor;
+    };
+    isSpecialCharsVerify: {
+        isVerify: boolean;
+        color: IconColor;
+    };
+    isUppercaseVerify: {
+        isVerify: boolean;
+        color: IconColor;
+    };
+    rules: {
+        label: string | undefined;
+        validate: boolean;
+        dataAttribute: {
+            [key: string]: string | number | boolean;
+        } | undefined;
+    }[] | undefined;
+};
+export {};

package/lib/components/input/gauge/hook/useGauge.js

@@ -0,0 +1,104 @@
+import { __read } from "tslib";
+import React, { useEffect, useMemo } from 'react';
+import { IconColor } from '../../../../components/icon';
+import { TrilogyColor, getColorStyle } from '../../../../objects';
+export var useGauge = function (_a) {
+    var _b, _c;
+    var validationRules = _a.validationRules, inputValue = _a.inputValue, securityRules = _a.securityRules;
+    var _d = __read(React.useState(0), 2), points = _d[0], setPoints = _d[1];
+    var initStateVerifies = { isVerify: false, color: IconColor.NEUTRAL };
+    var _e = __read(React.useState(initStateVerifies), 2), isLengthVerify = _e[0], setIsLengthVerify = _e[1];
+    var _f = __read(React.useState(initStateVerifies), 2), isSpecialCharsVerify = _f[0], setIsSpecialCharsVerify = _f[1];
+    var _g = __read(React.useState(initStateVerifies), 2), isNumberVerify = _g[0], setIsNumberVerify = _g[1];
+    var _h = __read(React.useState(initStateVerifies), 2), isUppercaseVerify = _h[0], setIsUppercaseVerify = _h[1];
+    var _j = __read(React.useState(initStateVerifies), 2), isLowerercaseVerify = _j[0], setisLowerercaseVerify = _j[1];
+    var nbAllVerifies = React.useMemo(function () {
+        return (validationRules && Object.values(validationRules).filter(function (rule) { return rule; }).length) ||
+            (securityRules && securityRules.length) ||
+            0;
+    }, [validationRules, securityRules]);
+    var rules = React.useMemo(function () {
+        return securityRules &&
+            securityRules.map(function (_a) {
+                var label = _a.label, patternValidator = _a.patternValidator, dataAttribute = _a.dataAttribute;
+                return ({
+                    label: label,
+                    validate: !!(patternValidator === null || patternValidator === void 0 ? void 0 : patternValidator.test(inputValue)),
+                    dataAttribute: dataAttribute,
+                });
+            });
+    }, [inputValue, securityRules]);
+    var calcPoints = React.useMemo(function () {
+        if (validationRules) {
+            return Number(((points / nbAllVerifies) * 100).toFixed(0));
+        }
+        if (securityRules) {
+            var pts = (rules === null || rules === void 0 ? void 0 : rules.filter(function (rule) { return rule.validate; }).length) || 0;
+            return Number(((pts / nbAllVerifies) * 100).toFixed(0));
+        }
+        return 0;
+    }, [points, nbAllVerifies, rules, validationRules, securityRules]);
+    var widthGauge = React.useMemo(function () {
+        if (calcPoints <= 50 && calcPoints > 0)
+            return '50%';
+        if (calcPoints <= 99 && calcPoints > 50)
+            return '75%';
+        if (calcPoints === 100)
+            return '100%';
+        return '0%';
+    }, [calcPoints, nbAllVerifies]);
+    var colorGauge = function () {
+        if (calcPoints <= 50 && calcPoints > 0)
+            return getColorStyle(TrilogyColor.ERROR);
+        if (calcPoints <= 99 && calcPoints > 50)
+            return getColorStyle(TrilogyColor.WARNING);
+        if (calcPoints === 100)
+            return getColorStyle(TrilogyColor.SUCCESS);
+        return getColorStyle(TrilogyColor.NEUTRAL_FADE);
+    };
+    var LengthvalidationRulesText = useMemo(function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        switch (true) {
+            case ((_a = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _a === void 0 ? void 0 : _a.min) !== undefined && ((_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.max) !== undefined:
+                return "Entre ".concat((_c = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _c === void 0 ? void 0 : _c.min, " et ").concat((_d = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _d === void 0 ? void 0 : _d.max, " caract\u00E8res");
+            case ((_e = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _e === void 0 ? void 0 : _e.min) && !((_f = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _f === void 0 ? void 0 : _f.max):
+                return "Minimum ".concat((_g = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _g === void 0 ? void 0 : _g.min, " caract\u00E8res");
+            case ((_h = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _h === void 0 ? void 0 : _h.max) && !((_j = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _j === void 0 ? void 0 : _j.min):
+                return "Maximum ".concat((_k = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _k === void 0 ? void 0 : _k.max, " caract\u00E8res");
+            default:
+                return '';
+        }
+    }, [(_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.min, (_c = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _c === void 0 ? void 0 : _c.max]);
+    useEffect(function () {
+        var _a, _b;
+        var min = ((_a = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _a === void 0 ? void 0 : _a.min) || 0;
+        var max = ((_b = validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) === null || _b === void 0 ? void 0 : _b.max) || '';
+        var regex = new RegExp("^.{".concat(min, ",").concat(max, "}$"));
+        var validations = [];
+        (validationRules === null || validationRules === void 0 ? void 0 : validationRules.specialChars) &&
+            validations.push({ test: /[^\w]/.test(inputValue), setState: setIsSpecialCharsVerify });
+        (validationRules === null || validationRules === void 0 ? void 0 : validationRules.number) && validations.push({ test: /[0-9]/.test(inputValue), setState: setIsNumberVerify });
+        (validationRules === null || validationRules === void 0 ? void 0 : validationRules.uppercase) && validations.push({ test: /[A-Z]/.test(inputValue), setState: setIsUppercaseVerify });
+        (validationRules === null || validationRules === void 0 ? void 0 : validationRules.lowercase) && validations.push({ test: /[a-z]/.test(inputValue), setState: setisLowerercaseVerify });
+        (validationRules === null || validationRules === void 0 ? void 0 : validationRules.length) && validations.push({ test: regex.test(inputValue), setState: setIsLengthVerify });
+        validations.forEach(function (_a) {
+            var test = _a.test, setState = _a.setState;
+            if (test)
+                return setState({ isVerify: true, color: IconColor.SUCCESS });
+            return setState(initStateVerifies);
+        });
+        setPoints(validations.filter(function (item) { return item.test; }).length);
+    }, [inputValue, validationRules]);
+    return {
+        LengthvalidationRulesText: LengthvalidationRulesText,
+        colorGauge: colorGauge,
+        widthGauge: widthGauge,
+        isLengthVerify: isLengthVerify,
+        isLowerercaseVerify: isLowerercaseVerify,
+        isNumberVerify: isNumberVerify,
+        isSpecialCharsVerify: isSpecialCharsVerify,
+        isUppercaseVerify: isUppercaseVerify,
+        rules: rules,
+    };
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlR2F1Z2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2dhdWdlL2hvb2svdXNlR2F1Z2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFakQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRTdDLE9BQU8sRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBUXZELE1BQU0sQ0FBQyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQXVEOztRQUFyRCxlQUFlLHFCQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLGFBQWEsbUJBQUE7SUFDN0QsSUFBQSxLQUFBLE9BQXNCLEtBQUssQ0FBQyxRQUFRLENBQVMsQ0FBQyxDQUFDLElBQUEsRUFBOUMsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUE2QixDQUFBO0lBQ3JELElBQU0saUJBQWlCLEdBQUcsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxTQUFTLENBQUMsT0FBTyxFQUFFLENBQUE7SUFDakUsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBQSxFQUF0RSxjQUFjLFFBQUEsRUFBRSxpQkFBaUIsUUFBcUMsQ0FBQTtJQUN2RSxJQUFBLEtBQUEsT0FBa0QsS0FBSyxDQUFDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFBLEVBQWxGLG9CQUFvQixRQUFBLEVBQUUsdUJBQXVCLFFBQXFDLENBQUE7SUFDbkYsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBQSxFQUF0RSxjQUFjLFFBQUEsRUFBRSxpQkFBaUIsUUFBcUMsQ0FBQTtJQUN2RSxJQUFBLEtBQUEsT0FBNEMsS0FBSyxDQUFDLFFBQVEs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

package/lib/components/input/index.d.ts

@@ -0,0 +1,4 @@
+import Input from './Input';
+export * from './InputEnum';
+export * from './InputProps';
+export { Input };

package/lib/components/input/index.js

@@ -0,0 +1,5 @@
+import Input from './Input';
+export * from './InputEnum';
+export * from './InputProps';
+export { Input };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2lucHV0L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLFNBQVMsQ0FBQTtBQUUzQixjQUFjLGFBQWEsQ0FBQTtBQUMzQixjQUFjLGNBQWMsQ0FBQTtBQUU1QixPQUFPLEVBQUUsS0FBSyxFQUFFLENBQUEifQ==

package/lib/components/link/Link.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { LinkProps, LinkRef } from './LinkProps';
+/**
+ * Link Component
+ * @param children {React.ReactNode} Content children for Link
+ * @param id
+ * @param href {string} Link to open
+ * @param to {string} use for router
+ * @param title {string} Title attribute
+ * @param onClick {Function} onClick Event
+ * @param accessibilityLabel {string} Accessibility label
+ * @param iconName {IconName} Adding Icon Link
+ * @param inverted {boolean} Inverted link
+ * @param others
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param href {string} Href link
+ * @param routerLink Custom Router Link as props
+ * @param blank Link Target Blank
+ * @param rel {string} Relationship between the current document and the linked document
+ * -------------------------- NATIVE PROPERTIES -------------------------------
+ */
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<LinkRef>>;
+export default Link;

package/lib/components/link/Link.js

@@ -0,0 +1,53 @@
+import { __assign, __rest } from "tslib";
+import { Icon, IconSize } from '../../components/icon';
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { has, is } from '../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Link Component
+ * @param children {React.ReactNode} Content children for Link
+ * @param id
+ * @param href {string} Link to open
+ * @param to {string} use for router
+ * @param title {string} Title attribute
+ * @param onClick {Function} onClick Event
+ * @param accessibilityLabel {string} Accessibility label
+ * @param iconName {IconName} Adding Icon Link
+ * @param inverted {boolean} Inverted link
+ * @param others
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param href {string} Href link
+ * @param routerLink Custom Router Link as props
+ * @param blank Link Target Blank
+ * @param rel {string} Relationship between the current document and the linked document
+ * -------------------------- NATIVE PROPERTIES -------------------------------
+ */
+var Link = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, id = _a.id, to = _a.to, href = _a.href, onClick = _a.onClick, accessibilityLabel = _a.accessibilityLabel, routerLink = _a.routerLink, iconName = _a.iconName, inverted = _a.inverted, blank = _a.blank, title = _a.title, others = __rest(_a, ["children", "className", "id", "to", "href", "onClick", "accessibilityLabel", "routerLink", "iconName", "inverted", "blank", "title"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('link', iconName && has('icon'), inverted && is('inverted'), className));
+    if (routerLink && to) {
+        var RouterLink_1 = (routerLink ? routerLink : 'a');
+        var RouterLinkTrilogy = function () {
+            return (React.createElement(RouterLink_1, __assign({ ref: ref, id: id, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: hashClass(styled, clsx(classes)), to: to || '' }, (blank && {
+                target: '_blank',
+            }), others), children));
+        };
+        return React.createElement(RouterLinkTrilogy, null);
+    }
+    var LinkTrilogy = function () {
+        return (React.createElement("a", __assign({ ref: ref, id: id, "aria-label": accessibilityLabel, onClick: onClick && onClick, className: classes, title: title, href: href }, (blank && {
+            target: '_blank',
+        }), others), iconName ? (React.createElement(React.Fragment, null,
+            React.createElement("span", null, children),
+            React.createElement(Icon, { name: iconName, size: IconSize.SMALL }))) : (children)));
+    };
+    return React.createElement(LinkTrilogy, null);
+});
+Link.displayName = ComponentName.Link;
+export default Link;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvbGluay9MaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RDs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQUVILElBQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQzNCLFVBQ0UsRUFjQyxFQUNELEdBQUc7SUFkRCxJQUFBLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLEVBQUUsUUFBQSxFQUNGLElBQUksVUFBQSxFQUNKLE9BQU8sYUFBQSxFQUNQLGtCQUFrQix3QkFBQSxFQUNsQixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQWJYLHNJQWNDLENBRFU7SUFJSCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsUUFBUSxJQUFJLEdBQUcsQ0FBQyxNQUFNLENBQUMsRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFVBQVUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFL0csSUFBSSxVQUFVLElBQUksRUFBRSxFQUFFO1FBQ3BCLElBQU0sWUFBVSxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBc0IsQ0FBQTtRQUV2RSxJQUFNLGlCQUFpQixHQUFHO1lBQ3hCLE9BQU8sQ0FDTCxvQkFBQyxZQUFVLGFBQ1QsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxnQkFDTSxrQkFBa0IsRUFDOUIsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQzNCLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxFQUMzQyxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFDUixDQUFDLEtBQUssSUFBSTtnQkFDWixNQUFNLEVBQUUsUUFBUTthQUNqQixDQUFDLEVBQ0UsTUFBTSxHQUVULFFBQVEsQ0FDRSxDQUNkLENBQUE7UUFDSCxDQUFDLENBQUE7UUFFRCxPQUFPLG9CQUFDLGlCQUFpQixPQUFHLENBQUE7S0FDN0I7SUFFRCxJQUFNLFdBQVcsR0FBRztRQUNsQixPQUFPLENBQ0wsb0NBQ0UsR0FBRyxFQUFFLEdBQW1DLEVBQ3hDLEVBQUUsRUFBRSxFQUFFLGdCQUNNLGtCQUFrQixFQUM5QixPQUFPLEVBQUUsT0FBTyxJQUFJLE9BQU8sRUFDM0IsU0FBUyxFQUFFLE9BQU8sRUFDbEIsS0FBSyxFQUFFLEtBQUssRUFDWixJQUFJLEVBQUUsSUFBSSxJQUNOLENBQUMsS0FBSyxJQUFJO1lBQ1osTUFBTSxFQUFFLFFBQVE7U0FDakIsQ0FBQyxFQUNFLE1BQU0sR0FFVCxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ1Y7WUFDRSxrQ0FBTyxRQUFRLENBQVE7WUFDdkIsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQUksQ0FDN0MsQ0FDSixDQUFDLENBQUMsQ0FBQyxDQUNGLFFBQVEsQ0FDVCxDQUNDLENBQ0wsQ0FBQTtJQUNILENBQUMsQ0FBQTtJQUVELE9BQU8sb0JBQUMsV0FBVyxPQUFHLENBQUE7QUFDeEIsQ0FBQyxDQUNGLENBQUE7QUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==

package/lib/components/link/Link.native.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Text } from 'react-native';
+import { LinkPropsNative } from './LinkProps';
+/**
+ * Link Component
+ * @param to {string} Url to open
+ * @param title {string} Title attribute
+ * @param onClick {Function} onClick Event
+ * @param children {React.ReactNode}
+ * @param testId {string} id for test
+ * @param accessibilityLabel {string}
+ * @param iconName {IconName} Adding Icon Link
+ * @param inverted {boolean} Inverted link
+ */
+declare const Link: React.ForwardRefExoticComponent<LinkPropsNative & React.RefAttributes<Text>>;
+export default Link;

package/lib/components/link/Link.native.js

@@ -0,0 +1,58 @@
+import { __assign, __read, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Icon } from '../../components/icon';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import * as React from 'react';
+import { useState } from 'react';
+import { Linking, StyleSheet, Text, View } from 'react-native';
+/**
+ * Link Component
+ * @param to {string} Url to open
+ * @param title {string} Title attribute
+ * @param onClick {Function} onClick Event
+ * @param children {React.ReactNode}
+ * @param testId {string} id for test
+ * @param accessibilityLabel {string}
+ * @param iconName {IconName} Adding Icon Link
+ * @param inverted {boolean} Inverted link
+ */
+var Link = React.forwardRef(function (_a, ref) {
+    var children = _a.children, to = _a.to, onClick = _a.onClick, testId = _a.testId, accessibilityLabel = _a.accessibilityLabel, iconName = _a.iconName, inverted = _a.inverted, others = __rest(_a, ["children", "to", "onClick", "testId", "accessibilityLabel", "iconName", "inverted"]);
+    var _b = __read(useState(false), 2), pressedLink = _b[0], setPressedLink = _b[1];
+    var styles = StyleSheet.create({
+        link: {
+            color: getColorStyle((pressedLink && TrilogyColor.MAIN_FADE) || (inverted && TrilogyColor.BACKGROUND) || TrilogyColor.MAIN),
+            fontSize: 14,
+            textDecorationStyle: 'solid',
+            textDecorationLine: 'underline',
+        },
+        iconView: {
+            flexDirection: 'row',
+            alignItems: 'center',
+        },
+        icon: {
+            marginLeft: 4,
+        },
+    });
+    return (React.createElement(React.Fragment, null, children && typeof children.valueOf() === 'string' ? (React.createElement(Text, { ref: ref, testID: testId, suppressHighlighting: true, onPressIn: function () { return setPressedLink(true); }, onPressOut: function () { return setPressedLink(false); }, onPress: function (e) {
+            if (to) {
+                Linking.openURL(to || '');
+            }
+            if (onClick) {
+                onClick(e);
+            }
+        } }, iconName ? (React.createElement(View, { style: styles.iconView },
+        React.createElement(Text, __assign({ accessibilityLabel: accessibilityLabel, style: [styles.link] }, others), children),
+        React.createElement(View, { style: styles.icon },
+            React.createElement(Icon, { color: TrilogyColor.MAIN, name: iconName, size: 'small' })))) : (React.createElement(Text, __assign({ accessibilityLabel: accessibilityLabel, style: [styles.link] }, others), children)))) : (React.createElement(Text, { testID: testId, suppressHighlighting: true, onPressIn: function () { return setPressedLink(true); }, onPressOut: function () { return setPressedLink(false); }, onPress: function (e) {
+            if (to) {
+                Linking.openURL(to || '');
+            }
+            if (onClick) {
+                onClick(e);
+            }
+        } }, children))));
+});
+Link.displayName = ComponentName.Link;
+export default Link;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2xpbmsvTGluay5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNoQyxPQUFPLEVBQUUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRzlEOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLElBQUksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMzQixVQUFDLEVBQW9GLEVBQUUsR0FBRztJQUF2RixJQUFBLFFBQVEsY0FBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLGtCQUFrQix3QkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBbEYscUZBQW9GLENBQUY7SUFDM0UsSUFBQSxLQUFBLE9BQWdDLFFBQVEsQ0FBQyxLQUFLLENBQUMsSUFBQSxFQUE5QyxXQUFXLFFBQUEsRUFBRSxjQUFjLFFBQW1CLENBQUE7SUFFckQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixLQUFLLEVBQUUsYUFBYSxDQUNsQixDQUFDLFdBQVcsSUFBSSxZQUFZLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLElBQUksWUFBWSxDQUFDLFVBQVUsQ0FBQyxJQUFJLFlBQVksQ0FBQyxJQUFJLENBQ3RHO1lBQ0QsUUFBUSxFQUFFLEVBQUU7WUFDWixtQkFBbUIsRUFBRSxPQUFPO1lBQzVCLGtCQUFrQixFQUFFLFdBQVc7U0FDaEM7UUFDRCxRQUFRLEVBQUU7WUFDUixhQUFhLEVBQUUsS0FBSztZQUNwQixVQUFVLEVBQUUsUUFBUTtTQUNyQjtRQUNELElBQUksRUFBRTtZQUNKLFVBQVUsRUFBRSxDQUFDO1NBQ2Q7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsMENBQ0csUUFBUSxJQUFJLE9BQU8sUUFBUSxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDcEQsb0JBQUMsSUFBSSxJQUNILEdBQUcsRUFBRSxHQUFHLEVBQ1IsTUFBTSxFQUFFLE1BQU0sRUFDZCxvQkFBb0IsRUFBRSxJQUFJLEVBQzFCLFNBQVMsRUFBRSxjQUFNLE9BQUEsY0FBYyxDQUFDLElBQUksQ0FBQyxFQUFwQixDQUFvQixFQUNyQyxVQUFVLEVBQUUsY0FBTSxPQUFBLGNBQWMsQ0FBQyxLQUFLLENBQUMsRUFBckIsQ0FBcUIsRUFDdkMsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULElBQUksRUFBRSxFQUFFO2dCQUNOLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFBO2FBQzFCO1lBQ0QsSUFBSSxPQUFPLEVBQUU7Z0JBQ1gsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFBO2FBQ1g7UUFDSCxDQUFDLElBRUEsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUNWLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLFFBQVE7UUFDMUIsb0JBQUMsSUFBSSxhQUFDLGtCQUFrQixFQUFFLGtCQUFrQixFQUFFLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBTSxNQUFNLEdBQzNFLFFBQVEsQ0FDSjtRQUNQLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUk7WUFDdEIsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxZQUFZLENBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFDLE9BQU8sR0FBRyxDQUMxRCxDQUNGLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxJQUFJLGFBQUMsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFNLE1BQU0sR0FDM0UsUUFBUSxDQUNKLENBQ1IsQ0FDSSxDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsSUFBSSxJQUNILE1BQU0sRUFBRSxNQUFNLEVBQ2Qsb0JBQW9CLEVBQUUsSUFBSSxFQUMxQixTQUFTLEVBQUUsY0FBTSxPQUFBLGNBQWMsQ0FBQyxJQUFJLENBQUMsRUFBcEIsQ0FBb0IsRUFDckMsVUFBVSxFQUFFLGNBQU0sT0FBQSxjQUFjLENBQUMsS0FBSyxDQUFDLEVBQXJCLENBQXFCLEVBQ3ZDLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxJQUFJLEVBQUUsRUFBRTtnQkFDTixPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQTthQUMxQjtZQUNELElBQUksT0FBTyxFQUFFO2dCQUNYLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTthQUNYO1FBQ0gsQ0FBQyxJQUVBLFFBQVEsQ0FDSixDQUNSLENBQ0EsQ0FDSixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFFckMsZUFBZSxJQUFJLENBQUEifQ==