@alfalab/core-components 43.1.2 → 43.1.3-beta.0

package/side-panel/modern/desktop/Component.desktop.js

@@ -0,0 +1,54 @@
+import React, { forwardRef, useContext, useRef, isValidElement, cloneElement } from 'react';
+import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
+import { Drawer } from '../../../drawer/modern';
+import { ContentDesktop } from '../components/content/Component.desktop.js';
+import { FooterDesktop } from '../components/footer/Component.desktop.js';
+import { Header } from '../components/header/Component.js';
+import { ResponsiveContext } from '../ResponsiveContext.js';
+import '../components/content/Component.js';
+import '../../../base-modal/modern';
+import '../components/footer/Component.js';
+import '../../../navigation-bar/modern';
+import '../Context.js';
+
+const styles = {"s":"side-panel__s_8mm6i","hidden":"side-panel__hidden_8mm6i"};
+require('./desktop.css');
+
+const transitions = {"enterRight":"side-panel__enterRight_z3wyj","enterLeft":"side-panel__enterLeft_z3wyj","enterActive":"side-panel__enterActive_z3wyj","exit":"side-panel__exit_z3wyj","exitActiveRight":"side-panel__exitActiveRight_z3wyj","exitActiveLeft":"side-panel__exitActiveLeft_z3wyj"};
+require('./transitions.desktop.css');
+
+const SidePanelDesktopComponent = forwardRef(({ size = 's', children, className, wrapperClassName, contentTransitionProps = {}, backdropProps, placement = 'right', ...restProps }, ref) => {
+    const responsiveContext = useContext(ResponsiveContext);
+    const modalRef = useRef(null);
+    const enterCn = cn({
+        [transitions.appearRight]: placement === 'right',
+        [transitions.appearLeft]: placement === 'left',
+    });
+    const exitCn = cn({
+        [transitions.exitActiveRight]: placement === 'right',
+        [transitions.exitActiveLeft]: placement === 'left',
+    });
+    const contextValue = React.useMemo(() => ({ size, view: 'desktop' }), [size]);
+    const renderContent = () => (React.createElement(Drawer, { ...restProps, ref: mergeRefs([ref, modalRef]), placement: placement, wrapperClassName: wrapperClassName, className: cn(className, styles[size], styles.hidden), backdropProps: backdropProps, contentTransitionProps: {
+            classNames: {
+                appear: enterCn,
+                enter: enterCn,
+                appearActive: transitions.enterActive,
+                enterActive: transitions.enterActive,
+                exit: transitions.exit,
+                exitActive: exitCn,
+                exitDone: exitCn,
+            },
+            ...contentTransitionProps,
+        } }, React.Children.map(children, (child) => isValidElement(child) ? cloneElement(child, { size }) : child)));
+    const renderWithContext = () => (React.createElement(ResponsiveContext.Provider, { value: contextValue }, renderContent()));
+    return responsiveContext ? renderContent() : renderWithContext();
+});
+const SidePanelDesktop = Object.assign(SidePanelDesktopComponent, {
+    Content: ContentDesktop,
+    Header,
+    Footer: FooterDesktop,
+});
+
+export { SidePanelDesktop };

package/side-panel/modern/desktop/desktop.css

@@ -0,0 +1,35 @@
+/* hash: 1h4pj */
+:root {
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
+
+    /* sizes */
+    --side-panel-s-width: 500px;
+
+    /* paddings */
+
+    /* scroll */
+
+    /* desktop */
+
+    /* mobile */
+
+    /* paddings */
+} .side-panel__s_8mm6i.side-panel__s_8mm6i {
+    width: var(--side-panel-s-width);
+} .side-panel__hidden_8mm6i {
+    overflow-x: hidden;
+}

package/side-panel/modern/desktop/index.d.ts

@@ -1,2 +1,2 @@
-export * from "../Component.desktop";
+export * from "./Component.desktop";
 export {};

package/side-panel/modern/desktop/index.js

@@ -1,4 +1,4 @@
-export { SidePanelDesktop } from '../Component.desktop.js';
+export { SidePanelDesktop } from './Component.desktop.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/side-panel/modern/desktop/transitions.desktop.css

@@ -0,0 +1,33 @@
+/* hash: tpnr3 */
+.side-panel__enterRight_z3wyj {
+    opacity: 0;
+    transform: translateX(15px);
+}
+
+.side-panel__enterLeft_z3wyj {
+    opacity: 0;
+    transform: translateX(-15px);
+}
+
+.side-panel__enterActive_z3wyj {
+    opacity: 1;
+    transform: translateX(0);
+    transition: opacity 200ms ease-in, transform 200ms ease-in;
+}
+
+.side-panel__exit_z3wyj {
+    opacity: 1;
+    transform: translateX(0);
+}
+
+.side-panel__exitActiveRight_z3wyj {
+    opacity: 0;
+    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    transform: translateX(15px);
+}
+
+.side-panel__exitActiveLeft_z3wyj {
+    opacity: 0;
+    transition: opacity 200ms ease-out, transform 200ms ease-out;
+    transform: translateX(-15px);
+}

package/side-panel/modern/index.js

@@ -7,14 +7,14 @@ import 'classnames';
 import '../../navigation-bar/modern';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
-import './Component.desktop.js';
+import './desktop/Component.desktop.js';
 import 'react-merge-refs';
 import '../../drawer/modern';
 import './components/content/Component.desktop.js';
 import './components/content/Component.js';
 import './components/footer/Component.desktop.js';
 import './components/footer/Component.js';
-import './Component.mobile.js';
+import './mobile/Component.mobile.js';
 import './components/content/Component.mobile.js';
 import './components/footer/Component.mobile.js';
 import './Context.js';

package/side-panel/modern/mobile/Component.mobile.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseModalProps } from "../../../base-modal";
+type SidePanelMobileProps = BaseModalProps & {
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean;
+};
+declare const SidePanelMobile: React.ForwardRefExoticComponent<BaseModalProps & {
+    /**
+     * Управление наличием закрывающего крестика
+     * @default false
+     */
+    hasCloser?: boolean | undefined;
+} & React.RefAttributes<HTMLDivElement>> & {
+    Content: React.FC<import("../components/content/Component").ContentProps>;
+    Header: React.FC<import("../components/header/Component").HeaderProps>;
+    Footer: React.FC<import("../components/footer/Component").FooterProps>;
+};
+export { SidePanelMobileProps, SidePanelMobile };

package/side-panel/modern/mobile/Component.mobile.js

@@ -0,0 +1,36 @@
+import React, { forwardRef, useContext } from 'react';
+import cn from 'classnames';
+import { BaseModal } from '../../../base-modal/modern';
+import { ContentMobile } from '../components/content/Component.mobile.js';
+import { FooterMobile } from '../components/footer/Component.mobile.js';
+import { Header } from '../components/header/Component.js';
+import { ResponsiveContext } from '../ResponsiveContext.js';
+import '../components/content/Component.js';
+import '../components/footer/Component.js';
+import '../../../navigation-bar/modern';
+import '../Context.js';
+
+const styles = {"component":"side-panel__component_19cvm","mobileContent":"side-panel__mobileContent_19cvm"};
+require('./mobile.css');
+
+const transitions = {"appear":"side-panel__appear_48wvn","enter":"side-panel__enter_48wvn","appearActive":"side-panel__appearActive_48wvn","enterActive":"side-panel__enterActive_48wvn","exit":"side-panel__exit_48wvn","exitActive":"side-panel__exitActive_48wvn","exitDone":"side-panel__exitDone_48wvn"};
+require('./transitions.mobile.css');
+
+const contextValue = { size: 's', view: 'mobile' };
+const SidePanelMobileComponent = forwardRef(({ children, className, transitionProps, ...restProps }, ref) => {
+    const responsiveContext = useContext(ResponsiveContext);
+    const renderContent = () => (React.createElement(BaseModal, { ...restProps, ref: ref, transitionProps: {
+            classNames: transitions,
+            ...transitionProps,
+        }, className: cn(className, styles.component), scrollHandler: 'content' },
+        React.createElement("div", { className: styles.mobileContent }, children)));
+    const renderWithContext = () => (React.createElement(ResponsiveContext.Provider, { value: contextValue }, renderContent()));
+    return responsiveContext ? renderContent() : renderWithContext();
+});
+const SidePanelMobile = Object.assign(SidePanelMobileComponent, {
+    Content: ContentMobile,
+    Header,
+    Footer: FooterMobile,
+});
+
+export { SidePanelMobile };

package/side-panel/modern/mobile/index.d.ts

@@ -1,2 +1,2 @@
-export * from "../Component.mobile";
+export * from "./Component.mobile";
 export {};

package/side-panel/modern/mobile/index.js

@@ -1,4 +1,4 @@
-export { SidePanelMobile } from '../Component.mobile.js';
+export { SidePanelMobile } from './Component.mobile.js';
 import 'react';
 import 'classnames';
 import '../../../base-modal/modern';

package/side-panel/modern/mobile/mobile.css

@@ -0,0 +1,45 @@
+/* hash: 7ui7p */
+:root {
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
+
+    /* sizes */
+
+    /* paddings */
+
+    /* scroll */
+
+    /* desktop */
+
+    /* mobile */
+
+    /* paddings */
+} .side-panel__component_19cvm {
+    top: 0;
+    height: 100%;
+    width: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+    max-width: 600px;
+} .side-panel__component_19cvm.side-panel__component_19cvm {
+    position: fixed;
+    flex: 1;
+} .side-panel__mobileContent_19cvm {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    flex: 1;
+}

package/side-panel/modern/mobile/transitions.mobile.css

@@ -0,0 +1,25 @@
+/* hash: mn72t */
+.side-panel__appear_48wvn,
+.side-panel__enter_48wvn {
+    opacity: 0;
+    transform: translateY(15px);
+}
+
+.side-panel__appearActive_48wvn,
+.side-panel__enterActive_48wvn {
+    opacity: 1;
+    transform: translateY(0);
+    transition: opacity 200ms ease-in, transform 200ms ease-in;
+}
+
+.side-panel__exit_48wvn {
+    opacity: 1;
+    transform: translateY(0);
+}
+
+.side-panel__exitActive_48wvn,
+.side-panel__exitDone_48wvn {
+    opacity: 0;
+    transform: translateY(15px);
+    transition: opacity 200ms ease-out, transform 200ms ease-out;
+}

package/skeleton/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"skeleton__component_meozy","animate":"skeleton__animate_meozy","background":"skeleton__background_meozy","gradient":"skeleton__gradient_meozy"};
+var styles = {"component":"skeleton__component_mo1n4","animate":"skeleton__animate_mo1n4","background":"skeleton__background_mo1n4","gradient":"skeleton__gradient_mo1n4"};
 require('./index.css');
 
 var Skeleton = function (_a) {

package/skeleton/esm/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"skeleton__component_meozy","animate":"skeleton__animate_meozy","background":"skeleton__background_meozy","gradient":"skeleton__gradient_meozy"};
+var styles = {"component":"skeleton__component_mo1n4","animate":"skeleton__animate_mo1n4","background":"skeleton__background_mo1n4","gradient":"skeleton__gradient_mo1n4"};
 require('./index.css');
 
 var Skeleton = function (_a) {

package/skeleton/esm/index.css

@@ -26,7 +26,7 @@
     --skeleton-gradient-animation-display: block;
     --skeleton-bg-animation-display: none;
     --skeleton-bg-animation-color: transparent;
-} .skeleton__component_meozy {
+} .skeleton__component_mo1n4 {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -39,9 +39,9 @@
 
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
-} .skeleton__component_meozy > * {
+} .skeleton__component_mo1n4 > * {
     visibility: hidden;
-} .skeleton__component_meozy:before {
+} .skeleton__component_mo1n4:before {
     content: '';
     position: absolute;
     top: 0;
@@ -49,9 +49,9 @@
     right: 0;
     bottom: 0;
     background: var(--skeleton-bg-animation-color);
-} .skeleton__animate_meozy:before {
+} .skeleton__animate_mo1n4:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_meozy;
+    animation-name: skeleton__background_mo1n4;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
@@ -59,10 +59,10 @@
     animation-play-state: running;
     opacity: 0.5;
 } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_meozy:before {
+    .skeleton__animate_mo1n4:before {
         opacity: 0.4;
     }
-} .skeleton__animate_meozy:after {
+} .skeleton__animate_mo1n4:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
     position: absolute;
@@ -71,7 +71,7 @@
     width: 500%;
     height: 100%;
     transform: translateX(-80%);
-    animation-name: skeleton__gradient_meozy;
+    animation-name: skeleton__gradient_mo1n4;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -83,7 +83,7 @@
         rgba(0, 0, 0, 0) 60%,
         rgba(0, 0, 0, 0)
     );
-} @keyframes skeleton__gradient_meozy {
+} @keyframes skeleton__gradient_mo1n4 {
     0% {
         transform: translateX(-80%);
     }
@@ -93,7 +93,7 @@
     100% {
         transform: translateX(0);
     }
-} @keyframes skeleton__background_meozy {
+} @keyframes skeleton__background_mo1n4 {
     0% {
         background: rgb(182, 188, 195);
     }

package/skeleton/index.css

@@ -26,7 +26,7 @@
     --skeleton-gradient-animation-display: block;
     --skeleton-bg-animation-display: none;
     --skeleton-bg-animation-color: transparent;
-} .skeleton__component_meozy {
+} .skeleton__component_mo1n4 {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -39,9 +39,9 @@
 
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
-} .skeleton__component_meozy > * {
+} .skeleton__component_mo1n4 > * {
     visibility: hidden;
-} .skeleton__component_meozy:before {
+} .skeleton__component_mo1n4:before {
     content: '';
     position: absolute;
     top: 0;
@@ -49,9 +49,9 @@
     right: 0;
     bottom: 0;
     background: var(--skeleton-bg-animation-color);
-} .skeleton__animate_meozy:before {
+} .skeleton__animate_mo1n4:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_meozy;
+    animation-name: skeleton__background_mo1n4;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
@@ -59,10 +59,10 @@
     animation-play-state: running;
     opacity: 0.5;
 } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_meozy:before {
+    .skeleton__animate_mo1n4:before {
         opacity: 0.4;
     }
-} .skeleton__animate_meozy:after {
+} .skeleton__animate_mo1n4:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
     position: absolute;
@@ -71,7 +71,7 @@
     width: 500%;
     height: 100%;
     transform: translateX(-80%);
-    animation-name: skeleton__gradient_meozy;
+    animation-name: skeleton__gradient_mo1n4;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -83,7 +83,7 @@
         rgba(0, 0, 0, 0) 60%,
         rgba(0, 0, 0, 0)
     );
-} @keyframes skeleton__gradient_meozy {
+} @keyframes skeleton__gradient_mo1n4 {
     0% {
         transform: translateX(-80%);
     }
@@ -93,7 +93,7 @@
     100% {
         transform: translateX(0);
     }
-} @keyframes skeleton__background_meozy {
+} @keyframes skeleton__background_mo1n4 {
     0% {
         background: rgb(182, 188, 195);
     }

package/skeleton/modern/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"component":"skeleton__component_meozy","animate":"skeleton__animate_meozy","background":"skeleton__background_meozy","gradient":"skeleton__gradient_meozy"};
+const styles = {"component":"skeleton__component_mo1n4","animate":"skeleton__animate_mo1n4","background":"skeleton__background_mo1n4","gradient":"skeleton__gradient_mo1n4"};
 require('./index.css');
 
 const Skeleton = ({ visible, animate = true, className, dataTestId, children, style, }) => {

package/skeleton/modern/index.css

@@ -26,7 +26,7 @@
     --skeleton-gradient-animation-display: block;
     --skeleton-bg-animation-display: none;
     --skeleton-bg-animation-color: transparent;
-} .skeleton__component_meozy {
+} .skeleton__component_mo1n4 {
     position: relative;
     display: var(--skeleton-display);
     vertical-align: middle;
@@ -39,9 +39,9 @@
 
     /* Safari overflow fix https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b */
     -webkit-mask-image: -webkit-radial-gradient(white, black);
-} .skeleton__component_meozy > * {
+} .skeleton__component_mo1n4 > * {
     visibility: hidden;
-} .skeleton__component_meozy:before {
+} .skeleton__component_mo1n4:before {
     content: '';
     position: absolute;
     top: 0;
@@ -49,9 +49,9 @@
     right: 0;
     bottom: 0;
     background: var(--skeleton-bg-animation-color);
-} .skeleton__animate_meozy:before {
+} .skeleton__animate_mo1n4:before {
     display: var(--skeleton-bg-animation-display);
-    animation-name: skeleton__background_meozy;
+    animation-name: skeleton__background_mo1n4;
     animation-duration: 0.5s;
     animation-iteration-count: infinite;
     animation-direction: alternate;
@@ -59,10 +59,10 @@
     animation-play-state: running;
     opacity: 0.5;
 } @supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
-    .skeleton__animate_meozy:before {
+    .skeleton__animate_mo1n4:before {
         opacity: 0.4;
     }
-} .skeleton__animate_meozy:after {
+} .skeleton__animate_mo1n4:after {
     display: var(--skeleton-gradient-animation-display);
     content: '';
     position: absolute;
@@ -71,7 +71,7 @@
     width: 500%;
     height: 100%;
     transform: translateX(-80%);
-    animation-name: skeleton__gradient_meozy;
+    animation-name: skeleton__gradient_mo1n4;
     animation-duration: 2s;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
@@ -83,7 +83,7 @@
         rgba(0, 0, 0, 0) 60%,
         rgba(0, 0, 0, 0)
     );
-} @keyframes skeleton__gradient_meozy {
+} @keyframes skeleton__gradient_mo1n4 {
     0% {
         transform: translateX(-80%);
     }
@@ -93,7 +93,7 @@
     100% {
         transform: translateX(0);
     }
-} @keyframes skeleton__background_meozy {
+} @keyframes skeleton__background_mo1n4 {
     0% {
         background: rgb(182, 188, 195);
     }

package/slider/Component.js

@@ -11,7 +11,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var noUiSlider__default = /*#__PURE__*/_interopDefaultCompat(noUiSlider);
 
-var styles = {"component":"slider__component_nl9tb","s":"slider__s_nl9tb","m":"slider__m_nl9tb"};
+var styles = {"component":"slider__component_11i84","s":"slider__s_11i84","m":"slider__m_11i84"};
 require('./index.css');
 
 var Slider = function (_a) {

package/slider/esm/Component.js

@@ -3,7 +3,7 @@ import React, { useRef, useEffect } from 'react';
 import cn from 'classnames';
 import noUiSlider from 'nouislider';
 
-var styles = {"component":"slider__component_nl9tb","s":"slider__s_nl9tb","m":"slider__m_nl9tb"};
+var styles = {"component":"slider__component_11i84","s":"slider__s_11i84","m":"slider__m_11i84"};
 require('./index.css');
 
 var Slider = function (_a) {