https://bynkoff.ru/static/resources/Controls/Chips.min.js?x_module=88dede2c6d8e1c8649bfc512dd6248be

1define("Controls/Chips",["react/jsx-runtime","react","UICore/Jsx","UI/Focus","UI/Contexts","UI/Adaptive","Types/object","EnvTouch/EnvTouch","Controls/sizeUtils","Controls/icon","Controls/Container/Async","require","exports","css!Controls/Chips","css!Controls/CommonClasses","css!Controls/buttons"],(function(t,e,o,n,l,s,i,r,c,a,u,d,p){var m,f,y,_,g,v,C,S;return Object.defineProperty(p,"__esModule",{value:!0}),m=function(t,e,o,n,l,s){"use strict";function i(t){if(t.value)if(t.contrastBackground)return"chip_selected-contrast";else if("contrast"===t.selectedStyle&&t.iconStyle)return t.iconStyle;else return"chip_selected-same";return t.iconStyle||"default"}function r(t){if(!t.captionPosition&&t.caption)return"start";else return t.captionPosition}Object.defineProperty(e,"__esModule",{value:!0}),e.ContentTemplate=void 0;const c=n.forwardRef(((t,e)=>{const{iconSize:n="s",iconOptions:l={},fontSize:c="m",fontColorStyle:a}=t;return(0,o.jsxs)(o.Fragment,{children:[t.iconTemplate?(0,o.jsx)(t.iconTemplate,{className:`controls-BaseButton__icon controls-icon controls-icon_size-${n}

1 tw-self-center`,value:t.value,contrastBackground:t.contrastBackground,...l}):t.icon?(0,o.jsx)(s.Icon,{className:"controls-BaseButton__icon tw-self-center",tabIndex:-1,icon:t.icon,iconSize:n,iconStyle:i(t)}):null,(0,o.jsx)("span",{ref:e,className:`controls-BaseButton__text controls-text-${a} `+((t.icon||t.iconTemplate)&&(t.caption||t.captionTemplate)?"controls-button__text_captionPosition_"+r(t):""),children:t.captionTemplate?(0,o.jsx)(t.captionTemplate,{}):(0,o.jsx)("span",{className:`controls-ButtonGroup__button-caption controls-fontsize-${c}`,children:t.caption})})]})}));return e.ContentTemplate=c,e.default=n.forwardRef((function(t,e){var s;const{inlineHeight:a="m",fontSize:u="m",viewMode:d="filled",readOnly:p}=t,m=n.useMemo((()=>{if(t.fontColorStyle)return t.fontColorStyle;if(p)return(t.value,1)?"-selected":"";if(t.value){const e="primary"===t.selectedStyle?"_onprimary":"";return"buttonGroupSelected-"+(t.contrastBackground?"contrast"+e:"same"+("contrast"===t.selectedStyle?"-contrast":""))}return t.contrastBackground?"default":"buttonGroupUnselected-same"}

1),[t.fontColorStyle,t.value,t.contrastBackground]),f=()=>!(t.caption||t.captionTemplate||t.contentTemplate);let y="none";if(!p)if(!t.value&&"ghost"!==t.viewMode&&t.contrastBackground||!t.contrastBackground&&"contrast"===t.selectedStyle&&t.value)y=["4xl","5xl","6xl","7xl"].includes(a)?"big":"small";let _=`controls-BaseButton controls-button_fontColorStyle-${m}-style controls-Button_buttonGroup ${!p?"controls-Button_clickable":""} ${(()=>{if(t.selectedStyle&&t.value&&"contrast"!==t.selectedStyle)if(p)return"controls-Button_buttonGroup_style-readOnly-buttonGroupSelected-contrast";else return`controls-button_filled-${t.selectedStyle}-style`;let e="";if(p)if(t.value)e="controls-button_fontColorStyle-contrast-style";else e="controls-button_fontColorStyle-readonly-style";return`${e} controls-Button_buttonGroup_style-${(()=>{const e=[t.value?"buttonGroupSelected":"buttonGroupUnselected"];if(p)e.unshift("readOnly-");if(t.contrastBackground)if("ghost"===d)e.push("-contrast-ghost");else e.push("-contrast");else if("contrast"===t.selectedStyle&&t.value)e.push("-same-contrast");else if("ghost"===d)e.push("-same-ghost");else e.push("-same");return e.join("")})()}`})()} controls-Button_bg-same controls-inlineheight-${a} controls-Button-inlineheight-${a} controls-button_size-${a} controls-button_padding controls-button_fontsize-${u} controls-button_shadow-${y} controls-ButtonGroup__button controls-button-style ${!t.caption&&!t.captionTemplate&&!t.contentTemplate?"controls-Button_circle":"controls-Button_notCircle"} ${(()=>{if(!f())return"Controls__Chips_withPadding";else return"Controls__Chips_withoutPadding Controls__Chips_withoutPadding-width_"+a})()}${t.icon||t.iconTemplate?` controls-button_icon-style-${i(t)}`:""}${!f()?" controls-Button_notCircle ":""}`;if(t.className)_+=" "+t.className;else if(null===(s=t.attrs)||void 0===s?void 0:s.className)_+=" "+t.attrs.className;const g=(0,l.wasabyAttrsToReactDom)(t.attrs)||{},v={caption:t.caption,captionTemplate:t.captionTemplate,icon:t.icon,iconTemplate:t.iconTemplate,captionPosition:t.captionPosition,iconSize:t.iconSize,iconOptions:t.iconOptions,iconStyle:t.iconStyle,value:t.value,fontSize:u,fontColorStyle:m,contrastBackgroun

1d:t.contrastBackground,selectedStyle:t.selectedStyle};return(0,o.jsx)("span",{"data-qa":t.dataQa,tabIndex:0,...g,ref:e,onClick:e=>{var o,n;null===(o=t.onClick)||void 0===o||o.call(t,e),null===(n=t.onValueChanged)||void 0===n||n.call(t,e,!t.value)},onMouseEnter:t.onMouseEnter,className:_,title:t.tooltip,children:(0,o.jsx)("span",{className:"controls-BaseButton__wrapper controls-Button__wrapper_viewMode-buttonGroup tw-items-"+(t.isCustomCaptionTemplate||t.iconTemplate&&!t.caption&&!t.captionTemplate?"center":"baseline")+` controls-BaseButton__wrapper_captionPosition_${r(t)} controls-Button_textAlign-center`,children:t.contentTemplate?(0,o.jsx)(t.contentTemplate,{...v}):(0,o.jsx)(c,{...v})})})})),e}(0,{},t,e,o,a,"undefined"==typeof css_Controls_buttons||css_Controls_buttons,"undefined"==typeof css_Controls_Chips||css_Controls_Chips,"undefined"==typeof css_Controls_CommonClasses||css_Controls_CommonClasses),f=m,y=function(t,e,o,n,l){"use strict";Object.defineProperty(e,"__esModule",{value:!0});const s=(0,n.forwardRef)(((t,e)=>(0,o.jsx)("span",{ref:e,className:`controls-ButtonGroup__button-caption controls-fontsize-${t.fontSize} ${t.className||""}`,children:t.caption||t.item.get(t.displayProperty||"title")||t.item.get("caption")})));return e.default=(0,n.forwardRef)((function(t,e){var n,i,r,c;const{item:a,selected:u,fontSize:d}=t,p=(null===(n=null==a?void 0:a.get)||void 0===n?void 0:n.call(a,"icon"))||t.icon,m=(null===(i=null==a?void 0:a.get)||void 0===i?void 0:i.call(a,"iconSize"))||t.iconSize||"s",f=(null===(r=null==a?void 0:a.get)||void 0===r?void 0:r.call(a,"iconOptions"))||t.iconOptions||{},y=(null===(c=null==a?void 0:a.get)||void 0===c?void 0:c.call(a,"iconTemplate"))||t.iconTemplate;return(0,o.jsx)(l.ContentTemplate,{ref:e,...t,icon:p,iconTemplate:y,iconSize:m,iconOptions:f,value:u,fontSize:d,captionTemplate:()=>t.contentTemplate?(0,o.jsx)(t.contentTemplate,{selected:t.selected,item:t.item,className:t.className,captionTemplate:(0,o.jsx)(s,{item:t.item,fontSize:t.fontSize,displayProperty:t.displayProperty,caption:t.caption})}):(0,o.jsx)(s,{item:t.item,displayProperty:t.displayProperty,fontSize:t.fontSize,className:t.className,caption:t.caption})})})),e}(0,{},t,e,m),_=y,g=function(t,e,o,n,l,s,i,r,c,a,u,d,p,m){"use strict";return Object.defineProperty(e,"__esModule",{value:!0}),e.default=n.memo(n.forwardRef((function(t,e){var f,y,_;const{keyProperty:g="id",fontSize:v="m",itemTemplate:C=i.default,contrastBackgroun

1d:S=!0,inlineHeight:h="m",direction:b="horizontal",multiline:T=!0,allowEmptySelection:B=!0,viewMode:x="filled",items:P=[],validationStatus:j="valid"}=t,w=(0,p.useTheme)(t),O=(0,c.useReadonly)(t),[k,z]=n.useState(t.selectedKeys||[]),$=(0,m.useAdaptiveMode)(),N=n.useRef({onSelectedkeyschanged:t.onSelectedkeyschanged,onSelectedKeysChanged:t.onSelectedKeysChanged,onItemClick:t.onItemClick});N.current={onSelectedkeyschanged:t.onSelectedkeyschanged,onSelectedKeysChanged:t.onSelectedKeysChanged,onItemClick:t.onItemClick},n.useLayoutEffect((()=>{if(t.selectedKeys&&!(0,u.isEqual)(k,t.selectedKeys))z(t.selectedKeys)}),[t.selectedKeys]);const G=n.useCallback((t=>k.includes(t.get(g))),[k]),I=n.useCallback(((t,e)=>{var o,n;null===(n=(o=N.current).onItemClick)||void 0===n||n.call(o,t,e)}),[]),M=n.useCallback(((e,o)=>{var n,l,s,i;if(!O&&!o.get("readOnly")){I(e,o);const r=[...k],c=[],a=[],u=o.get(g),d=r.indexOf(u);if(!B&&-1!==d&&1===r.length)return;const p=r.indexOf(u);if(-1===p)c.push(u),r.unshift(u);else a.push(u),r.splice(p,1);if(!t.selectedKeys)z(r);null===(l=(n=N.current).onSelectedKeysChanged)||void 0===l||l.call(n,e,r,c,a),null===(i=(s=N.current).onSelectedkeyschanged)||void 0===i||i.call(s,e,r,c,a)}}),[k,z,O]),K=n.useCallback(((e,o)=>{var n,s,i;if(!(O&&o.get("readOnly")||l.TouchDetect.getInstance().isTouch()))if(!o.get("tooltip")){if(-1===(null===(n=o.getOwner())||void 0===n?void 0:n.getFormat().getFieldIndex("tooltip")))null===(s=o.getOwner())||void 0===s||s.addField({name:"tooltip",type:"string"});const l=o.get(t.displayProperty||"title")||o.get("caption");if((0,a.getTextWidth)(l,void 0,!0)>(null===(i=e.currentTarget)||void 0===i?void 0:i.clientWidth))o.set("tooltip",l)}}),[t.displayProperty,O]),q=n.useCallback(((e,o,n)=>{const l=G(e);if(O||e.get("readOnly"))return 1?"-selected":"";if(l){return"buttonGroupSelected-"+(o?"contrast"+("primary"===n?"_onprimary":""):"same"+("contrast"===t.selectedStyle?"-contrast":""))}return o?"default":"buttonGroupUnselected-same"}),[t.selectedStyle,G,O]),R=n.useMemo((()=>{const e=[];return P.forEach(((n,l)=>{var s,c,a;const u=G(n),p=t.itemTemplate||C,m=t.itemTemplate||n.get(t.displayProperty||"title")||n.get("caption")||n.get("counter")?(e={})=>{if("string"==typeof p||p instanceof String)return(0,o.jsx)(d.default,{templateName:p,templateOptions:{...e,item:n,fontSize:v,displayProperty:t.displayProperty,selected:u,isCustomCaptionTemplate:!0,...t.itemTemplateOptions}});else return(0,o.jsx)(p,{...e,item:n,fontSize:v,displayProperty:t.displayProperty,selected:u,...t.itemTemplateOptions})}:null;e.push((0,o.jsx)("div",{className:`controls-ButtonGroup__button ${t.itemClassName} controls-ButtonGroup__button-`+(G(n)?"selected":"unselected")+("vertical"===t.direction&&0===l?"":" controls-ButtonGroup__button_withMargin"),"data-qa":"controls-ButtonGroup_button",name:`controls-ButtonGroup_button-${n.getKey()}`,children:(0,o.jsx)(r.default,{inlineHeight:h,icon:n.get("icon"),iconStyle:n.get("iconStyle"),iconSize:n.get("iconSize"),iconOptions:n.get("iconOptions"),iconTemplate:n.get("iconTemplate"),isCustomCaptionTemplate:p!==i.default,caption:n.get(t.displayProperty||"title")||n.get("caption"),captionPosition:n.get("captionPosition"),tooltip:n.get("tooltip"),viewMode:x,value:u,fontColorStyle:q(n,S,t.selectedStyle),fontSize:v,contrastBackgroun

1d:S,selectedStyle:t.selectedStyle,contentTemplate:m,readOnly:O||n.get("readOnly"),dataQa:`controls-ButtonGroup_button-${null!==(s=n.getKey())&&void 0!==s?s:l}`,onClick:t=>M(t,n),onMouseEnter:t=>{K(t,n)}},null!==(c=n.getKey())&&void 0!==c?c:l)},null!==(a=n.getKey())&&void 0!==a?a:l))})),e}),[t.itemTemplate,t.displayProperty,t.itemTemplateOptions,P,h,G,K,M,O]);let E=`controls_toggle_theme-${w} controls-ButtonGroup`;if("valid"!==j)E+=" controls-invalid-container";else if("border"===t.requiredIndicatorStyle)E+=" tw-relative";if(t.className)E+=" "+t.className;else if(null===(f=t.attrs)||void 0===f?void 0:f.className)E+=" "+t.attrs.className;const U="border"===t.requiredIndicatorStyle&&!k.length&&!O&&"valid"===j,F=(0,c.wasabyAttrsToReactDom)(t.attrs)||{};return(0,o.jsxs)(s.FocusRoot,{...F,"data-qa":t["data-qa"]||F["data-qa"],as:"div",className:E,ref:e,onBlur:t.onBlur,children:[(0,o.jsx)("div",{className:`controls-ButtonGroup__wrapper controls-ButtonGroup__wrapper-${b} controls-ButtonGroup__wrapper-${b}_${T?"milti":""}line${(null===(_=null===(y=null==$?void 0:$.device)||void 0===y?void 0:y.isPhone)||void 0===_?void 0:_.call(y))?" controls-ButtonGroup__wrapper_adaptive":""}`,children:R}),"valid"!==j&&(0,o.jsx)("div",{className:`controls-invalid-border controls-${j}-border`}),U&&(0,o.jsx)("div",{"data-qa":"controls-Chips__requiredIndicator",className:"controls-requiredIndicator controls-requiredIndicator_padding_xs"})]})}))),e}(0,{},t,e,r,n,y,m,o,c,i,u,l,s,"undefined"==typeof css_Controls_CommonClasses||css_Controls_CommonClasses),v=g,C=function(t,e,o,n,l){"use strict";return Object.defineProperty(e,"__esModule",{value:!0}),e.default=(0,n.forwardRef)((function(t,e){return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(l.default,{ref:e,...t,item:t.item,fontSize:t.fontSize,displayProperty:t.displayProperty,selected:t.selected,className:t.className}),t.item.get(t.counterProperty||"counter")?(0,o.jsx)("span",{className:(t.caption||t.item.get(t.displayProperty||"title")||t.item.get("caption")||t.item.get("icon")||t.item.get("iconTemplate")?"controls-margin_left-2xs ":"")+"tw-text-ellipsis tw-truncate controls-ButtonGroup__button-counter"+(t.counterStyle&&!t.selected?" controls-text-"+t.counterStyle:` controls-text-${t.fontColorStyle}`),children:t.item.get(t.counterProperty||"counter")}):null]})})),e}(0,{},t,e,y),S=C,p.chipsItemCounterTemplate=p.chipsItemTemplate=p.ButtonContentTemplate=p.Button=p.Control=void 0,Object.defineProperty(p,"Control",{enumerable:!0,get:function(){return v.default}}),Object.defineProperty(p,"Button",{enumerable:!0,get:function(){return f.default}}),Object.defineProperty(p,"ButtonContentTemplate",{enumerable:!0,get:function(){return f.ContentTemplate}}),Object.defineProperty(p,"chipsItemTemplate",{enumerable:!0,get:function(){return _.default}}),Object.defineProperty(p,"chipsItemCounterTemplate",{enumerable:!0,get:function(){return S.default}}),p}));