@consta/uikit 5.0.3 → 5.1.0

package/__internal__/src/components/Pagination/PaginationItem/PaginationItem.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","label","active","size","form","className","children"];import"./PaginationItem.css";import React,{forwardRef}from"react";import{cnMixFlex}from"../../../mixs/MixFlex";import{cnMixFocus}from"../../../mixs/MixFocus";import{cn}from"../../../utils/bem";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";var cnPaginationItem=cn("PaginationItem"),PaginationItemRender=function(a,b){var c=a.as,d=void 0===c?"button":c,e=a.label,f=a.active,g=a.size,h=void 0===g?paginationPropSizeDefault:g,i=a.form,j=void 0===i?paginationPropFormDefault:i,k=a.className,l=a.children,m=_objectWithoutProperties(a,_excluded);return React.createElement(d,Object.assign({},m,{className:cnPaginationItem({size:h,form:j,active:f},[k,cnMixFlex({align:"center",justify:"center",flex:"inline-flex"}),cnMixFocus()]),ref:b}),e)};export var PaginationItem=forwardRef(PaginationItemRender);
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["as","label","active","size","form","className","children","clickable"];import"./PaginationItem.css";import React,{forwardRef}from"react";import{cnButton}from"../../Button";import{cnMixFocus}from"../../../mixs/MixFocus";import{cn}from"../../../utils/bem";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";export var cnPaginationItem=cn("PaginationItem");var PaginationItemRender=function(a,b){var c=a.as,d=void 0===c?"button":c,e=a.label,f=a.active,g=a.size,h=void 0===g?paginationPropSizeDefault:g,i=a.form,j=void 0===i?paginationPropFormDefault:i,k=a.className,l=a.children,m=a.clickable,n=_objectWithoutProperties(a,_excluded);return React.createElement(d,Object.assign({},n,{className:cnPaginationItem({active:f,clickable:m,size:h},[k,cnButton({view:"clear",size:h,form:j,onlyIcon:!0}),m?cnMixFocus():void 0]),ref:b,tabIndex:m?void 0:-1}),e)};export var PaginationItem=forwardRef(PaginationItemRender);
 //# sourceMappingURL=PaginationItem.js.map

package/__internal__/src/components/Pagination/PaginationItem/PaginationItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationItem.js","names":["React","forwardRef","cnMixFlex","cnMixFocus","cn","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationItem","PaginationItemRender","props","ref","as","Tag","label","active","size","form","className","children","otherProps","align","justify","flex","PaginationItem"],"sources":["../../../../../../src/components/Pagination/PaginationItem/PaginationItem.tsx"],"sourcesContent":["import './PaginationItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cnMixFocus } from '##/mixs/MixFocus';\nimport { cn } from '##/utils/bem';\n\nimport {\n  PaginationItemComponent,\n  PaginationItemProps,\n  paginationPropFormDefault,\n  paginationPropSizeDefault,\n} from '../types';\n\nconst cnPaginationItem = cn('PaginationItem');\n\nconst PaginationItemRender = (\n  props: PaginationItemProps,\n  ref: React.Ref<HTMLButtonElement>,\n) => {\n  const {\n    as: Tag = 'button',\n    label,\n    active,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    className,\n    children,\n    ...otherProps\n  } = props;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnPaginationItem({ size, form, active }, [\n        className,\n        cnMixFlex({ align: 'center', justify: 'center', flex: 'inline-flex' }),\n        cnMixFocus(),\n      ])}\n      ref={ref}\n    >\n      {label}\n    </Tag>\n  );\n};\n\nexport const PaginationItem = forwardRef(\n  PaginationItemRender,\n) as PaginationItemComponent;\n"],"mappings":"gKAAA,6BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,SAAT,6BACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAEA,OAGEC,yBAHF,CAIEC,yBAJF,gB,GAOMC,iBAAgB,CAAGH,EAAE,CAAC,gBAAD,C,CAErBI,oBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGxB,CACH,MASID,CATJ,CACEE,EADF,CACMC,CADN,YACY,QADZ,GAEEC,CAFF,CASIJ,CATJ,CAEEI,KAFF,CAGEC,CAHF,CASIL,CATJ,CAGEK,MAHF,GASIL,CATJ,CAIEM,IAJF,CAIEA,CAJF,YAIST,yBAJT,KASIG,CATJ,CAKEO,IALF,CAKEA,CALF,YAKSX,yBALT,GAMEY,CANF,CASIR,CATJ,CAMEQ,SANF,CAOEC,CAPF,CASIT,CATJ,CAOES,QAPF,CAQKC,CARL,0BASIV,CATJ,YAWA,MACE,qBAAC,CAAD,kBACMU,CADN,EAEE,SAAS,CAAEZ,gBAAgB,CAAC,CAAEQ,IAAI,CAAJA,CAAF,CAAQC,IAAI,CAAJA,CAAR,CAAcF,MAAM,CAANA,CAAd,CAAD,CAAyB,CAClDG,CADkD,CAElDf,SAAS,CAAC,CAAEkB,KAAK,CAAE,QAAT,CAAmBC,OAAO,CAAE,QAA5B,CAAsCC,IAAI,CAAE,aAA5C,CAAD,CAFyC,CAGlDnB,UAAU,EAHwC,CAAzB,CAF7B,CAOE,GAAG,CAAEO,CAPP,GASGG,CATH,CAYH,C,CAED,MAAO,IAAMU,eAAc,CAAGtB,UAAU,CACtCO,oBADsC,CAAjC"}
+{"version":3,"file":"PaginationItem.js","names":["React","forwardRef","cnButton","cnMixFocus","cn","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationItem","PaginationItemRender","props","ref","as","Tag","label","active","size","form","className","children","clickable","otherProps","view","onlyIcon","PaginationItem"],"sources":["../../../../../../src/components/Pagination/PaginationItem/PaginationItem.tsx"],"sourcesContent":["import './PaginationItem.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cnButton } from '##/components/Button';\nimport { cnMixFocus } from '##/mixs/MixFocus';\nimport { cn } from '##/utils/bem';\n\nimport {\n  PaginationItemComponent,\n  PaginationItemProps,\n  paginationPropFormDefault,\n  paginationPropSizeDefault,\n} from '../types';\n\nexport const cnPaginationItem = cn('PaginationItem');\n\nconst PaginationItemRender = (\n  props: PaginationItemProps,\n  ref: React.Ref<HTMLButtonElement>,\n) => {\n  const {\n    as: Tag = 'button',\n    label,\n    active,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    className,\n    children,\n    clickable,\n    ...otherProps\n  } = props;\n\n  return (\n    <Tag\n      {...otherProps}\n      className={cnPaginationItem({ active, clickable, size }, [\n        className,\n        cnButton({ view: 'clear', size, form, onlyIcon: true }),\n        clickable ? cnMixFocus() : undefined,\n      ])}\n      ref={ref}\n      tabIndex={clickable ? undefined : -1}\n    >\n      {label}\n    </Tag>\n  );\n};\n\nexport const PaginationItem = forwardRef(\n  PaginationItemRender,\n) as PaginationItemComponent;\n"],"mappings":"4KAAA,6BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,QAAT,oBACA,OAASC,UAAT,8BACA,OAASC,EAAT,0BAEA,OAGEC,yBAHF,CAIEC,yBAJF,gBAOA,MAAO,IAAMC,iBAAgB,CAAGH,EAAE,CAAC,gBAAD,CAA3B,CAEP,GAAMI,qBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGxB,CACH,MAUID,CAVJ,CACEE,EADF,CACMC,CADN,YACY,QADZ,GAEEC,CAFF,CAUIJ,CAVJ,CAEEI,KAFF,CAGEC,CAHF,CAUIL,CAVJ,CAGEK,MAHF,GAUIL,CAVJ,CAIEM,IAJF,CAIEA,CAJF,YAIST,yBAJT,KAUIG,CAVJ,CAKEO,IALF,CAKEA,CALF,YAKSX,yBALT,GAMEY,CANF,CAUIR,CAVJ,CAMEQ,SANF,CAOEC,CAPF,CAUIT,CAVJ,CAOES,QAPF,CAQEC,CARF,CAUIV,CAVJ,CAQEU,SARF,CASKC,CATL,0BAUIX,CAVJ,YAYA,MACE,qBAAC,CAAD,kBACMW,CADN,EAEE,SAAS,CAAEb,gBAAgB,CAAC,CAAEO,MAAM,CAANA,CAAF,CAAUK,SAAS,CAATA,CAAV,CAAqBJ,IAAI,CAAJA,CAArB,CAAD,CAA8B,CACvDE,CADuD,CAEvDf,QAAQ,CAAC,CAAEmB,IAAI,CAAE,OAAR,CAAiBN,IAAI,CAAJA,CAAjB,CAAuBC,IAAI,CAAJA,CAAvB,CAA6BM,QAAQ,GAArC,CAAD,CAF+C,CAGvDH,CAAS,CAAGhB,UAAU,EAAb,OAH8C,CAA9B,CAF7B,CAOE,GAAG,CAAEO,CAPP,CAQE,QAAQ,CAAES,CAAS,QAAe,CAAC,CARrC,GAUGN,CAVH,CAaH,CA9BD,CAgCA,MAAO,IAAMU,eAAc,CAAGtB,UAAU,CACtCO,oBADsC,CAAjC"}

package/__internal__/src/components/Pagination/PaginationList/PaginationList.css

@@ -1 +1 @@
-.PaginationList{width:-moz-max-content;width:max-content}
+.PaginationList{display:flex;gap:var(--pagination-gap);width:-moz-max-content;width:max-content}.PaginationList-Item.Button.PaginationItem{width:calc(var(--pagination-item-label-lenght)*var(--pagination-symbol-size) + var(--pagination-item-ph)*2)}

package/__internal__/src/components/Pagination/PaginationList/PaginationList.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","getItemLabel","getItemRef","getItemAs","getItemKey","getItemAttributes","getItemClickable","getItemOnClick","onItemClick","value","size","form","className"];import"./PaginationList.css";import React,{forwardRef}from"react";import{cnMixFlex}from"../../../mixs/MixFlex";import{cn}from"../../../utils/bem";import{defaultGetItemLabel}from"../helpers";import{PaginationItem}from"../PaginationItem";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";var cnPaginationList=cn("PaginationList"),PaginationListRender=function(a,b){var c=a.items,d=a.getItemLabel,e=void 0===d?defaultGetItemLabel:d,f=a.getItemRef,g=a.getItemAs,h=a.getItemKey,i=a.getItemAttributes,j=a.getItemClickable,k=a.getItemOnClick,l=a.onItemClick,m=a.value,n=a.size,o=void 0===n?paginationPropSizeDefault:n,p=a.form,q=void 0===p?paginationPropFormDefault:p,r=a.className,s=_objectWithoutProperties(a,_excluded),t=function(a){var b,c=null!==(b=null===i||void 0===i?void 0:i(a))&&void 0!==b?b:{},d=!!m&&(null===h||void 0===h?void 0:h(a))===(null===h||void 0===h?void 0:h(m));return React.createElement(PaginationItem,Object.assign({},c,{form:q,size:o,onClick:function handleClick(b){var c;null===k||void 0===k||null===(c=k(a))||void 0===c?void 0:c(b),null===l||void 0===l?void 0:l(a,{e:b})},label:e(a),active:d,ref:null===f||void 0===f?void 0:f(a),as:null!==j&&void 0!==j&&j(a)?"div":null===g||void 0===g?void 0:g(a)}))};return React.createElement("div",Object.assign({ref:b,className:cnPaginationList(null,[r,cnMixFlex({gap:"3xs",wrap:"nowrap"})])},s),c.map(function(a){return React.createElement(React.Fragment,{key:cnPaginationList("Item",{key:h(a)})},t(a))}))};export var PaginationList=forwardRef(PaginationListRender);
+import _defineProperty from"@babel/runtime/helpers/defineProperty";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["items","getItemLabel","getItemRef","getItemAs","getItemKey","getItemAttributes","getItemClickable","getItemOnClick","onItemClick","value","size","form","className"];import"./PaginationList.css";import React,{forwardRef}from"react";import{cn}from"../../../utils/bem";import{defaultGetItemLabel,pageSeparatorLabel}from"../helpers";import{PaginationItem}from"../PaginationItem";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";var cnPaginationList=cn("PaginationList"),PaginationListRender=function(a,b){var c=a.items,d=a.getItemLabel,e=void 0===d?defaultGetItemLabel:d,f=a.getItemRef,g=a.getItemAs,h=a.getItemKey,i=a.getItemAttributes,j=a.getItemClickable,k=a.getItemOnClick,l=a.onItemClick,m=a.value,n=a.size,o=void 0===n?paginationPropSizeDefault:n,p=a.form,q=void 0===p?paginationPropFormDefault:p,r=a.className,s=_objectWithoutProperties(a,_excluded);return React.createElement("div",Object.assign({},s,{ref:b,className:cnPaginationList(null,[r])}),c.map(function(a){var b,c=(null===i||void 0===i?void 0:i(a))||{};return React.createElement(PaginationItem,Object.assign({},c,{className:cnPaginationList("Item",[null===c||void 0===c?void 0:c.className]),form:q,size:o,onClick:function onClick(b){var c;null===k||void 0===k||null===(c=k(a))||void 0===c?void 0:c(b),null===l||void 0===l?void 0:l(a,{e:b})},label:e(a),active:!!m&&(null===h||void 0===h?void 0:h(a))===(null===h||void 0===h?void 0:h(m)),ref:null===f||void 0===f?void 0:f(a),as:null===g||void 0===g?void 0:g(a),clickable:null===j||void 0===j?void 0:j(a),key:h(a),style:_defineProperty({},"--pagination-item-label-lenght",a.label===pageSeparatorLabel?1:null===(b=a.label)||void 0===b?void 0:b.length)}))}))};export var PaginationList=forwardRef(PaginationListRender);
 //# sourceMappingURL=PaginationList.js.map

package/__internal__/src/components/Pagination/PaginationList/PaginationList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationList.js","names":["React","forwardRef","cnMixFlex","cn","defaultGetItemLabel","PaginationItem","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationList","PaginationListRender","props","ref","items","getItemLabel","getItemRef","getItemAs","getItemKey","getItemAttributes","getItemClickable","getItemOnClick","onItemClick","value","size","form","className","otherProps","renderItem","item","attributes","active","handleClick","e","gap","wrap","map","key","PaginationList"],"sources":["../../../../../../src/components/Pagination/PaginationList/PaginationList.tsx"],"sourcesContent":["import './PaginationList.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\n\nimport { defaultGetItemLabel } from '../helpers';\nimport { PaginationItem } from '../PaginationItem';\nimport {\n  PaginationBaseItemDefault,\n  PaginationListComponent,\n  PaginationListProps,\n  paginationPropFormDefault,\n  paginationPropSizeDefault,\n} from '../types';\n\nconst cnPaginationList = cn('PaginationList');\n\nconst PaginationListRender = <ITEM extends PaginationBaseItemDefault>(\n  props: PaginationListProps<ITEM>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items,\n    getItemLabel = defaultGetItemLabel,\n    getItemRef,\n    getItemAs,\n    getItemKey,\n    getItemAttributes,\n    getItemClickable,\n    getItemOnClick,\n    onItemClick,\n    value,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    className,\n    ...otherProps\n  } = props;\n\n  const renderItem = (item: ITEM) => {\n    const handleClick: React.MouseEventHandler = (e) => {\n      getItemOnClick?.(item)?.(e);\n      onItemClick?.(item, { e });\n    };\n\n    const attributes = getItemAttributes?.(item) ?? {};\n\n    const active = value ? getItemKey?.(item) === getItemKey?.(value) : false;\n\n    return (\n      <PaginationItem\n        {...attributes}\n        form={form}\n        size={size}\n        onClick={handleClick}\n        label={getItemLabel(item)}\n        active={active}\n        ref={getItemRef?.(item)}\n        as={getItemClickable?.(item) ? 'div' : getItemAs?.(item)}\n      />\n    );\n  };\n\n  return (\n    <div\n      ref={ref}\n      className={cnPaginationList(null, [\n        className,\n        cnMixFlex({ gap: '3xs', wrap: 'nowrap' }),\n      ])}\n      {...otherProps}\n    >\n      {items.map((item) => (\n        <React.Fragment\n          key={cnPaginationList('Item', { key: getItemKey(item) })}\n        >\n          {renderItem(item)}\n        </React.Fragment>\n      ))}\n    </div>\n  );\n};\n\nexport const PaginationList = forwardRef(\n  PaginationListRender,\n) as PaginationListComponent;\n"],"mappings":"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"}
+{"version":3,"file":"PaginationList.js","names":["React","forwardRef","cn","defaultGetItemLabel","pageSeparatorLabel","PaginationItem","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationList","PaginationListRender","props","ref","items","getItemLabel","getItemRef","getItemAs","getItemKey","getItemAttributes","getItemClickable","getItemOnClick","onItemClick","value","size","form","className","otherProps","map","item","attr","e","label","length","PaginationList"],"sources":["../../../../../../src/components/Pagination/PaginationList/PaginationList.tsx"],"sourcesContent":["import './PaginationList.css';\n\nimport React, { forwardRef } from 'react';\n\nimport { cn } from '##/utils/bem';\n\nimport { defaultGetItemLabel, pageSeparatorLabel } from '../helpers';\nimport { PaginationItem } from '../PaginationItem';\nimport {\n  PaginationBaseItemDefault,\n  PaginationListComponent,\n  PaginationListProps,\n  paginationPropFormDefault,\n  paginationPropSizeDefault,\n} from '../types';\n\nconst cnPaginationList = cn('PaginationList');\n\nconst PaginationListRender = <ITEM extends PaginationBaseItemDefault>(\n  props: PaginationListProps<ITEM>,\n  ref: React.Ref<HTMLDivElement>,\n) => {\n  const {\n    items,\n    getItemLabel = defaultGetItemLabel,\n    getItemRef,\n    getItemAs,\n    getItemKey,\n    getItemAttributes,\n    getItemClickable,\n    getItemOnClick,\n    onItemClick,\n    value,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    className,\n    ...otherProps\n  } = props;\n\n  return (\n    <div\n      {...otherProps}\n      ref={ref}\n      className={cnPaginationList(null, [className])}\n    >\n      {items.map((item) => {\n        const attr = getItemAttributes?.(item) || {};\n        return (\n          <PaginationItem\n            {...attr}\n            className={cnPaginationList('Item', [attr?.className])}\n            form={form}\n            size={size}\n            onClick={(e: React.MouseEvent<Element, MouseEvent>) => {\n              getItemOnClick?.(item)?.(e);\n              onItemClick?.(item, { e });\n            }}\n            label={getItemLabel(item)}\n            active={value ? getItemKey?.(item) === getItemKey?.(value) : false}\n            ref={getItemRef?.(item)}\n            as={getItemAs?.(item)}\n            clickable={getItemClickable?.(item)}\n            key={getItemKey(item)}\n            style={{\n              ['--pagination-item-label-lenght' as string]:\n                item.label === pageSeparatorLabel ? 1 : item.label?.length,\n            }}\n          />\n        );\n      })}\n    </div>\n  );\n};\n\nexport const PaginationList = forwardRef(\n  PaginationListRender,\n) as PaginationListComponent;\n"],"mappings":"6UAAA,6BAEA,MAAOA,MAAP,EAAgBC,UAAhB,KAAkC,OAAlC,CAEA,OAASC,EAAT,0BAEA,OAASC,mBAAT,CAA8BC,kBAA9B,kBACA,OAASC,cAAT,yBACA,OAIEC,yBAJF,CAKEC,yBALF,gB,GAQMC,iBAAgB,CAAGN,EAAE,CAAC,gBAAD,C,CAErBO,oBAAoB,CAAG,SAC3BC,CAD2B,CAE3BC,CAF2B,CAGxB,CACH,GACEC,EADF,CAeIF,CAfJ,CACEE,KADF,GAeIF,CAfJ,CAEEG,YAFF,CAEEA,CAFF,YAEiBV,mBAFjB,GAGEW,CAHF,CAeIJ,CAfJ,CAGEI,UAHF,CAIEC,CAJF,CAeIL,CAfJ,CAIEK,SAJF,CAKEC,CALF,CAeIN,CAfJ,CAKEM,UALF,CAMEC,CANF,CAeIP,CAfJ,CAMEO,iBANF,CAOEC,CAPF,CAeIR,CAfJ,CAOEQ,gBAPF,CAQEC,CARF,CAeIT,CAfJ,CAQES,cARF,CASEC,CATF,CAeIV,CAfJ,CASEU,WATF,CAUEC,CAVF,CAeIX,CAfJ,CAUEW,KAVF,GAeIX,CAfJ,CAWEY,IAXF,CAWEA,CAXF,YAWSf,yBAXT,KAeIG,CAfJ,CAYEa,IAZF,CAYEA,CAZF,YAYSjB,yBAZT,GAaEkB,CAbF,CAeId,CAfJ,CAaEc,SAbF,CAcKC,CAdL,0BAeIf,CAfJ,YAiBA,MACE,4CACMe,CADN,EAEE,GAAG,CAAEd,CAFP,CAGE,SAAS,CAAEH,gBAAgB,CAAC,IAAD,CAAO,CAACgB,CAAD,CAAP,CAH7B,GAKGZ,CAAK,CAACc,GAAN,CAAU,SAACC,CAAD,CAAU,OACbC,CAAI,CAAG,QAAAX,CAAiB,WAAjBA,CAAA,QAAAA,CAAiB,CAAGU,CAAH,CAAjB,GAA6B,EADvB,CAEnB,MACE,qBAAC,cAAD,kBACMC,CADN,EAEE,SAAS,CAAEpB,gBAAgB,CAAC,MAAD,CAAS,QAACoB,CAAD,WAACA,CAAD,QAACA,CAAI,CAAEJ,SAAP,CAAT,CAF7B,CAGE,IAAI,CAAED,CAHR,CAIE,IAAI,CAAED,CAJR,CAKE,OAAO,CAAE,iBAACO,CAAD,CAA8C,cACrDV,CADqD,WACrDA,CADqD,YACrDA,CAAc,CAAGQ,CAAH,CADuC,qBACrD,EAAyBE,CAAzB,CADqD,QAErDT,CAFqD,WAErDA,CAFqD,QAErDA,CAAW,CAAGO,CAAH,CAAS,CAAEE,CAAC,CAADA,CAAF,CAAT,CACZ,CARH,CASE,KAAK,CAAEhB,CAAY,CAACc,CAAD,CATrB,CAUE,MAAM,GAAEN,CAAF,EAAU,QAAAL,CAAU,WAAVA,CAAA,QAAAA,CAAU,CAAGW,CAAH,CAAV,YAAuBX,CAAvB,WAAuBA,CAAvB,QAAuBA,CAAU,CAAGK,CAAH,CAAjC,CAVlB,CAWE,GAAG,QAAEP,CAAF,WAAEA,CAAF,QAAEA,CAAU,CAAGa,CAAH,CAXjB,CAYE,EAAE,QAAEZ,CAAF,WAAEA,CAAF,QAAEA,CAAS,CAAGY,CAAH,CAZf,CAaE,SAAS,QAAET,CAAF,WAAEA,CAAF,QAAEA,CAAgB,CAAGS,CAAH,CAb7B,CAcE,GAAG,CAAEX,CAAU,CAACW,CAAD,CAdjB,CAeE,KAAK,oBACF,gCADE,CAEDA,CAAI,CAACG,KAAL,GAAe1B,kBAAf,CAAoC,CAApC,WAAwCuB,CAAI,CAACG,KAA7C,qBAAwC,EAAYC,MAFnD,CAfP,GAqBH,CAxBA,CALH,CAgCH,C,CAED,MAAO,IAAMC,eAAc,CAAG/B,UAAU,CACtCQ,oBADsC,CAAjC"}

package/__internal__/src/components/Pagination/PaginationNumberInput/PaginationNumberInput.js

@@ -1,2 +1,2 @@
-import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["value","onChange","total","getTotalLabel","size","form","className"];import"./PaginationNumberInput.css";import React,{forwardRef,useCallback,useEffect,useMemo}from"react";import{useIMask}from"react-imask";import{Text}from"../../Text";import{TextField}from"../../TextField";import{useMutableRef}from"../../../hooks/useMutableRef";import{cnMixFlex}from"../../../mixs/MixFlex";import{cn}from"../../../utils/bem";import{isNotNil}from"../../../utils/type-guards";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";var cnPaginationNumberInput=cn("PaginationNumberInput"),defaultGetTotalLabel=function(a){return"\u0438\u0437 ".concat(a)};export var PaginationNumberInput=forwardRef(function(a,b){var c=a.value,d=a.onChange,f=a.total,g=a.getTotalLabel,h=void 0===g?defaultGetTotalLabel:g,i=a.size,j=void 0===i?paginationPropSizeDefault:i,k=a.form,l=void 0===k?paginationPropFormDefault:k,m=a.className,n=_objectWithoutProperties(a,_excluded),o=useIMask({mask:Number,scale:0,min:1,max:f}),p=o.ref,q=o.value,r=o.setValue,s=useMutableRef(d),t=useMutableRef(q),u=useMutableRef(r),v=useMemo(function(){return{ArrowUp:function ArrowUp(a){a.preventDefault();var b=Math.max(Math.min(+t.current+1,f),1);u.current(b.toString())},ArrowDown:function ArrowDown(a){a.preventDefault();var b=Math.max(Math.min(+t.current-1,f),1);u.current(b.toString())},Enter:function Enter(a){if(a.preventDefault(),+t.current){var b;null===(b=s.current)||void 0===b?void 0:b.call(s,+t.current,{e:a})}}}},[f]),w=useCallback(function(a){var b;a.stopPropagation(),null===(b=v[a.key])||void 0===b?void 0:b.call(v,a)},[v]);return useEffect(function(){var a=(null===c||void 0===c?void 0:c.toString())||"";a!==t.current&&u.current(a)},[c]),React.createElement("div",Object.assign({},n,{className:cnPaginationNumberInput({size:j},[cnMixFlex({align:"center",justify:"center",gap:"xs"}),m]),ref:b}),React.createElement(TextField,{defaultValue:c?c.toString():void 0,size:j,form:l,inputRef:p,onKeyDown:w,className:cnPaginationNumberInput("Input")}),isNotNil(f)&&React.createElement(Text,{className:cnPaginationNumberInput("Total"),size:j},h(f)))});
+import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["value","onChange","total","getTotalLabel","size","form","className"];import"./PaginationNumberInput.css";import React,{forwardRef,useCallback,useEffect,useMemo}from"react";import{useIMask}from"react-imask";import{Text}from"../../Text";import{TextField}from"../../TextField";import{useMutableRef}from"../../../hooks/useMutableRef";import{cnMixFlex}from"../../../mixs/MixFlex";import{cn}from"../../../utils/bem";import{isNotNil}from"../../../utils/type-guards";import{paginationPropFormDefault,paginationPropSizeDefault}from"../types";var cnPaginationNumberInput=cn("PaginationNumberInput"),defaultGetTotalLabel=function(a){return"\u0438\u0437 ".concat(a)};export var PaginationNumberInput=forwardRef(function(a,b){var c=a.value,d=a.onChange,f=a.total,g=a.getTotalLabel,h=void 0===g?defaultGetTotalLabel:g,i=a.size,j=void 0===i?paginationPropSizeDefault:i,k=a.form,l=void 0===k?paginationPropFormDefault:k,m=a.className,n=_objectWithoutProperties(a,_excluded),o=useIMask({mask:Number,scale:0,min:1,max:f}),p=o.ref,q=o.value,r=o.setValue,s=useMutableRef(d),t=useMutableRef(q),u=useMutableRef(r),v=useMemo(function(){return{ArrowUp:function ArrowUp(a){a.preventDefault();var b=Math.max(Math.min(+t.current+1,f),1);u.current(b.toString())},ArrowDown:function ArrowDown(a){a.preventDefault();var b=Math.max(Math.min(+t.current-1,f),1);u.current(b.toString())},Enter:function Enter(a){if(a.preventDefault(),+t.current){var b;null===(b=s.current)||void 0===b?void 0:b.call(s,+t.current,{e:a.nativeEvent})}}}},[f]),w=useCallback(function(a){var b;a.stopPropagation(),null===(b=v[a.key])||void 0===b?void 0:b.call(v,a)},[v]);return useEffect(function(){var a=(null===c||void 0===c?void 0:c.toString())||"";a!==t.current&&u.current(a)},[c]),React.createElement("div",Object.assign({},n,{className:cnPaginationNumberInput({size:j},[cnMixFlex({align:"center",justify:"center",gap:"xs"}),m]),ref:b}),React.createElement(TextField,{defaultValue:c?c.toString():void 0,size:j,form:l,inputRef:p,onKeyDown:w,className:cnPaginationNumberInput("Input")}),isNotNil(f)&&React.createElement(Text,{className:cnPaginationNumberInput("Total"),size:j},h(f)))});
 //# sourceMappingURL=PaginationNumberInput.js.map

package/__internal__/src/components/Pagination/PaginationNumberInput/PaginationNumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationNumberInput.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useIMask","Text","TextField","useMutableRef","cnMixFlex","cn","isNotNil","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationNumberInput","defaultGetTotalLabel","pages","PaginationNumberInput","props","ref","value","onChange","total","getTotalLabel","size","form","className","otherProps","mask","Number","scale","min","max","inputRef","stringValue","setStringValue","setValue","onChangeRef","stringValueRef","setStringValueRef","keysMap","ArrowUp","e","preventDefault","Math","current","toString","ArrowDown","Enter","handleKeyDown","stopPropagation","key","newValue","align","justify","gap"],"sources":["../../../../../../src/components/Pagination/PaginationNumberInput/PaginationNumberInput.tsx"],"sourcesContent":["import './PaginationNumberInput.css';\n\nimport React, { forwardRef, useCallback, useEffect, useMemo } from 'react';\nimport { ReactMaskOpts, useIMask } from 'react-imask';\n\nimport { Text } from '##/components/Text';\nimport { TextField } from '##/components/TextField';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport {\n  PaginationNumberInputProps,\n  paginationPropFormDefault,\n  paginationPropSizeDefault,\n} from '../types';\n\nconst cnPaginationNumberInput = cn('PaginationNumberInput');\n\nconst defaultGetTotalLabel = (pages: number) => `из ${pages}`;\n\nexport const PaginationNumberInput = forwardRef<\n  HTMLDivElement,\n  PaginationNumberInputProps\n>((props, ref) => {\n  const {\n    value,\n    onChange,\n    total,\n    getTotalLabel = defaultGetTotalLabel,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    className,\n    ...otherProps\n  } = props;\n\n  const {\n    ref: inputRef,\n    value: stringValue,\n    setValue: setStringValue,\n  } = useIMask<HTMLInputElement, ReactMaskOpts>({\n    mask: Number,\n    scale: 0,\n    min: 1,\n    max: total,\n  });\n\n  const onChangeRef = useMutableRef(onChange);\n  const stringValueRef = useMutableRef(stringValue);\n  const setStringValueRef = useMutableRef(setStringValue);\n\n  const keysMap: Record<string, React.KeyboardEventHandler> = useMemo(() => {\n    return {\n      ArrowUp: (e) => {\n        e.preventDefault();\n        const value = Math.max(\n          Math.min(Number(stringValueRef.current) + 1, total),\n          1,\n        );\n        setStringValueRef.current(value.toString());\n      },\n\n      ArrowDown: (e) => {\n        e.preventDefault();\n        const value = Math.max(\n          Math.min(Number(stringValueRef.current) - 1, total),\n          1,\n        );\n        setStringValueRef.current(value.toString());\n      },\n\n      Enter: (e) => {\n        e.preventDefault();\n        if (Number(stringValueRef.current)) {\n          onChangeRef.current?.(Number(stringValueRef.current), { e });\n        }\n      },\n    };\n  }, [total]);\n\n  const handleKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      e.stopPropagation();\n      keysMap[e.key]?.(e);\n    },\n    [keysMap],\n  );\n\n  useEffect(() => {\n    const newValue = value?.toString() || '';\n    if (newValue !== stringValueRef.current) {\n      setStringValueRef.current(newValue);\n    }\n  }, [value]);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnPaginationNumberInput({ size }, [\n        cnMixFlex({ align: 'center', justify: 'center', gap: 'xs' }),\n        className,\n      ])}\n      ref={ref}\n    >\n      <TextField\n        defaultValue={value ? value.toString() : undefined}\n        size={size}\n        form={form}\n        inputRef={inputRef}\n        onKeyDown={handleKeyDown}\n        className={cnPaginationNumberInput('Input')}\n      />\n      {isNotNil(total) && (\n        <Text className={cnPaginationNumberInput('Total')} size={size}>\n          {getTotalLabel(total)}\n        </Text>\n      )}\n    </div>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"PaginationNumberInput.js","names":["React","forwardRef","useCallback","useEffect","useMemo","useIMask","Text","TextField","useMutableRef","cnMixFlex","cn","isNotNil","paginationPropFormDefault","paginationPropSizeDefault","cnPaginationNumberInput","defaultGetTotalLabel","pages","PaginationNumberInput","props","ref","value","onChange","total","getTotalLabel","size","form","className","otherProps","mask","Number","scale","min","max","inputRef","stringValue","setStringValue","setValue","onChangeRef","stringValueRef","setStringValueRef","keysMap","ArrowUp","e","preventDefault","Math","current","toString","ArrowDown","Enter","nativeEvent","handleKeyDown","stopPropagation","key","newValue","align","justify","gap"],"sources":["../../../../../../src/components/Pagination/PaginationNumberInput/PaginationNumberInput.tsx"],"sourcesContent":["import './PaginationNumberInput.css';\n\nimport React, { forwardRef, useCallback, useEffect, useMemo } from 'react';\nimport { ReactMaskOpts, useIMask } from 'react-imask';\n\nimport { Text } from '##/components/Text';\nimport { TextField } from '##/components/TextField';\nimport { useMutableRef } from '##/hooks/useMutableRef';\nimport { cnMixFlex } from '##/mixs/MixFlex';\nimport { cn } from '##/utils/bem';\nimport { isNotNil } from '##/utils/type-guards';\n\nimport {\n  PaginationNumberInputProps,\n  paginationPropFormDefault,\n  paginationPropSizeDefault,\n} from '../types';\n\nconst cnPaginationNumberInput = cn('PaginationNumberInput');\n\nconst defaultGetTotalLabel = (pages: number) => `из ${pages}`;\n\nexport const PaginationNumberInput = forwardRef<\n  HTMLDivElement,\n  PaginationNumberInputProps\n>((props, ref) => {\n  const {\n    value,\n    onChange,\n    total,\n    getTotalLabel = defaultGetTotalLabel,\n    size = paginationPropSizeDefault,\n    form = paginationPropFormDefault,\n    className,\n    ...otherProps\n  } = props;\n\n  const {\n    ref: inputRef,\n    value: stringValue,\n    setValue: setStringValue,\n  } = useIMask<HTMLInputElement, ReactMaskOpts>({\n    mask: Number,\n    scale: 0,\n    min: 1,\n    max: total,\n  });\n\n  const onChangeRef = useMutableRef(onChange);\n  const stringValueRef = useMutableRef(stringValue);\n  const setStringValueRef = useMutableRef(setStringValue);\n\n  const keysMap: Record<string, React.KeyboardEventHandler> = useMemo(() => {\n    return {\n      ArrowUp: (e) => {\n        e.preventDefault();\n        const value = Math.max(\n          Math.min(Number(stringValueRef.current) + 1, total),\n          1,\n        );\n        setStringValueRef.current(value.toString());\n      },\n\n      ArrowDown: (e) => {\n        e.preventDefault();\n        const value = Math.max(\n          Math.min(Number(stringValueRef.current) - 1, total),\n          1,\n        );\n        setStringValueRef.current(value.toString());\n      },\n\n      Enter: (e) => {\n        e.preventDefault();\n        if (Number(stringValueRef.current)) {\n          onChangeRef.current?.(Number(stringValueRef.current), {\n            e: e.nativeEvent,\n          });\n        }\n      },\n    };\n  }, [total]);\n\n  const handleKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      e.stopPropagation();\n      keysMap[e.key]?.(e);\n    },\n    [keysMap],\n  );\n\n  useEffect(() => {\n    const newValue = value?.toString() || '';\n    if (newValue !== stringValueRef.current) {\n      setStringValueRef.current(newValue);\n    }\n  }, [value]);\n\n  return (\n    <div\n      {...otherProps}\n      className={cnPaginationNumberInput({ size }, [\n        cnMixFlex({ align: 'center', justify: 'center', gap: 'xs' }),\n        className,\n      ])}\n      ref={ref}\n    >\n      <TextField\n        defaultValue={value ? value.toString() : undefined}\n        size={size}\n        form={form}\n        inputRef={inputRef}\n        onKeyDown={handleKeyDown}\n        className={cnPaginationNumberInput('Input')}\n      />\n      {isNotNil(total) && (\n        <Text className={cnPaginationNumberInput('Total')} size={size}>\n          {getTotalLabel(total)}\n        </Text>\n      )}\n    </div>\n  );\n});\n"],"mappings":"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"}

package/__internal__/src/components/Pagination/PaginationSizeCalculateHelper/PaginationSizeCalculateHelper.css

@@ -0,0 +1 @@
+.PaginationSizeCalculateHelper{left:-1000vh;opacity:0;pointer-events:none;position:fixed;top:-1000vh}.PaginationSizeCalculateHelper-FakeButtonContainer{display:inline-flex;gap:var(--pagination-gap)}

package/__internal__/src/components/Pagination/PaginationSizeCalculateHelper/PaginationSizeCalculateHelper.d.ts

@@ -0,0 +1,7 @@
+import './PaginationSizeCalculateHelper.css';
+import React from 'react';
+import { PaginationPropSize } from '../types';
+export declare const PaginationSizeCalculateHelper: React.FC<{
+    refs: React.RefObject<HTMLDivElement>[];
+    size: PaginationPropSize;
+}>;

package/__internal__/src/components/Pagination/PaginationSizeCalculateHelper/PaginationSizeCalculateHelper.js

@@ -0,0 +1,2 @@
+import"./PaginationSizeCalculateHelper.css";import React from"react";import{cnButton}from"../../Button";import{cn}from"../../../utils/bem";import{cnPaginationItem}from"../PaginationItem";var cnPaginationSizeCalculateHelper=cn("PaginationSizeCalculateHelper");export var PaginationSizeCalculateHelper=function(a){var b=a.refs,c=a.size;return React.createElement("div",{className:cnPaginationSizeCalculateHelper()},React.createElement("span",{className:cnPaginationSizeCalculateHelper("FakeButtonContainer"),ref:b[7]},React.createElement("span",{ref:b[5],className:cnButton({size:c,onlyIcon:!0})}),React.createElement("span",{ref:b[6],className:cnButton({size:c,onlyIcon:!0})})),React.createElement("span",{className:cnButton({size:c})},React.createElement("span",{ref:b[8]},"1"),React.createElement("span",{ref:b[9]},"2"),React.createElement("span",{ref:b[10]},"3"),React.createElement("span",{ref:b[11]},"4"),React.createElement("span",{ref:b[12]},"5"),React.createElement("span",{ref:b[13]},"6"),React.createElement("span",{ref:b[14]},"7"),React.createElement("span",{ref:b[15]},"8"),React.createElement("span",{ref:b[16]},"9"),React.createElement("span",{ref:b[17]},"0")),React.createElement("span",{ref:b[18],className:cnPaginationItem({size:c},[cnButton({size:c})])},React.createElement("span",{ref:b[19]},"99999")))};
+//# sourceMappingURL=PaginationSizeCalculateHelper.js.map

package/__internal__/src/components/Pagination/PaginationSizeCalculateHelper/PaginationSizeCalculateHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationSizeCalculateHelper.js","names":["React","cnButton","cn","cnPaginationItem","cnPaginationSizeCalculateHelper","PaginationSizeCalculateHelper","refs","size","onlyIcon"],"sources":["../../../../../../src/components/Pagination/PaginationSizeCalculateHelper/PaginationSizeCalculateHelper.tsx"],"sourcesContent":["import './PaginationSizeCalculateHelper.css';\n\nimport React from 'react';\n\nimport { cnButton } from '##/components/Button';\nimport { cn } from '##/utils/bem';\n\nimport { cnPaginationItem } from '../PaginationItem';\nimport { PaginationPropSize } from '../types';\n\nconst cnPaginationSizeCalculateHelper = cn('PaginationSizeCalculateHelper');\n\nexport const PaginationSizeCalculateHelper: React.FC<{\n  refs: React.RefObject<HTMLDivElement>[];\n  size: PaginationPropSize;\n}> = ({ refs, size }) => (\n  <div className={cnPaginationSizeCalculateHelper()}>\n    <span\n      className={cnPaginationSizeCalculateHelper('FakeButtonContainer')}\n      ref={refs[7]}\n    >\n      <span ref={refs[5]} className={cnButton({ size, onlyIcon: true })} />\n      <span ref={refs[6]} className={cnButton({ size, onlyIcon: true })} />\n    </span>\n    <span className={cnButton({ size })}>\n      <span ref={refs[8]}>1</span>\n      <span ref={refs[9]}>2</span>\n      <span ref={refs[10]}>3</span>\n      <span ref={refs[11]}>4</span>\n      <span ref={refs[12]}>5</span>\n      <span ref={refs[13]}>6</span>\n      <span ref={refs[14]}>7</span>\n      <span ref={refs[15]}>8</span>\n      <span ref={refs[16]}>9</span>\n      <span ref={refs[17]}>0</span>\n    </span>\n    <span\n      ref={refs[18]}\n      className={cnPaginationItem({ size }, [cnButton({ size })])}\n    >\n      <span ref={refs[19]}>99999</span>\n    </span>\n  </div>\n);\n"],"mappings":"AAAA,4CAEA,MAAOA,MAAP,KAAkB,OAAlB,CAEA,OAASC,QAAT,oBACA,OAASC,EAAT,0BAEA,OAASC,gBAAT,yBAGA,GAAMC,gCAA+B,CAAGF,EAAE,CAAC,+BAAD,CAA1C,CAEA,MAAO,IAAMG,8BAGX,CAAG,eAAGC,EAAH,GAAGA,IAAH,CAASC,CAAT,GAASA,IAAT,OACH,4BAAK,SAAS,CAAEH,+BAA+B,EAA/C,EACE,4BACE,SAAS,CAAEA,+BAA+B,CAAC,qBAAD,CAD5C,CAEE,GAAG,CAAEE,CAAI,CAAC,CAAD,CAFX,EAIE,4BAAM,GAAG,CAAEA,CAAI,CAAC,CAAD,CAAf,CAAoB,SAAS,CAAEL,QAAQ,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAQC,QAAQ,GAAhB,CAAD,CAAvC,EAJF,CAKE,4BAAM,GAAG,CAAEF,CAAI,CAAC,CAAD,CAAf,CAAoB,SAAS,CAAEL,QAAQ,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAQC,QAAQ,GAAhB,CAAD,CAAvC,EALF,CADF,CAQE,4BAAM,SAAS,CAAEP,QAAQ,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAD,CAAzB,EACE,4BAAM,GAAG,CAAED,CAAI,CAAC,CAAD,CAAf,MADF,CAEE,4BAAM,GAAG,CAAEA,CAAI,CAAC,CAAD,CAAf,MAFF,CAGE,4BAAM,GAAG,CAAEA,CAAI,CAAC,EAAD,CAAf,MAHF,CAIE,4BAAM,GAAG,CAAEA,CAAI,CAAC,EAAD,CAAf,MAJF,CAKE,4BAAM,GAAG,CAAEA,CAAI,CAAC,EAAD,CAAf,MALF,CAME,4BAAM,GAAG,CAAEA,CAAI,CAAC,EAAD,CAAf,MANF,CAOE,4BAAM,GAAG,CAAEA,CAAI,CAAC,EAAD,CAAf,MAPF,CAQE,4BAAM,GAAG,CAAEA,CAAI,CAAC,EAAD,CAAf,MARF,CASE,4BAAM,GAAG,CAAEA,CAAI,CAAC,EAAD,CAAf,MATF,CAUE,4BAAM,GAAG,CAAEA,CAAI,CAAC,EAAD,CAAf,MAVF,CARF,CAoBE,4BACE,GAAG,CAAEA,CAAI,CAAC,EAAD,CADX,CAEE,SAAS,CAAEH,gBAAgB,CAAC,CAAEI,IAAI,CAAJA,CAAF,CAAD,CAAW,CAACN,QAAQ,CAAC,CAAEM,IAAI,CAAJA,CAAF,CAAD,CAAT,CAAX,CAF7B,EAIE,4BAAM,GAAG,CAAED,CAAI,CAAC,EAAD,CAAf,UAJF,CApBF,CADG,CAHE"}

package/__internal__/src/components/Pagination/PaginationSizeCalculateHelper/index.d.ts

@@ -0,0 +1 @@
+export * from './PaginationSizeCalculateHelper';

package/__internal__/src/components/Pagination/PaginationSizeCalculateHelper/index.js

@@ -0,0 +1,2 @@
+export*from"./PaginationSizeCalculateHelper";
+//# sourceMappingURL=index.js.map

package/__internal__/src/components/Pagination/PaginationSizeCalculateHelper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/components/Pagination/PaginationSizeCalculateHelper/index.ts"],"sourcesContent":["export * from './PaginationSizeCalculateHelper';\n"],"mappings":"AAAA"}