@smartsoft001/react 0.0.0-stage → 2.193.0

package/src/lib/components/input/password/input-password.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputPassword = SmartInputPassword;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const use_input_password_1 = require("./use-input-password");
+const class_names_1 = require("../../../utils/class-names");
+const password_strength_1 = require("../../password-strength/password-strength");
+const LABEL_CLASSES = [
+    'smart:block',
+    'smart:text-sm/6',
+    'smart:font-medium',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+].join(' ');
+const INPUT_CLASSES = [
+    'smart:mt-2',
+    'smart:block',
+    'smart:w-full',
+    'smart:rounded-md',
+    'smart:bg-white',
+    'smart:px-3',
+    'smart:py-1.5',
+    'smart:text-base',
+    'smart:text-gray-900',
+    'smart:outline-1',
+    '-outline-offset-1',
+    'smart:outline-gray-300',
+    'smart:placeholder:text-gray-400',
+    'smart:focus:outline-2',
+    'smart:focus:outline-offset-2',
+    'smart:focus:outline-indigo-600',
+    'smart:sm:text-sm/6',
+    'smart:dark:bg-white/5',
+    'smart:dark:text-white',
+    'smart:dark:outline-white/10',
+    'smart:dark:placeholder:text-gray-500',
+    'smart:dark:focus:outline-indigo-500',
+].join(' ');
+/**
+ * The `password` field (the Angular `InputPasswordComponent`,
+ * `<smart-input-password>`): the model label and a `type="password"` input
+ * bound to the control. With `fieldOptions.possibilities.strength` it renders
+ * `<SmartPasswordStrength>` under the input (hints while the input has
+ * focus), whose rating sets the control's `passwordStrength` error (see
+ * {@link useInputPassword}).
+ *
+ * A `<key>Confirm` control (added by the form factory for `confirm: true`)
+ * renders through the same component: `<SmartInput>` gives it the options of
+ * `<key>`, the label is the one of `<key>Confirm`, and it is bound to, and
+ * rated by, its own value. `className` is appended to the input's classes.
+ */
+function SmartInputPassword(props) {
+    const { className, fieldOptions } = props;
+    const { control, value, required, disabled, label, setValue, markAsTouched, autoFocus, onChangePasswordStrength, } = (0, use_input_password_1.useInputPassword)(props);
+    const id = (0, react_1.useId)();
+    const [focus, setFocus] = (0, react_1.useState)(false);
+    if (!control)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: id, className: LABEL_CLASSES, children: [label, ' ', required && (0, jsx_runtime_1.jsx)("span", { className: "smart:text-red-500 smart:ml-0.5", children: "*" })] }), (0, jsx_runtime_1.jsx)("input", { id: id, type: "password", className: (0, class_names_1.cn)(INPUT_CLASSES, className), value: value ?? '', disabled: disabled, autoFocus: autoFocus, onChange: (e) => setValue(e.target.value), onFocus: () => setFocus(true), onBlur: () => {
+                    setFocus(false);
+                    markAsTouched();
+                } }), !!fieldOptions?.possibilities?.strength && ((0, jsx_runtime_1.jsx)(password_strength_1.SmartPasswordStrength, { passwordToCheck: value ?? '', showHint: focus, onPasswordStrength: onChangePasswordStrength }))] }));
+}
+//# sourceMappingURL=input-password.js.map

package/src/lib/components/input/password/input-password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-password.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/password/input-password.tsx"],"names":[],"mappings":";;AAqDA,gDA+CC;;AApGD,iCAAwC;AAExC,6DAAwD;AACxD,4DAAgD;AAChD,iFAAkF;AAGlF,MAAM,aAAa,GAAG;IACpB,aAAa;IACb,iBAAiB;IACjB,mBAAmB;IACnB,qBAAqB;IACrB,uBAAuB;CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,aAAa,GAAG;IACpB,YAAY;IACZ,aAAa;IACb,cAAc;IACd,kBAAkB;IAClB,gBAAgB;IAChB,YAAY;IACZ,cAAc;IACd,iBAAiB;IACjB,qBAAqB;IACrB,iBAAiB;IACjB,mBAAmB;IACnB,wBAAwB;IACxB,iCAAiC;IACjC,uBAAuB;IACvB,8BAA8B;IAC9B,gCAAgC;IAChC,oBAAoB;IACpB,uBAAuB;IACvB,uBAAuB;IACvB,6BAA6B;IAC7B,sCAAsC;IACtC,qCAAqC;CACtC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ;;;;;;;;;;;;GAYG;AACH,SAAgB,kBAAkB,CAAI,KAA8B;IAClE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,SAAS,EACT,wBAAwB,GACzB,GAAG,IAAA,qCAAgB,EAAC,KAAK,CAAC,CAAC;IAC5B,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IACnB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE1C,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,6DACE,mCAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,aACzC,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IACjE,EACR,kCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,IAAA,gBAAE,EAAC,aAAa,EAAE,SAAS,CAAC,EACvC,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE;oBACX,QAAQ,CAAC,KAAK,CAAC,CAAC;oBAChB,aAAa,EAAE,CAAC;gBAClB,CAAC,GACD,EACD,CAAC,CAAC,YAAY,EAAE,aAAa,EAAE,QAAQ,IAAI,CAC1C,uBAAC,yCAAqB,IACpB,eAAe,EAAE,KAAK,IAAI,EAAE,EAC5B,QAAQ,EAAE,KAAK,EACf,kBAAkB,EAAE,wBAAwB,GAC5C,CACH,IACA,CACJ,CAAC;AACJ,CAAC"}

package/src/lib/components/input/password/preset/input-password-preset.d.ts

@@ -0,0 +1,17 @@
+import { SmartInputFieldProps } from '../../input.types';
+/**
+ * Styled `password` field (preset, the Angular
+ * `InputPasswordPresetComponent`): the Preline "Strong Password" look. With
+ * `fieldOptions.possibilities.strength` it renders a five-bar meter under the
+ * input and, while the input has focus, the level and the rules the password
+ * meets (at least 6 characters, a lowercase letter, an uppercase letter, a
+ * number, a special character). Until all five pass the control has the
+ * `passwordStrength` error (see {@link useInputPassword}).
+ *
+ * The texts are English literals, as in Angular. The rating follows the
+ * control's value, so it also follows a value set from code (Angular only
+ * re-rated on typing). A `<key>Confirm` control renders through it the same
+ * way as through {@link SmartInputPassword}. Register it as
+ * `inputFieldComponents[FieldType.password]` on `SmartProvider`.
+ */
+export declare function SmartInputPasswordPreset<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/input/password/preset/input-password-preset.js

@@ -0,0 +1,152 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputPasswordPreset = SmartInputPasswordPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const class_names_1 = require("../../../../utils/class-names");
+const use_input_password_1 = require("../use-input-password");
+const PATTERNS = [
+    {
+        key: 'min-length',
+        label: 'Minimum number of characters is 6.',
+        test: (v) => v.length >= 6,
+    },
+    {
+        key: 'lowercase',
+        label: 'Should contain lowercase.',
+        test: (v) => /[a-z]/.test(v),
+    },
+    {
+        key: 'uppercase',
+        label: 'Should contain uppercase.',
+        test: (v) => /[A-Z]/.test(v),
+    },
+    {
+        key: 'numbers',
+        label: 'Should contain numbers.',
+        test: (v) => /[0-9]/.test(v),
+    },
+    {
+        key: 'special-characters',
+        label: 'Should contain special characters.',
+        test: (v) => /[^a-zA-Z0-9]/.test(v),
+    },
+];
+const BARS = [0, 1, 2, 3, 4];
+const LEVELS = [
+    'Empty',
+    'Weak',
+    'Medium',
+    'Strong',
+    'Very Strong',
+    'Super Strong',
+];
+const LABEL_CLASSES = [
+    'smart:block',
+    'smart:text-sm',
+    'smart:font-medium',
+    'smart:mb-2',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+].join(' ');
+const INPUT_CLASSES = [
+    'smart:py-2.5',
+    'smart:sm:py-3',
+    'smart:px-4',
+    'smart:block',
+    'smart:w-full',
+    'smart:bg-white',
+    'smart:dark:bg-gray-800',
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:rounded-md',
+    'smart:sm:text-sm',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+    'smart:placeholder:text-gray-500',
+    'smart:dark:placeholder:text-gray-400',
+    'smart:focus:border-blue-600',
+    'smart:dark:focus:border-blue-500',
+    'smart:focus:ring-1',
+    'smart:focus:ring-blue-600',
+    'smart:dark:focus:ring-blue-500',
+    'smart:disabled:opacity-50',
+    'smart:disabled:pointer-events-none',
+].join(' ');
+function getBarClasses(index, passedCount, accepted) {
+    const base = [
+        'smart:h-2',
+        'smart:flex-auto',
+        'smart:rounded-full',
+        'smart:mx-1',
+    ];
+    if (index >= passedCount) {
+        return [
+            ...base,
+            'smart:bg-gray-200',
+            'smart:dark:bg-gray-700',
+            'smart:opacity-50',
+        ].join(' ');
+    }
+    if (accepted) {
+        return [...base, 'smart:bg-teal-500', 'smart:opacity-100'].join(' ');
+    }
+    return [
+        ...base,
+        'smart:bg-blue-600',
+        'smart:dark:bg-blue-500',
+        'smart:opacity-100',
+    ].join(' ');
+}
+function getRuleClasses(passed) {
+    const base = ['smart:flex', 'smart:items-center', 'smart:gap-x-2'];
+    if (passed) {
+        return [...base, 'smart:text-teal-500'].join(' ');
+    }
+    return base.join(' ');
+}
+/**
+ * Styled `password` field (preset, the Angular
+ * `InputPasswordPresetComponent`): the Preline "Strong Password" look. With
+ * `fieldOptions.possibilities.strength` it renders a five-bar meter under the
+ * input and, while the input has focus, the level and the rules the password
+ * meets (at least 6 characters, a lowercase letter, an uppercase letter, a
+ * number, a special character). Until all five pass the control has the
+ * `passwordStrength` error (see {@link useInputPassword}).
+ *
+ * The texts are English literals, as in Angular. The rating follows the
+ * control's value, so it also follows a value set from code (Angular only
+ * re-rated on typing). A `<key>Confirm` control renders through it the same
+ * way as through {@link SmartInputPassword}. Register it as
+ * `inputFieldComponents[FieldType.password]` on `SmartProvider`.
+ */
+function SmartInputPasswordPreset(props) {
+    const { className, fieldOptions } = props;
+    const { control, value, required, disabled, label, setValue, markAsTouched, autoFocus, onChangePasswordStrength, } = (0, use_input_password_1.useInputPassword)(props);
+    const id = (0, react_1.useId)();
+    const [focus, setFocus] = (0, react_1.useState)(false);
+    const strength = !!fieldOptions?.possibilities?.strength;
+    const password = value ?? '';
+    const rules = PATTERNS.map((p) => ({
+        key: p.key,
+        label: p.label,
+        passed: p.test(password),
+    }));
+    const passedCount = rules.filter((r) => r.passed).length;
+    const accepted = passedCount === PATTERNS.length;
+    (0, react_1.useEffect)(() => {
+        if (!control)
+            return;
+        if (!strength)
+            return;
+        onChangePasswordStrength(accepted);
+    }, [control, strength, accepted, onChangePasswordStrength]);
+    if (!control)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: id, className: LABEL_CLASSES, children: [label, ' ', required && (0, jsx_runtime_1.jsx)("span", { className: "smart:text-red-500 smart:ml-0.5", children: "*" })] }), (0, jsx_runtime_1.jsx)("input", { id: id, type: "password", className: (0, class_names_1.cn)(INPUT_CLASSES, className), value: value ?? '', disabled: disabled, autoFocus: autoFocus, onChange: (e) => setValue(e.target.value), onFocus: () => setFocus(true), onBlur: () => {
+                    setFocus(false);
+                    markAsTouched();
+                } }), strength && ((0, jsx_runtime_1.jsxs)("div", { className: "smart:mt-2", "data-role": "strength-meter", children: [(0, jsx_runtime_1.jsx)("div", { className: "smart:flex smart:-mx-1", children: BARS.map((bar, index) => ((0, jsx_runtime_1.jsx)("div", { className: getBarClasses(index, passedCount, accepted), "data-role": "strength-bar" }, bar))) }), focus && ((0, jsx_runtime_1.jsxs)("div", { className: "smart:mt-3", "data-role": "strength-hints", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: "smart:text-sm smart:text-gray-900 smart:dark:text-white", children: "Level:" }), (0, jsx_runtime_1.jsx)("span", { className: "smart:text-sm smart:font-semibold smart:text-gray-900 smart:dark:text-white", "data-role": "strength-level", children: LEVELS[passedCount] })] }), (0, jsx_runtime_1.jsx)("h4", { className: "smart:my-2 smart:text-sm smart:font-semibold smart:text-gray-900 smart:dark:text-white", children: "Your password must contain:" }), (0, jsx_runtime_1.jsx)("ul", { className: "smart:space-y-1 smart:text-sm smart:text-gray-500 smart:dark:text-gray-400", children: rules.map((rule) => ((0, jsx_runtime_1.jsxs)("li", { className: getRuleClasses(rule.passed), "data-role": "strength-rule", children: [rule.passed ? ((0, jsx_runtime_1.jsx)("span", { "data-check": "", children: (0, jsx_runtime_1.jsx)("svg", { className: "smart:shrink-0 smart:size-4", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: (0, jsx_runtime_1.jsx)("polyline", { points: "20 6 9 17 4 12" }) }) })) : ((0, jsx_runtime_1.jsx)("span", { "data-uncheck": "", children: (0, jsx_runtime_1.jsxs)("svg", { className: "smart:shrink-0 smart:size-4", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("path", { d: "M18 6 6 18" }), (0, jsx_runtime_1.jsx)("path", { d: "m6 6 12 12" })] }) })), rule.label] }, rule.key))) })] }))] }))] }));
+}
+//# sourceMappingURL=input-password-preset.js.map

package/src/lib/components/input/password/preset/input-password-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-password-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/password/preset/input-password-preset.tsx"],"names":[],"mappings":"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"}

package/src/lib/components/input/password/use-input-password.d.ts

@@ -0,0 +1,30 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * {@link useInput} plus the strength check both Angular password inputs
+ * shared: a validator on the control that reports `passwordStrength` while
+ * the last rating was not strong, and `onChangePasswordStrength(valid)`, the
+ * handler of that rating, which stores it and updates the control's errors
+ * at once.
+ *
+ * The validator reads this field's last rating, so it is removed again when
+ * the field unmounts or gets another control. Until a rating arrives (or
+ * without `fieldOptions.possibilities.strength`, when none ever does) the
+ * password counts as strong.
+ */
+export declare function useInputPassword<T>(props: SmartInputFieldProps<T>): {
+    onChangePasswordStrength: (valid: boolean) => void;
+    control: import("../../../forms/abstract-control").SmartAbstractControl<any> | null;
+    state: import("../../../forms").SmartControlState<any> | null;
+    value: any;
+    required: boolean;
+    disabled: boolean;
+    label: string;
+    fieldKey: string;
+    model: T | undefined;
+    mode: string | undefined;
+    treeLevel: number;
+    fieldOptions: import("dist/packages/shared/models/src").IFieldOptions | undefined;
+    setValue: (value: unknown) => void;
+    markAsTouched: () => void | undefined;
+    autoFocus: boolean;
+};

package/src/lib/components/input/password/use-input-password.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInputPassword = useInputPassword;
+const react_1 = require("react");
+const use_input_1 = require("../base/use-input");
+/**
+ * {@link useInput} plus the strength check both Angular password inputs
+ * shared: a validator on the control that reports `passwordStrength` while
+ * the last rating was not strong, and `onChangePasswordStrength(valid)`, the
+ * handler of that rating, which stores it and updates the control's errors
+ * at once.
+ *
+ * The validator reads this field's last rating, so it is removed again when
+ * the field unmounts or gets another control. Until a rating arrives (or
+ * without `fieldOptions.possibilities.strength`, when none ever does) the
+ * password counts as strong.
+ */
+function useInputPassword(props) {
+    const input = (0, use_input_1.useInput)(props);
+    const { control } = input;
+    const validRef = (0, react_1.useRef)(true);
+    const [strengthValidator] = (0, react_1.useState)(() => () => validRef.current
+        ? null
+        : {
+            passwordStrength: true,
+        });
+    (0, react_1.useEffect)(() => {
+        if (!control)
+            return undefined;
+        control.addValidators(strengthValidator);
+        control.updateValueAndValidity({ onlySelf: true });
+        return () => control.removeValidators(strengthValidator);
+    }, [control, strengthValidator]);
+    const onChangePasswordStrength = (0, react_1.useCallback)((valid) => {
+        if (!control)
+            return;
+        validRef.current = valid;
+        if (valid) {
+            if (control.errors?.['passwordStrength']) {
+                control.setErrors(Object.keys(control.errors).length === 1
+                    ? null
+                    : { ...control.errors, passwordStrength: null });
+            }
+        }
+        else {
+            const errors = control.errors
+                ? { ...control.errors, passwordStrength: true }
+                : { passwordStrength: true };
+            control.setErrors(errors);
+        }
+        control.updateValueAndValidity({ onlySelf: true });
+    }, [control]);
+    return { ...input, onChangePasswordStrength };
+}
+//# sourceMappingURL=use-input-password.js.map

package/src/lib/components/input/password/use-input-password.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-input-password.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/password/use-input-password.ts"],"names":[],"mappings":";;AAkBA,4CAiDC;AAnED,iCAAiE;AAGjE,iDAA6C;AAG7C;;;;;;;;;;;GAWG;AACH,SAAgB,gBAAgB,CAAI,KAA8B;IAChE,MAAM,KAAK,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1B,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,CAAC,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAClC,GAAG,EAAE,CAAC,GAAG,EAAE,CACT,QAAQ,CAAC,OAAO;QACd,CAAC,CAAC,IAAI;QACN,CAAC,CAAC;YACE,gBAAgB,EAAE,IAAI;SACvB,CACR,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO;YAAE,OAAO,SAAS,CAAC;QAE/B,OAAO,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;QACzC,OAAO,CAAC,sBAAsB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAEnD,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;IAC3D,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEjC,MAAM,wBAAwB,GAAG,IAAA,mBAAW,EAC1C,CAAC,KAAc,EAAE,EAAE;QACjB,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;QAEzB,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC,kBAAkB,CAAC,EAAE,CAAC;gBACzC,OAAO,CAAC,SAAS,CACf,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,KAAK,CAAC;oBACtC,CAAC,CAAC,IAAI;oBACN,CAAC,CAAC,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAClD,CAAC;YACJ,CAAC;QACH,CAAC;aAAM,CAAC;YACN,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM;gBAC3B,CAAC,CAAC,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE,gBAAgB,EAAE,IAAI,EAAE;gBAC/C,CAAC,CAAC,EAAE,gBAAgB,EAAE,IAAI,EAAE,CAAC;YAC/B,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;QAED,OAAO,CAAC,sBAAsB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IACrD,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,OAAO,EAAE,GAAG,KAAK,EAAE,wBAAwB,EAAE,CAAC;AAChD,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './input-pdf';
+export * from './preset/input-pdf-preset';

package/src/lib/components/input/pdf/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./input-pdf"), exports);
+tslib_1.__exportStar(require("./preset/input-pdf-preset"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/input/pdf/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/pdf/index.ts"],"names":[],"mappings":";;;AAAA,sDAA4B;AAC5B,oEAA0C"}

package/src/lib/components/input/pdf/input-pdf.d.ts

@@ -0,0 +1,9 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * The `pdf` field (the Angular `InputPdfComponent`, `<smart-input-pdf>`):
+ * an add / change button opening a hidden `.pdf` file input whose file is
+ * uploaded ({@link useInputFile}), show / delete buttons and the file name
+ * once there is a value, and the upload progress. `className` is appended to
+ * the group's classes.
+ */
+export declare function SmartInputPdf<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/input/pdf/input-pdf.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputPdf = SmartInputPdf;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("../../../providers/hooks");
+const class_names_1 = require("../../../utils/class-names");
+const button_1 = require("../../button/button");
+const use_input_1 = require("../base/use-input");
+const use_input_file_1 = require("../base/use-input-file");
+const LABEL_CLASSES = [
+    'smart:block',
+    'smart:text-sm/6',
+    'smart:font-medium',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+].join(' ');
+const GROUP_CLASSES = [
+    'smart:mt-2',
+    'smart:flex',
+    'smart:items-center',
+    'smart:gap-x-2',
+    'smart:flex-wrap',
+].join(' ');
+/**
+ * The `pdf` field (the Angular `InputPdfComponent`, `<smart-input-pdf>`):
+ * an add / change button opening a hidden `.pdf` file input whose file is
+ * uploaded ({@link useInputFile}), show / delete buttons and the file name
+ * once there is a value, and the upload progress. `className` is appended to
+ * the group's classes.
+ */
+function SmartInputPdf(props) {
+    const { className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { control, value, required, label } = (0, use_input_1.useInput)(props);
+    const { inputRef, loading, percent, onFileChange, addButtonOptions, showButtonOptions, deleteButtonOptions, } = (0, use_input_file_1.useInputFile)(props);
+    const id = (0, react_1.useId)();
+    if (!control)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: id, className: LABEL_CLASSES, children: [label, ' ', required && (0, jsx_runtime_1.jsx)("span", { className: "smart:text-red-500 smart:ml-0.5", children: "*" })] }), (0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)(GROUP_CLASSES, className), children: [(0, jsx_runtime_1.jsx)(button_1.SmartButton, { options: addButtonOptions, children: t(value ? 'change' : 'add') }), value && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(button_1.SmartButton, { options: showButtonOptions, children: t('show') }), (0, jsx_runtime_1.jsx)(button_1.SmartButton, { options: deleteButtonOptions, children: t('delete') }), (0, jsx_runtime_1.jsx)("span", { className: "smart:text-sm smart:text-gray-700 smart:dark:text-gray-300", children: value.fileName })] })), loading && ((0, jsx_runtime_1.jsx)("div", { className: "smart:h-1 smart:w-24 smart:overflow-hidden smart:rounded smart:bg-gray-200 smart:dark:bg-gray-700", children: (0, jsx_runtime_1.jsx)("div", { className: "smart:h-full smart:bg-indigo-600", style: { width: `${percent ?? 0}%` } }) })), (0, jsx_runtime_1.jsx)("input", { id: id, ref: inputRef, type: "file", accept: ".pdf", hidden: true, onChange: onFileChange })] })] }));
+}
+//# sourceMappingURL=input-pdf.js.map

package/src/lib/components/input/pdf/input-pdf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-pdf.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/pdf/input-pdf.tsx"],"names":[],"mappings":";;AAgCA,sCAyDC;;AAzFD,iCAA8B;AAE9B,oDAAwD;AACxD,4DAAgD;AAChD,gDAAkD;AAClD,iDAA6C;AAC7C,2DAAsD;AAGtD,MAAM,aAAa,GAAG;IACpB,aAAa;IACb,iBAAiB;IACjB,mBAAmB;IACnB,qBAAqB;IACrB,uBAAuB;CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,aAAa,GAAG;IACpB,YAAY;IACZ,YAAY;IACZ,oBAAoB;IACpB,eAAe;IACf,iBAAiB;CAClB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ;;;;;;GAMG;AACH,SAAgB,aAAa,CAAI,KAA8B;IAC7D,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,CAAC,GAAG,IAAA,oBAAY,GAAE,CAAC;IACzB,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IAC5D,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,GACpB,GAAG,IAAA,6BAAY,EAAC,KAAK,CAAC,CAAC;IACxB,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,6DACE,mCAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,aACzC,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IACjE,EACR,iCAAK,SAAS,EAAE,IAAA,gBAAE,EAAC,aAAa,EAAE,SAAS,CAAC,aAC1C,uBAAC,oBAAW,IAAC,OAAO,EAAE,gBAAgB,YACnC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,GAChB,EACb,KAAK,IAAI,CACR,6DACE,uBAAC,oBAAW,IAAC,OAAO,EAAE,iBAAiB,YAAG,CAAC,CAAC,MAAM,CAAC,GAAe,EAClE,uBAAC,oBAAW,IAAC,OAAO,EAAE,mBAAmB,YACtC,CAAC,CAAC,QAAQ,CAAC,GACA,EACd,iCAAM,SAAS,EAAC,4DAA4D,YACzE,KAAK,CAAC,QAAQ,GACV,IACN,CACJ,EACA,OAAO,IAAI,CACV,gCAAK,SAAS,EAAC,mGAAmG,YAChH,gCACE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,IAAI,CAAC,GAAG,EAAE,GACpC,GACE,CACP,EACD,kCACE,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,EACb,MAAM,QACN,QAAQ,EAAE,YAAY,GACtB,IACE,IACL,CACJ,CAAC;AACJ,CAAC"}

package/src/lib/components/input/pdf/preset/input-pdf-preset.d.ts

@@ -0,0 +1,10 @@
+import { SmartInputFieldProps } from '../../input.types';
+/**
+ * Styled `pdf` field (preset, the Angular `InputPdfPresetComponent`): a
+ * Preline drop zone ("drop file here or browse") that opens the hidden
+ * `.pdf` input on click / Enter / Space and uploads a dropped file
+ * ({@link useInputFileDropZone}), a preview card with the file name and the
+ * show / delete buttons, and the upload progress. `className` is appended to
+ * the group's classes.
+ */
+export declare function SmartInputPdfPreset<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/input/pdf/preset/input-pdf-preset.js

@@ -0,0 +1,89 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputPdfPreset = SmartInputPdfPreset;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const hooks_1 = require("../../../../providers/hooks");
+const class_names_1 = require("../../../../utils/class-names");
+const button_1 = require("../../../button/button");
+const use_input_1 = require("../../base/use-input");
+const use_input_file_1 = require("../../base/use-input-file");
+const use_input_file_drop_zone_1 = require("../../file/use-input-file-drop-zone");
+const LABEL_CLASSES = [
+    'smart:block',
+    'smart:text-sm/6',
+    'smart:font-medium',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+].join(' ');
+const GROUP_CLASSES = [
+    'smart:mt-2',
+    'smart:flex',
+    'smart:flex-col',
+    'smart:gap-y-2',
+    'smart:w-full',
+].join(' ');
+const DROP_ZONE_CLASSES = [
+    'smart:cursor-pointer',
+    'smart:p-8',
+    'smart:flex',
+    'smart:justify-center',
+    'smart:bg-white',
+    'smart:dark:bg-gray-800',
+    'smart:border',
+    'smart:border-dashed',
+    'smart:rounded-xl',
+    'smart:transition-colors',
+    'smart:focus:outline-none',
+    'smart:focus:ring-2',
+    'smart:focus:ring-blue-600',
+    'smart:dark:focus:ring-blue-500',
+].join(' ');
+const DROP_ZONE_DRAG_OVER_CLASSES = [
+    'smart:border-blue-600',
+    'smart:dark:border-blue-500',
+    'smart:bg-blue-50',
+    'smart:dark:bg-gray-700',
+].join(' ');
+const DROP_ZONE_IDLE_CLASSES = [
+    'smart:border-gray-300',
+    'smart:dark:border-gray-600',
+].join(' ');
+const PREVIEW_CLASSES = [
+    'smart:p-3',
+    'smart:flex',
+    'smart:justify-between',
+    'smart:items-center',
+    'smart:gap-x-3',
+    'smart:flex-wrap',
+    'smart:bg-white',
+    'smart:dark:bg-gray-800',
+    'smart:border',
+    'smart:border-gray-200',
+    'smart:dark:border-gray-700',
+    'smart:rounded-xl',
+].join(' ');
+/**
+ * Styled `pdf` field (preset, the Angular `InputPdfPresetComponent`): a
+ * Preline drop zone ("drop file here or browse") that opens the hidden
+ * `.pdf` input on click / Enter / Space and uploads a dropped file
+ * ({@link useInputFileDropZone}), a preview card with the file name and the
+ * show / delete buttons, and the upload progress. `className` is appended to
+ * the group's classes.
+ */
+function SmartInputPdfPreset(props) {
+    const { className } = props;
+    const t = (0, hooks_1.useTranslate)();
+    const { control, value, required, label } = (0, use_input_1.useInput)(props);
+    const { inputRef, loading, percent, onFileChange, addButtonOptions, showButtonOptions, deleteButtonOptions, } = (0, use_input_file_1.useInputFile)(props);
+    const { dragOver, ...dropZoneHandlers } = (0, use_input_file_drop_zone_1.useInputFileDropZone)({
+        control,
+        inputRef,
+        trigger: addButtonOptions.click,
+    });
+    const id = (0, react_1.useId)();
+    if (!control)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: id, className: LABEL_CLASSES, "data-role": "label", children: [label, ' ', required && (0, jsx_runtime_1.jsx)("span", { className: "smart:text-red-500 smart:ml-0.5", children: "*" })] }), (0, jsx_runtime_1.jsxs)("div", { className: (0, class_names_1.cn)(GROUP_CLASSES, className), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, class_names_1.cn)(DROP_ZONE_CLASSES, dragOver ? DROP_ZONE_DRAG_OVER_CLASSES : DROP_ZONE_IDLE_CLASSES), role: "button", tabIndex: 0, "aria-disabled": loading ? true : undefined, ...dropZoneHandlers, children: (0, jsx_runtime_1.jsxs)("div", { className: "smart:text-center", children: [(0, jsx_runtime_1.jsx)("span", { className: "smart:inline-flex smart:justify-center smart:items-center smart:size-12 smart:text-gray-500 smart:dark:text-gray-400", children: (0, jsx_runtime_1.jsxs)("svg", { className: "smart:shrink-0 smart:size-8", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [(0, jsx_runtime_1.jsx)("path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z" }), (0, jsx_runtime_1.jsx)("path", { d: "M14 2v4a2 2 0 0 0 2 2h4" }), (0, jsx_runtime_1.jsx)("path", { d: "M9 15v-2h1a1 1 0 0 1 0 2Z" })] }) }), (0, jsx_runtime_1.jsxs)("div", { className: "smart:mt-2 smart:flex smart:flex-wrap smart:justify-center smart:text-sm/6 smart:text-gray-500 smart:dark:text-gray-400", children: [(0, jsx_runtime_1.jsx)("span", { className: "smart:pe-1 smart:font-medium smart:text-gray-900 smart:dark:text-white", children: t('INPUT.dropFileHereOr') }), (0, jsx_runtime_1.jsx)("span", { className: "smart:font-semibold smart:text-blue-600 smart:dark:text-blue-400 smart:hover:text-blue-700 smart:dark:hover:text-blue-300 smart:underline", children: t('browse') })] })] }) }), value && ((0, jsx_runtime_1.jsxs)("div", { className: PREVIEW_CLASSES, children: [(0, jsx_runtime_1.jsx)("span", { className: "smart:text-sm smart:font-medium smart:text-gray-900 smart:dark:text-white smart:truncate", children: value.fileName }), (0, jsx_runtime_1.jsxs)("div", { className: "smart:flex smart:items-center smart:gap-x-2 smart:flex-wrap", children: [(0, jsx_runtime_1.jsx)(button_1.SmartButton, { options: showButtonOptions, children: t('show') }), (0, jsx_runtime_1.jsx)(button_1.SmartButton, { options: deleteButtonOptions, children: t('delete') })] })] })), loading && ((0, jsx_runtime_1.jsx)("div", { className: "smart:flex smart:w-full smart:h-2 smart:bg-gray-100 smart:dark:bg-gray-800 smart:rounded-full smart:overflow-hidden", children: (0, jsx_runtime_1.jsx)("div", { className: "smart:h-full smart:bg-blue-600 smart:dark:bg-blue-500 smart:transition-all smart:duration-500", style: { width: `${percent ?? 0}%` } }) })), (0, jsx_runtime_1.jsx)("input", { id: id, ref: inputRef, type: "file", accept: ".pdf", hidden: true, onChange: onFileChange })] })] }));
+}
+//# sourceMappingURL=input-pdf-preset.js.map

package/src/lib/components/input/pdf/preset/input-pdf-preset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-pdf-preset.js","sourceRoot":"","sources":["../../../../../../../../../../packages/shared/react/src/lib/components/input/pdf/preset/input-pdf-preset.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export * from './input-pesel';
+export * from './preset/input-pesel-preset';

package/src/lib/components/input/pesel/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./input-pesel"), exports);
+tslib_1.__exportStar(require("./preset/input-pesel-preset"), exports);
+//# sourceMappingURL=index.js.map

package/src/lib/components/input/pesel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/pesel/index.ts"],"names":[],"mappings":";;;AAAA,wDAA8B;AAC9B,sEAA4C"}

package/src/lib/components/input/pesel/input-pesel.d.ts

@@ -0,0 +1,9 @@
+import { SmartInputFieldProps } from '../input.types';
+/**
+ * The `pesel` field (the Angular `InputPeselComponent`,
+ * `<smart-input-pesel>`): the model label and a text input bound to the
+ * control. Like the Angular one it does not check the PESEL; only
+ * {@link SmartInputPeselPreset} does. `className` is appended to the input's
+ * classes.
+ */
+export declare function SmartInputPesel<T>(props: SmartInputFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;

package/src/lib/components/input/pesel/input-pesel.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SmartInputPesel = SmartInputPesel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const class_names_1 = require("../../../utils/class-names");
+const use_input_1 = require("../base/use-input");
+const LABEL_CLASSES = [
+    'smart:block',
+    'smart:text-sm/6',
+    'smart:font-medium',
+    'smart:text-gray-900',
+    'smart:dark:text-white',
+].join(' ');
+const INPUT_CLASSES = [
+    'smart:mt-2',
+    'smart:block',
+    'smart:w-full',
+    'smart:rounded-md',
+    'smart:bg-white',
+    'smart:px-3',
+    'smart:py-1.5',
+    'smart:text-base',
+    'smart:text-gray-900',
+    'smart:outline-1',
+    '-outline-offset-1',
+    'smart:outline-gray-300',
+    'smart:placeholder:text-gray-400',
+    'smart:focus:outline-2',
+    'smart:focus:outline-offset-2',
+    'smart:focus:outline-indigo-600',
+    'smart:sm:text-sm/6',
+    'smart:dark:bg-white/5',
+    'smart:dark:text-white',
+    'smart:dark:outline-white/10',
+    'smart:dark:placeholder:text-gray-500',
+    'smart:dark:focus:outline-indigo-500',
+].join(' ');
+/**
+ * The `pesel` field (the Angular `InputPeselComponent`,
+ * `<smart-input-pesel>`): the model label and a text input bound to the
+ * control. Like the Angular one it does not check the PESEL; only
+ * {@link SmartInputPeselPreset} does. `className` is appended to the input's
+ * classes.
+ */
+function SmartInputPesel(props) {
+    const { className } = props;
+    const { control, value, required, disabled, label, setValue, markAsTouched, autoFocus, } = (0, use_input_1.useInput)(props);
+    const id = (0, react_1.useId)();
+    if (!control)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("label", { htmlFor: id, className: LABEL_CLASSES, children: [label, ' ', required && (0, jsx_runtime_1.jsx)("span", { className: "smart:text-red-500 smart:ml-0.5", children: "*" })] }), (0, jsx_runtime_1.jsx)("input", { id: id, type: "text", className: (0, class_names_1.cn)(INPUT_CLASSES, className), value: value ?? '', disabled: disabled, autoFocus: autoFocus, onChange: (e) => setValue(e.target.value), onBlur: markAsTouched })] }));
+}
+//# sourceMappingURL=input-pesel.js.map

package/src/lib/components/input/pesel/input-pesel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-pesel.js","sourceRoot":"","sources":["../../../../../../../../../packages/shared/react/src/lib/components/input/pesel/input-pesel.tsx"],"names":[],"mappings":";;AA8CA,0CAkCC;;AAhFD,iCAA8B;AAE9B,4DAAgD;AAChD,iDAA6C;AAG7C,MAAM,aAAa,GAAG;IACpB,aAAa;IACb,iBAAiB;IACjB,mBAAmB;IACnB,qBAAqB;IACrB,uBAAuB;CACxB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,aAAa,GAAG;IACpB,YAAY;IACZ,aAAa;IACb,cAAc;IACd,kBAAkB;IAClB,gBAAgB;IAChB,YAAY;IACZ,cAAc;IACd,iBAAiB;IACjB,qBAAqB;IACrB,iBAAiB;IACjB,mBAAmB;IACnB,wBAAwB;IACxB,iCAAiC;IACjC,uBAAuB;IACvB,8BAA8B;IAC9B,gCAAgC;IAChC,oBAAoB;IACpB,uBAAuB;IACvB,uBAAuB;IACvB,6BAA6B;IAC7B,sCAAsC;IACtC,qCAAqC;CACtC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ;;;;;;GAMG;AACH,SAAgB,eAAe,CAAI,KAA8B;IAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC5B,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,aAAa,EACb,SAAS,GACV,GAAG,IAAA,oBAAQ,EAAC,KAAK,CAAC,CAAC;IACpB,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,6DACE,mCAAO,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,aAAa,aACzC,KAAK,EAAE,GAAG,EACV,QAAQ,IAAI,iCAAM,SAAS,EAAC,iCAAiC,kBAAS,IACjE,EACR,kCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,IAAA,gBAAE,EAAC,aAAa,EAAE,SAAS,CAAC,EACvC,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,aAAa,GACrB,IACD,CACJ,CAAC;AACJ,CAAC"}