1define("Controls/Fingers",["require","exports","react/jsx-runtime","react","Types/object","css!Controls/Fingers"],(function(e,t,s,r,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});class o extends r.Component{constructor(e){super(e),this.state={_selectedKey:e.selectedKey,_roundBorder:o._resolveRoundBorder(e.alignment),_hasItemImages:o._resolveHasItemImages(e.items,e.imageProperty,e.imageViewMode)},this._itemTemplate=this._itemTemplate.bind(this)}shouldComponentUpdate(e,t){let s=!1;if(this.props.selectedStyle!==e.selectedStyle)s=!0;if(this.props.items!==e.items)s=!0;if(this.props.alignment!==e.alignment)this.setState({_roundBorder:o._resolveRoundBorder(e.alignment)}),s=!0;if(this.props.imageProperty!==e.imageProperty||this.props.imageViewMode!==e.imageViewMode){const t=o._resolveHasItemImages(e.items,e.imageProperty,e.imageViewMode);this.setState({_hasItemImages:t}),s=!0}if(this.props.selectedKey!==e.selectedKey)this.setState({_selectedKey:e.selectedKey}),s=!0;if(!(0,i.isEqual)(t,this.state))s=!0;return s}_changeSelectedKey(e){var t,s;this.setState({_selectedKey:e}),null===(s=(t=this.props).onSelectedKeyChanged)||void 0===s||s.call(t,e)}_calcWrapperClassName(e,t){let s="Controls-Fingers__item";if(t&&"none"!==this.props.selectedStyle)s+=` Controls-Fingers__item_marked_${this.props.selectedStyle}`;else s+=" Controls-Fingers__item-shadow Controls-Fingers__item_unmarked",s+=` Controls-Fingers__item_hover-${this.props.hoverBackgroundStyle}`;if(s+=` hover-background-unaccented-same controls-border_tl-radius-${this.state._roundBorder.tl} controls-border_tr-radius-${this.state._roundBorder.tr} controls-border_br-radius-${this.state._roundBorder.br} controls-border_bl-radius-${this.state._roundBorder.tl}`,e.index<this.props.items.getCount()-1)s+=" controls-margin_bottom-s";return s}_itemTemplate(e,t){const r=this.state._selectedKey===e.item.getKey(),i=this.props.alignment,o=e.item.get(this.props.displayProperty),l=this.state._hasItemImages?e.item.get(this.props.imageProperty):null,a=`Controls-Fingers__item__content Controls-Fingers__item__content-align_${i} controls-padding_left-`+("right"===i?"l":"m")+" controls-padding_right-"+("left"===i?"l":"m");let n="tw-text-ellipsis tw-truncate",d=null;if(l||this.state._hasItemImages&&"left"===i){n+=` Controls-Fingers__item__content__title-align_${i}`;const e={backgroundImage:(l?`url("${l}"),`:"")+(this.props.fallbackImage?`url("${this.props.fallbackImage}")`:"none")},t=`Controls-Fingers__item__content__image Controls-Fingers__item__content__image-imageViewMode_${this.props.imageViewMode} Controls-Fingers__item__content__image-align_${i}`;d=(0,s.jsx)("div",{style:e,className:t})}return(0,s.jsx)("div",{className:this._calcWrapperClassName(e,r),onClick:t=>this._changeSelectedKey(e.item.getKey()),children:(0,s.jsxs)("div",{className:a,children:[(0,s.jsx)("div",{className:n,title:o,children:o}),d]})})}render(){const e=[],t=this.props.attrs.style||this.props.styleProp||{};let r="Controls-Fingers";if(this.props.attrs.className||this.props.className)r+=` ${this.props.attrs.className||this.props.className}`;return this.props.items.forEach(((t,r)=>{e.push((0,s.jsx)(this._itemTemplate,{index:r,item:t},t.getKey()))})),(0,s.jsx)("div",{ref:this.props.forwardedRef,className:r,style:t,"data-qa":this.props["data-qa"],children:e})}static _resolveHasItemImages(e,t,s){let r=!1;if(t&&"none"!==s)e.forEach((e=>{r=r||!!e.get(t)}));return r}static _resolveRoundBorder(e){const t="2xl",s="null";if("left"===e)return{bl:s,br:t,tl:s,tr:t};else return{bl:t,br:s,tl:t,tr:s}}}o.defaultProps={alignment:"left",imageViewMode:"none",selectedStyle:"default",hoverBackgroundStyle:"default"},t.default=o}));
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.