tycho-components 0.8.14 → 0.8.15

package/dist/AppClipboard/AppClipboard.d.ts

@@ -1,5 +1,4 @@
 import { ButtonDSSizes } from 'tycho-storybook/dist/Button/Button';
-import './style.scss';
 type Props = {
     text: string;
     size?: ButtonDSSizes;

package/dist/AppClipboard/AppClipboard.js

@@ -1,16 +1,23 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { IconButton } from 'tycho-storybook';
-import { useMessageUtils } from '../configs/useMessageUtils';
-import UsabilityUtils from '../functions/UsabilityUtils';
-import './style.scss';
 export default function AppClipboard({ text, size = 'x-small' }) {
-    const { t } = useTranslation('home');
-    const { dispatchMessage } = useMessageUtils();
+    const { t } = useTranslation('common');
+    const [copied, setCopied] = useState(false);
     const handleCopy = () => {
-        UsabilityUtils.copy(text, () => {
-            dispatchMessage({ key: 'message.copy.clipboard', t });
+        navigator.clipboard
+            .writeText(text)
+            .then(() => {
+            setCopied(true);
+            setTimeout(() => {
+                setCopied(false);
+            }, 2000);
+        })
+            .catch((err) => {
+            console.error('Failed to copy text:', err);
         });
     };
-    return (_jsx(IconButton, { name: "content_copy", title: t('tooltip.copy.clipboard'), onClick: handleCopy, size: size }));
+    const tooltipTitle = copied ? t('tooltip.copied') : t('tooltip.copy');
+    return (_jsx(IconButton, { name: "content_copy", title: tooltipTitle, onClick: handleCopy, size: size }));
 }

package/dist/AppColorpicker/AppColorpicker.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState } from 'react';
 import { HexColorPicker } from 'react-colorful';
 import { useTranslation } from 'react-i18next';
+import { Button } from 'tycho-storybook';
 import './style.scss';
 const defaultColor = '#FFFFFF';
 export default function AppColorpicker({ field, item, handleSave, }) {
@@ -14,8 +15,8 @@ export default function AppColorpicker({ field, item, handleSave, }) {
         else
             setColor(defaultColor);
     }, [item]);
-    return (_jsxs("div", { className: "color-picker-container", children: [_jsx("div", { className: "swatch", style: { backgroundColor: color }, onClick: () => setOpenColor(!openColor), onKeyDown: () => setOpenColor(!openColor), role: "link", "aria-label": "open color picker", tabIndex: 0 }), openColor && (_jsxs(_Fragment, { children: [_jsx(HexColorPicker, { color: color, onChange: setColor }), _jsxs("div", { className: "buttons", children: [_jsx("button", { type: "button", className: "easy-edit-button", name: "save", onClick: () => {
+    return (_jsxs("div", { className: "color-picker-container", children: [_jsx("div", { className: "swatch", style: { backgroundColor: color }, onClick: () => setOpenColor(!openColor), onKeyDown: () => setOpenColor(!openColor), role: "link", "aria-label": "open color picker", tabIndex: 0 }), openColor && (_jsxs(_Fragment, { children: [_jsx(HexColorPicker, { color: color, onChange: setColor }), _jsxs("div", { className: "buttons", children: [_jsx(Button, { text: t('button.confirm'), onClick: () => {
                                     handleSave(color, field);
                                     setOpenColor(false);
-                                }, children: t('button.confirm') }), _jsx("button", { type: "button", className: "easy-edit-button", name: "cancel", onClick: () => setOpenColor(false), children: t('button.cancel') })] })] }))] }));
+                                }, size: "x-small" }), _jsx(Button, { text: t('button.cancel'), onClick: () => setOpenColor(false), color: "danger", size: "x-small" })] })] }))] }));
 }

package/dist/AppColorpicker/style.scss

@@ -1,12 +1,15 @@
 .color-picker-container {
   display: flex;
+  flex-direction: column;
 
   .swatch {
     width: 28px;
     height: 28px;
     border-radius: 8px;
     border: 3px solid #fff;
-    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
+    box-shadow:
+      0 0 0 1px rgba(0, 0, 0, 0.1),
+      inset 0 0 0 1px rgba(0, 0, 0, 0.1);
     cursor: pointer;
     margin-bottom: 8px;
   }
@@ -17,22 +20,7 @@
 
   .buttons {
     display: flex;
-    justify-content: right;
-
-    button {
-      height: fit-content;
-      padding-right: var(--spacing-xsmall);
-      padding-left: var(--spacing-xsmall);
-
-      &[name='cancel'] {
-        background-color: var(--color-error);
-        color: var(--color-surface);
-      }
-
-      &[name='save'] {
-        background-color: var(--color-confirmed);
-        color: var(--color-surface);
-      }
-    }
+    justify-content: center;
+    gap: 8px;
   }
 }

package/dist/AppCopyText/styles.scss

@@ -15,7 +15,7 @@
 
   &__content {
     color: var(--text-primary);
-    font-size: var(--font-size-body-medium, 14px);
+    @include body-small-1;
   }
 
   &__icon {

package/dist/AppEditable/AppEditable.d.ts

@@ -1,6 +1,6 @@
-import { AppEditableField } from "./AppEditableField";
-import { FormField } from "./FormField";
-import "./style.scss";
+import { AppEditableField } from './AppEditableField';
+import { FormField } from './FormField';
+import './style.scss';
 type Item = {
     uid?: string;
     [key: string]: unknown;

package/dist/AppEditable/AppEditable.js

@@ -1,22 +1,22 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { format } from "date-fns-tz";
-import { useCallback } from "react";
-import EasyEdit from "react-easy-edit";
-import { useTranslation } from "react-i18next";
-import Switch from "react-switch";
-import { Icon, Tooltip } from "tycho-storybook";
-import AppColorpicker from "../AppColorpicker";
-import "./style.scss";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Switch } from '@mui/material';
+import { format } from 'date-fns-tz';
+import { useCallback } from 'react';
+import EasyEdit from 'react-easy-edit';
+import { useTranslation } from 'react-i18next';
+import { Icon, Tooltip } from 'tycho-storybook';
+import AppColorpicker from '../AppColorpicker';
+import './style.scss';
 // Utility to safely get nested values via a dotted path
-const getNestedValue = (obj, path) => path.split(".").reduce((o, key) => (o && key in o ? o[key] : undefined), obj);
+const getNestedValue = (obj, path) => path.split('.').reduce((o, key) => (o && key in o ? o[key] : undefined), obj);
 // Pure function — no need to inline this in the component
 const formatDate = (date, fmt) => {
     if (!date)
-        return "";
+        return '';
     return format(date, fmt);
 };
 export default function AppEditable({ translation, fields, item, save, group, className, reference, }) {
-    const { t } = useTranslation([translation, "common"]);
+    const { t } = useTranslation([translation, 'common']);
     const handleSave = useCallback((value, field) => {
         if (!save)
             return;
@@ -30,13 +30,13 @@ export default function AppEditable({ translation, fields, item, save, group, cl
     }, [save, item, reference]);
     const getValue = (field) => {
         const value = getNestedValue(item, field.name);
-        return value !== undefined && value !== ""
+        return value !== undefined && value !== ''
             ? value
             : (field.default ?? null);
     };
     const getDateValue = (field) => {
         const v = getValue(field);
-        return !v ? null : formatDate(new Date(v), "yyyy-MM-dd");
+        return !v ? null : formatDate(new Date(v), 'yyyy-MM-dd');
     };
     const getValueToDisplay = (field) => {
         const value = getValue(field);
@@ -45,48 +45,48 @@ export default function AppEditable({ translation, fields, item, save, group, cl
             if (option)
                 return option.label;
         }
-        if (typeof value === "string" ||
-            typeof value === "number" ||
-            typeof value === "boolean")
+        if (typeof value === 'string' ||
+            typeof value === 'number' ||
+            typeof value === 'boolean')
             return value;
         return null;
     };
     const getLabelValueForList = (options) => options.map((op) => ({ label: t(op.label), value: op.value }));
     const sharedEditProps = {
-        saveButtonLabel: t("common:button.confirm"),
-        cancelButtonLabel: t("common:button.cancel"),
-        placeholder: t("common:placeholder.input"),
+        saveButtonLabel: t('common:button.confirm'),
+        cancelButtonLabel: t('common:button.cancel'),
+        placeholder: t('common:placeholder.input'),
     };
     const renderField = (field) => {
         const value = getValue(field);
         switch (field.type) {
-            case "display":
-                return _jsx("span", { children: getValueToDisplay(field) ?? "--" });
-            case "code":
+            case 'display':
+                return _jsx("span", { children: getValueToDisplay(field) ?? '--' });
+            case 'code':
                 return (_jsx("div", { className: "textarea-code", children: _jsx(EasyEdit, { type: "textarea", onSave: (v) => handleSave(JSON.parse(v), field), value: JSON.stringify(value || {}, null, 2), ...sharedEditProps }) }));
-            case "text":
-            case "number":
-            case "locale":
-            case "year":
+            case 'text':
+            case 'number':
+            case 'locale':
+            case 'year':
                 return (_jsx(EasyEdit, { type: "text", onSave: (v) => handleSave(v, field), value: value, ...sharedEditProps }));
-            case "textarea":
+            case 'textarea':
                 return (_jsx(EasyEdit, { type: "textarea", onSave: (v) => handleSave(v, field), value: value, ...sharedEditProps }));
-            case "select":
-            case "list":
+            case 'select':
+            case 'list':
                 return (_jsx(EasyEdit, { type: "select", options: getLabelValueForList(field.options || []), onSave: (v) => handleSave(v, field), value: value, ...sharedEditProps }));
-            case "range":
-                return (_jsx(EasyEdit, { type: "range", onSave: (v) => handleSave(v, field), attributes: { name: "awesome-range", min: 0, max: 100, step: 1 }, value: value, ...sharedEditProps }));
-            case "switch":
-                return (_jsx(Switch, { onChange: (checked) => handleSave(checked, field), checked: value || false }));
-            case "date":
+            case 'range':
+                return (_jsx(EasyEdit, { type: "range", onSave: (v) => handleSave(v, field), attributes: { name: 'awesome-range', min: 0, max: 100, step: 1 }, value: value, ...sharedEditProps }));
+            case 'switch':
+                return (_jsx(Switch, { onChange: (_event, checked) => handleSave(checked, field), checked: value || false }));
+            case 'date':
                 return (_jsx(EasyEdit, { type: "date", onSave: (v) => handleSave(new Date(v), field), value: getDateValue(field), ...sharedEditProps }));
-            case "password":
+            case 'password':
                 return (_jsx(EasyEdit, { type: "password", onSave: (v) => handleSave(v, field), value: value, ...sharedEditProps }));
-            case "color":
+            case 'color':
                 return (_jsx(AppColorpicker, { item: item, field: field, handleSave: handleSave }));
-            case "function":
-                return _jsx("span", { children: field.fn ? field.fn(getValue(field)) : "" });
-            case "check":
+            case 'function':
+                return _jsx("span", { children: field.fn ? field.fn(getValue(field)) : '' });
+            case 'check':
                 const val = getValue(field);
                 return (_jsx(EasyEdit, { type: "checkbox", options: getLabelValueForList(field.options || []), onSave: (value) => handleSave(value, field), value: val === undefined || val === null
                         ? undefined
@@ -97,7 +97,7 @@ export default function AppEditable({ translation, fields, item, save, group, cl
                 return null;
         }
     };
-    return (_jsx(_Fragment, { children: fields.map((field, idx) => (_jsxs("div", { className: `editable-container ${className || ""}`, children: [_jsxs("div", { className: "title", children: [_jsxs("h6", { children: [field.title
+    return (_jsx("div", { className: "editable-group-container", children: fields.map((field, idx) => (_jsxs("div", { className: `editable-container ${className || ''}`, children: [_jsxs("div", { className: "title", children: [_jsxs("h6", { children: [field.title
                                     ? field.title
-                                    : t(`${translation}:${group || ""}.field.${field.name}`), field.required && _jsx("span", { children: "*" })] }), field.tooltip && (_jsx(Tooltip, { title: t(`${translation}:${group || ""}.tooltip.${field.name}`), children: _jsx("span", { children: _jsx(Icon, { name: "help", className: "info", size: "x-small" }) }) }))] }), renderField(field)] }, idx))) }));
+                                    : t(`${translation}:${group || ''}.field.${field.name}`), field.required && _jsx("span", { children: "*" })] }), field.tooltip && (_jsx(Tooltip, { title: t(`${translation}:${group || ''}.tooltip.${field.name}`), children: _jsx("span", { children: _jsx(Icon, { name: "help", className: "info", size: "x-small" }) }) }))] }), renderField(field)] }, idx))) }));
 }

package/dist/AppEditable/style.scss

@@ -1,18 +1,26 @@
-.editable-container {
-  margin-top: var(--spacing-small);
+.editable-group-container {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
 
-  .title {
+  .editable-container {
     display: flex;
-    align-items: center;
-    margin-bottom: var(--spacing-xsmall);
+    flex-direction: column;
+    gap: 4px;
 
-    h6 {
-      margin-bottom: 0px;
-    }
+    .title {
+      display: flex;
+      align-items: center;
 
-    .info {
-      margin-left: var(--spacing-xsmall);
-      cursor: pointer;
+      h6 {
+        @include label-small-2;
+        margin: 0px;
+      }
+
+      .info {
+        margin-left: 8px;
+        cursor: pointer;
+      }
     }
   }
 }
@@ -24,7 +32,7 @@
 
 .easy-edit-wrapper {
   cursor: pointer;
-  color: var(--color-primary);
+  color: var(--text-accent);
   text-decoration: underline;
   text-decoration-style: dotted;
   text-underline-offset: 5px;
@@ -43,7 +51,6 @@
   .easy-edit-component-wrapper {
     width: 100%;
     display: block;
-    margin-bottom: var(--spacing-xsmall);
 
     input,
     textarea,
@@ -52,16 +59,15 @@
     }
 
     select {
-      padding: var(--spacing-xxsmall);
-      border-color: var(--color-disabled);
-      border-radius: var(--spacing-xxsmall);
+      padding: 8px;
+      border-color: var(--border-subtle-2);
+      border-radius: var(--radius-100);
     }
   }
 
   .easy-edit-checkbox-label {
     cursor: pointer;
-    font-size: var(--font-size-body);
-    margin-bottom: var(--spacing-xxsmall);
+    margin-bottom: 4px;
 
     input[type='checkbox'] {
       margin-right: 8px;
@@ -71,21 +77,24 @@
   .easy-edit-button-wrapper {
     width: 100%;
     display: flex;
-    justify-content: end;
-    margin-top: 16px;
+    margin-top: 8px;
 
     .easy-edit-button {
-      padding-right: var(--spacing-xsmall);
-      padding-left: var(--spacing-xsmall);
+      padding: 4px 8px;
+      cursor: pointer;
 
       &[name='save'] {
-        background-color: var(--color-confirmed);
-        color: var(--color-surface);
+        background-color: var(--button-primary-default);
+        color: var(--background-default);
       }
 
       &[name='cancel'] {
-        background-color: var(--color-error);
-        color: var(--color-surface);
+        background-color: var(--button-danger-default);
+        color: var(--background-default);
+      }
+
+      &:hover {
+        opacity: 0.8;
       }
     }
   }

package/dist/Base/ErrorBoundary.js

@@ -33,7 +33,7 @@ export default function ErrorBoundary({ children }) {
         };
     }, []);
     if (state.hasError && state.error) {
-        return (_jsx("div", { className: "box-container", children: _jsxs("div", { className: "box", children: [_jsx("img", { src: logo }), _jsx("div", { className: "title", children: t('label.error.found') }), _jsx("h6", { children: state.error?.message }), _jsx("pre", { className: "error-stack", children: state.error?.stack })] }) }));
+        return (_jsx("div", { className: "box-container", children: _jsxs("div", { className: "box", children: [_jsx("img", { src: logo }), _jsx("div", { className: "title", children: t('label.error.found') }), _jsx("div", { className: "message", children: state.error?.message }), _jsx("pre", { className: "error-stack", children: state.error?.stack })] }) }));
     }
     return _jsx(_Fragment, { children: children });
 }

package/dist/Base/style.scss

@@ -5,13 +5,15 @@
   height: 100%;
 
   .box {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
     border: 1px solid var(--border-subtle-2);
-    background-color: var(--color-surface);
+    background-color: var(--background-default);
     width: 50vw;
     border-radius: 8px;
     padding: 48px;
     margin-top: 10%;
-    text-align: center;
 
     img {
       width: 150px;
@@ -41,7 +43,7 @@
   }
 
   .error-stack {
-    background-color: var(--color-surface);
+    background-color: var(--background-default);
     padding: 24px;
     margin-top: 16px;
   }

package/dist/Comments/style.scss

@@ -50,12 +50,6 @@
             display: flex;
             margin-left: auto;
             gap: 8px;
-
-            button {
-              border: none;
-              border-radius: var(--border-radius-button);
-              cursor: pointer;
-            }
           }
         }
 
@@ -127,36 +121,5 @@
         }
       }
     }
-
-    .placeholder-container {
-      margin: 0px;
-      font-size: var(--font-size-medium);
-    }
-  }
-}
-
-.modal-comment-info {
-  .modal-body {
-    > textarea {
-      width: 100%;
-      height: 20vh;
-      padding: 8px;
-    }
-
-    .footnote-actions {
-      text-align: center;
-
-      > button {
-        font-family: var(--font-family-regular);
-        font-style: var(--font-weight-medium);
-        font-weight: var(--font-weight-medium);
-        font-size: var(--font-size-button);
-        color: var(--color-background);
-        width: 200px;
-        border-radius: 8px;
-        padding: 12px;
-        border: none;
-      }
-    }
   }
 }

package/dist/Participants/ParticipantCreate/ParticipantCreate.d.ts

@@ -1,5 +1,4 @@
 import Participant from '../types/Participant';
-import './style.scss';
 type Props = {
     document: string;
     onClose: () => void;

package/dist/Participants/ParticipantCreate/ParticipantCreate.js

@@ -8,7 +8,6 @@ import * as yup from 'yup';
 import AppModal from '../../AppModal';
 import CommonContext from '../../configs/CommonContext';
 import ParticipantService from '../types/ParticipantService';
-import './style.scss';
 import { useMessageUtils } from '../../configs/useMessageUtils';
 export default function ParticipantCreate({ document, onClose, onCreate, }) {
     const { t } = useTranslation('participants');

package/dist/Participants/Participants.js

@@ -39,9 +39,9 @@ export default function Participants({ document, participants, onChange, useChat
         if (participants.length > 0)
             setParticipant(participants[0]);
     }, []);
-    return (_jsxs("div", { className: "participants-container", children: [_jsxs("div", { className: "header", children: [_jsx("h3", { children: t('label.title') }), _jsx("div", { className: "actions", children: _jsx(Button, { icon: "add", text: t('button.label.add'), onClick: () => setOpenCreate(true), size: "small", mode: "outlined" }) })] }), _jsx("div", { className: "body", children: participant && (_jsxs(_Fragment, { children: [_jsx(Select, { onChange: (e) => setParticipant(participants[Number(e.target.value)]), value: participant
+    return (_jsxs("div", { className: "participants-container", children: [_jsxs("div", { className: "header", children: [_jsx("div", { className: "title", children: t('label.title') }), _jsx("div", { className: "actions", children: _jsx(Button, { icon: "add", text: t('button.label.add'), onClick: () => setOpenCreate(true), size: "small", mode: "outlined" }) })] }), _jsx("div", { className: "body", children: participant && (_jsxs(_Fragment, { children: [_jsx(Select, { onChange: (e) => setParticipant(participants[Number(e.target.value)]), value: participant
                                 ? participants.findIndex((p) => p.code === participant.code)
-                                : 0, fullWidth: true, children: participants.map((el, idx) => (_jsx(MenuItem, { value: idx, children: `${el.code} - ${el.name}` }, idx))) }), _jsx(AppEditable, { translation: "participants", group: "participant", save: handleSave, item: { ...participant, uid: document }, fields: PARTICIPANT_FIELDS, className: "fields", reference: "code" }), useChat && (_jsx(AppEditable, { translation: "participants", group: "participant", save: handleSave, item: { ...participant, uid: document }, fields: CHAT_FIELDS, className: "fields", reference: "code" })), _jsx("div", { className: "footer", children: _jsx(Button, { icon: "delete", text: t('common:button.remove'), size: "small", className: "danger", onClick: () => {
+                                : 0, fullWidth: true, className: "select-participant", children: participants.map((el, idx) => (_jsx(MenuItem, { value: idx, children: `${el.code} - ${el.name}` }, idx))) }), _jsx(AppEditable, { translation: "participants", group: "participant", save: handleSave, item: { ...participant, uid: document }, fields: PARTICIPANT_FIELDS, className: "fields", reference: "code" }), useChat && (_jsx(AppEditable, { translation: "participants", group: "participant", save: handleSave, item: { ...participant, uid: document }, fields: CHAT_FIELDS, className: "fields", reference: "code" })), _jsx("div", { className: "footer", children: _jsx(Button, { icon: "delete", text: t('common:button.remove'), size: "small", className: "danger", onClick: () => {
                                     setParticipant(participant);
                                     setOpenRemove(true);
                                 } }) })] })) }), participant && openRemove && (_jsx(ParticipantRemove, { document: document, onChange: (list) => {

package/dist/Participants/style.scss

@@ -1,9 +1,10 @@
 .participants-container {
   .header {
     display: flex;
-    align-items: center;
-    background-color: var(--color-secondary);
+    @include subtitle-medium-2;
+    background-color: var(--layer-hover-2);
     padding: 8px 16px;
+    border-bottom: 1px solid var(--border-subtle-2);
 
     .actions {
       margin-left: auto;
@@ -13,7 +14,11 @@
   .body {
     height: 90vh;
     overflow-y: auto;
-    padding: var(--spacing-small);
+    padding: 16px;
+
+    > .select-participant {
+      margin-bottom: 16px;
+    }
   }
 
   .footer {
@@ -26,8 +31,8 @@
 }
 
 .modal-participant {
-  width: 20vw;
-  max-width: 20vw;
+  width: 40vw !important;
+  max-width: 40vw !important;
 
   .body {
     .participant-container {

package/dist/SentenceView/style.scss

@@ -7,7 +7,7 @@
     .table {
       width: 100%;
       margin-bottom: 8px;
-      font-size: var(--font-size-medium);
+      border-collapse: collapse;
 
       tbody {
         tr {
@@ -16,16 +16,16 @@
             min-width: 5vw;
             text-align: center;
             white-space: nowrap;
-            border: 1px solid var(--color-primary-alternative);
+            border: 1px solid var(--border-subtle-2);
             line-height: 32px;
 
             &.edited {
-              background-color: #fdfdd7;
+              background-color: var(--layer-hover-1);
             }
 
             &:first-child {
               position: absolute;
-              background-color: #fff;
+              background-color: var(--background-default);
               display: inline-block;
               font-weight: bolder;
               width: 8vw;
@@ -33,7 +33,8 @@
               left: 0;
               top: auto;
               cursor: default;
-              margin-left: 12px;
+              padding-left: 12px;
+              text-align: left;
             }
 
             &.split {
@@ -52,6 +53,12 @@
           }
         }
       }
+
+      &.table-striped {
+        tbody tr:nth-of-type(odd) {
+          background-color: var(--layer-hover-1);
+        }
+      }
     }
   }
 }

package/dist/TreeView/TreeViewSearch/style.scss

@@ -12,7 +12,7 @@
         display: block;
         margin-bottom: 8px;
         font-weight: 600;
-        color: var(--color-text-primary, #333);
+        color: var(--text-secondary);
       }
 
       .input-with-button {
@@ -23,13 +23,13 @@
         input {
           flex: 1;
           padding: 8px 12px;
-          border: 1px solid var(--color-border-default, #ddd);
-          border-radius: var(--border-radius-button, 4px);
+          border: var(--border-default);
+          border-radius: var(--radius-100);
           font-size: 14px;
 
           &:focus {
             outline: none;
-            border-color: var(--color-primary, #007bff);
+            border-color: var(--text-accent);
           }
         }
       }