1(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`82e4baa6c68c429597a8dcf8c86fc75e13a47707`};var t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`341bb46c-05e5-419d-bf5c-3c41ea77ad52`,e._sentryDebugIdIdentifier=`sentry-dbid-341bb46c-05e5-419d-bf5c-3c41ea77ad52`)}catch{}})();import{o as e,r as t}from"./chunk-BYEayUvb.js";import{t as n}from"./react-C0i5OX_v.js";import{n as r,t as i,x as a,y as ee}from"./dist-ntKyVnt_.js";import{_ as o,c as s,f as c}from"./mobx.module-DfEgZCOa.js";import{t as te}from"./lodash-CPIC3X4-.js";import{t as ne}from"./dist-DGeFc1av.js";import{t as re}from"./dist-BA6ueOYS.js";import{t as l}from"./mobxreact.esm-7FYUMTHz.js";import{t as ie}from"./classnames-B2EK-TqM.js";import{n as ae,r as oe,t as u}from"./error_boundary-CUhyY-eq.js";import{a as d,n as se,t as ce}from"./dist-CC_OiAUa.js";import{t as f}from"./emotion-styled.browser.esm-BZwDHoh3.js";import{t as le}from"./jsx-runtime-DU0S17m4.js";import{t as p}from"./spinner-Cbn-3j-8.js";import{t as ue}from"./dist-DnoBb-dQ.js";import{t as de}from"./link-BHjZ9c2-.js";import{t as m}from"./button-3nhybdDS.js";import{t as h}from"./text--lvffIYJ.js";import{t as fe}from"./info_tooltip-BP6oCMzZ.js";import{t as pe}from"./modal-BrX02TQj.js";import{n as me,t as he}from"./stack-zKbvIPP_.js";import{t as g}from"./alert-Bcy0ZpyK.js";import{t as ge}from"./fa-3UK5Zrbg.js";import{t as _}from"./fa_warning-DKskEKKY.js";import{t as _e}from"./paginator-BoY-Nyms.js";import{t as ve}from"./keymaster-DIQLbQ2v.js";import{t as ye}from"./video_player-Ay24lsZj.js";import{t as be}from"./language_button-ClSx0PaL.js";import{t as xe}from"./in_place_select-BffPJqbE.js";import{t as Se}from"./sentence_breakdown-8bg2VliP.js";import{t as Ce}from"./in_place_checkbox-CCWkFhmu.js";import{t as we}from"./in_place_text-DKM0s2Dh.js";import{n as v}from"./text_display-CLOweK92.js";import{n as Te}from"./table_wrapper-xrOiylgB.js";import{t as Ee}from"./modal_wrapper-DREfYl_k.js";import{t as De}from"./back_end_explainer-3ynuRzkY.js";var y=te(),b=re(),x=i(),S=le(),C=e(n());c();var w=ce(),T=e(ie()),E=ae(),D=r(),O=ne();ee();var k,A,j,M;function Oe(e,t,n,r){n&&Object.defineProperty(e,t,{enumerable:n.enumerable,configurable:n.configurable,writable:n.writable,value:n.initializer?n.initializer.call(r):void 0})}function ke(e,t,n,r,i){var a={};return Object.keys(r).forEach(function(e){a[e]=r[e]}),a.enumerable=!!a.enumerable,a.configurable=!!a.configurable,(`value`in a||a.initializer)&&(a.writable=!0),a=n.slice().reverse().reduce(function(n,r){return r(e,t,n)||n},a),i&&a.initializer!==void 0&&(a.value=a.initializer?a.initializer.call(i):void 0,a.initializer=void 0),a.initializer===void 0?(Object.defineProperty(e,t,a),null):a}var Ae=f.div` 2 background: ${e=>e.background}; 3 flex: ${e=>e.flex}; 4 display: flex; 5 padding: ${e=>e.padding||`10px 0`}; 6 width: 100%; 7`,je=f.div` 8 width: ${e=>e.languageButtonWrapperWidth||`46px`}; 9 padding: ${e=>e.languageButtonWrapperPadding||`0`}; 10 display: flex; 11 justify-content: flex-end; 12`,Me=f.div` 13 flex: 1; 14 padding: 0 10px 0 10px; 15 display: grid; 16`,Ne=f.div` 17 grid-area: 1 / 1; 18 visibility: ${e=>e.visible?`visible`:`hidden`}; 19`,Pe=f.div` 20 width: 22px; 21 cursor: pointer; 22 .play-icon { 23 opacity: 0.8; 24 } 25 svg { 26 width: 22px; 27 } 28`,Fe=l(k=(A=(M=class extends C.Component{constructor(...e){super(...e),Oe(this,`showType`,j,this)}render(){let e=Array.isArray(this.props.translation?.wordAssociations)&&this.props.translation.wordAssociations.length>0,t=this.props.showSentenceBreakdown&&e,n=this.props.translation.sourceTextForUser?this.props.translation.sourceTextForUser(D.DeckUI.user):this.props.translation.sourceText;return(0,S.jsxs)(Ae,{className:(0,T.default)(this.props.className),background:this.props.background,flex:this.props.flex,padding:this.props.padding,children:[!(0,O.isBlank)(this.props.translation.sourceText)&&(0,S.jsx)(je,{languageButtonWrapperWidth:this.props.languageButtonWrapperWidth,languageButtonWrapperPadding:this.props.languageButtonWrapperPadding,children:(0,S.jsx)(be,{background:this.props.languageButtonBackgroun
28d||this.props.background,onClick:()=>this.showType=this.showType===`target`?`source`:`target`,languageId:this.showType===`source`?this.props.translation.sourceTextForUserLanguageId&&this.props.translation.sourceTextForUserLanguageId(D.DeckUI.user)||`EN`:this.props.translation.languageId||`DE`})}),(0,O.isBlank)(this.props.translation.sourceText)&&(0,S.jsx)(E.LanguageIcon,{languageId:this.props.translation.languageId}),(0,S.jsxs)(Me,{children:[(0,S.jsxs)(Ne,{visible:this.showType===`target`,children:[t&&(0,S.jsx)(Se,{...this.props.sentenceBreakdownProps,fontSize:this.props.fontSize,sentence:this.props.translation}),!t&&(0,S.jsx)(h,{fontSize:this.props.fontSize,children:a(this.props.normalizedTargetText,this.props.translation.languageId)})]}),(0,S.jsx)(Ne,{visible:this.showType===`source`,children:(0,S.jsx)(h,{fontSize:this.props.fontSize,children:n})})]}),this.props.onClickPlayVideo&&this.props.translation&&(0,O.isPresent)(this.props.translation.target?.videoClip)&&(0,S.jsx)(Pe,{children:(0,S.jsx)(E.PlayIcon,{onClick:()=>this.props.onClickPlayVideo(this.props.translation)})})]})}},M.defaultProps={flex:`1`,fontSize:`14px`,padding:`10px 0`},M),j=ke(A.prototype,`showType`,[o],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return`target`}}),A))||k,N=(0,w.TranslationWithSourceWrapper)(Fe),P=oe(),F=ue(),Ie,Le=l(Ie=class extends C.Component{render(){return(0,S.jsx)(S.Fragment,{children:C.cloneElement(this.props.children,{fontSize:this.props.fontSize,lineHeight:this.props.lineHeight,marginRight:this.props.marginRight,width:this.props.width})})}})||Ie,Re=(0,w.TextResizerWrapper)(Le);c();var ze,I;function Be(e,t,n,r,i){var a={};return Object.keys(r).forEach(function(e){a[e]=r[e]}),a.enumerable=!!a.enumerable,a.configurable=!!a.configurable,(`value`in a||a.initializer)&&(a.writable=!0),a=n.slice().reverse().reduce(function(n,r){return r(e,t,n)||n},a),i&&a.initializer!==void 0&&(a.value=a.initializer?a.initializer.call(i):void 0,a.initializer=void 0),a.initializer===void 0?(Object.defineProperty(e,t,a),null):a}var Ve=f.div` 29`,He=f.div` 30 width: 280px; 31 height: 50px; 32 position: relative; 33 display: flex; 34 align-items: center; 35 justify-content: center; 36 color: ${e=>e.color}; 37 .fa-arrow-right { 38 transform: rotate(-45deg); 39 } 40 i { 41 position: absolute; 42 left: -5px; 43 top: 16px; 44 color: ${e=>e.color}; 45 } 46`,Ue=f.div` 47 display: flex; 48 justify-content: center; 49 align-items: center; 50`,We=f.div` 51`,Ge=f.div` 52 display: flex; 53 text-align: center; 54 align-items: center; 55 font-size: 16px; 56 font-weight: bold; 57 color: #CCC; 58 i { 59 margin-right: 5px; 60 } 61`,Ke=l(ze=(I=class extends C.Component{get buttonBackground(){return this.props.enableUpdateReviews?b.Theme.blue:`#CCC`}render(){return(0,S.jsxs)(Ve,{children:[this.props.message&&(0,S.jsx)(g,{background:b.Theme.green,width:`100%`,textAlign:`center`,margin:`0 0 10px 0`,children:this.props.message}),(0,O.isBlank)(this.props.selectedCardTypeIds)&&(0,S.jsxs)(g,{width:`100%`,textAlign:`center`,background:b.Theme.green,margin:`0 0 10px 0`,children:[(0,S.jsx)(`i`,{className:`fa fa-exclamation-triangle`,style:{margin:`3px 3px 0 0`}}),`You must select a Card Type`]}),this.props.reviewDeckOptions?.length>1&&(0,S.jsx)(h,{fontSize:`12px`,bold:!0,margin:`10px 0 0 0`,color:`#333`,children:`Review Deck`}),this.props.reviewDeckOptions?.length>1&&(0,S.jsx)(xe,{allowUpdate:!0,height:`45px`,options:this.props.reviewDeckOptions,value:this.props.deckId,onChange:e=>this.props.onSetDeckId(e)}),(0,S.jsx)(h,{cursor:`pointer`,underline:!0,fontSize:`12px`,color:`#333`,margin:`3px 0 0 0`,onClick:this.props.toggleShowCreateNewReviewDeck,children:`Create New Review Deck`}),this.props.showCreateNewReviewDeck&&(0,S.jsxs)(We,{children:[(0,S.jsx)(h,{fontSize:`12px`,bold:!0,margin:`10px 0 0 0`,color:`#333`,children:`Review Deck Name`}),(0,S.jsx)(we,{allowUpdate:!0,value:this.props.reviewDeckName,onChange:e=>this.props.onSetReviewDeckName(e),show:!0,inputHeight:`45px`}),(0,S.jsx)(m,{height:`50px`,width:`100%`,margin:`20px 0 20px 0`,onClick:this.props.onCreateReviewDeck,background:this.props.enableCreateReviewDeck?b.Theme.blue:`#CCC`,cursor:this.props.enableCreateReviewDeck?`pointer`:`default`,children:(0,S.jsxs)(He,{color:`#FFF`,children:[(0,S.jsx)(`i`,{className:`fa fa-plus`}),`Create Review Deck`]})})]}),!this.props.card&&(0,S.jsx)(h,{fontSize:`12px`,bold:!0,margin:`10px 0 0 0`,color:`#333`,children:`Card Type`}),(!this.props.card||this.props.showOptions)&&this.props.cardTypeOptions.map(e=>{let t=this.props.isCardTypeHidden(e[0]),n=b.Constants.REVIEW_CARD_TYPES.find(t=>
61t.id===e[0]);return(0,S.jsx)(Ue,{children:t?(0,S.jsxs)(Ge,{children:[(0,S.jsx)(`i`,{className:`fa fa-check`}),` `,n?.name,` (Disabled)`]}):(0,S.jsx)(Ce,{allowUpdate:!0,value:this.props.selectedCardTypeIds.includes(e[0]),onChange:()=>this.props.onToggleCardTypeId(e[0]),children:(0,S.jsx)(h,{color:`#333`,bold:!0,children:e[1]})})},e[0])}),(0,S.jsx)(m,{height:`50px`,width:`100%`,margin:`20px 0 0 0`,onClick:this.props.onSubmit,background:this.buttonBackground,cursor:this.props.enableUpdateReviews?`pointer`:`default`,children:(0,S.jsxs)(He,{color:`#FFF`,children:[(0,S.jsx)(`i`,{className:`fa fa-plus`}),this.props.hasReviews?`Update Review`:`Create Review`]})})]})}},Be(I.prototype,`buttonBackground`,[s],Object.getOwnPropertyDescriptor(I.prototype,`buttonBackground`),I.prototype),I))||ze;c();var qe,L,R;function z(e,t,n,r,i){var a={};return Object.keys(r).forEach(function(e){a[e]=r[e]}),a.enumerable=!!a.enumerable,a.configurable=!!a.configurable,(`value`in a||a.initializer)&&(a.writable=!0),a=n.slice().reverse().reduce(function(n,r){return r(e,t,n)||n},a),i&&a.initializer!==void 0&&(a.value=a.initializer?a.initializer.call(i):void 0,a.initializer=void 0),a.initializer===void 0?(Object.defineProperty(e,t,a),null):a}var Je=f.div` 62 margin: ${e=>e.margin}; 63 width: ${e=>e.width}; 64 display: flex; 65 align-items: center; 66 justify-content: center; 67 position: relative; 68`,Ye=f.div` 69 display: flex; 70 align-items: center; 71 padding: 5px; 72 background: ${e=>e.background}; 73 border-radius: 30px; 74 i { 75 margin-right: 5px;
76 margin-top: 1px; 77 font-size: 14px; 78 } 79 .check-with-circle-icon svg { 80 fill: #FFF; 81 width: 20px; 82 margin-right: 5px; 83 } 84`,Xe=f.div` 85 width: 15px; 86 cursor: pointer; 87 display: flex; 88 align-items: center; 89 justify-content: center; 90 .three-dots-icon { 91 display: flex; 92 align-items: center; 93 justify-content: center; 94 } 95 svg { 96 width: 4px; 97 fill: rgba(255, 255, 255, 0.8); 98 } 99`,Ze=l(qe=(L=(R=class extends C.Component{get buttonWrapperWidth(){if(this.props.width){let e=(0,O.depixify)(this.props.width);return this.props.disableToggleButton&&(e-=30),(0,O.pixify)(e)}return this.props.disableToggleButton,`240px`}get buttonWidth(){let e=(0,O.depixify)(this.buttonWrapperWidth);return this.props.disableToggleButton?(0,O.pixify)(e):(0,O.pixify)(e-30)}render(){return(0,S.jsxs)(Je,{margin:this.props.margin,width:this.buttonWrapperWidth,style:this.props.style,children:[this.props.modalVisible&&(0,S.jsx)(pe,{onCloseModal:()=>this.props.setModalVisible(!1),top:`50px`,width:(0,O.pixify)(D.AppUI.layout.defaultModalWidth),gradient:!0,title:this.props.title,children:(0,S.jsx)(Ke,{...this.props})}),(0,S.jsx)(P.Motion,{style:{scale:(0,P.spring)(this.props.animateScale,this.props.animateScale===1?P.presets.wobbly:P.presets.stiff)},children:({scale:e})=>(0,S.jsxs)(Ye,{background:`#1699b7`,style:{transform:`scale(${e})`},children:[this.showSpinner&&(0,S.jsx)(p,{}),!this.showSpinner&&!this.props.hasReviews&&(0,S.jsxs)(m,{width:this.buttonWidth,height:`40px`,onClick:this.props.onToggleCreateReview,background:b.Theme.blue,children:[this.props.buttonText===`Add to Seedlang`?(0,S.jsx)(E.SeedlangIconWithCircle,{width:`20px`,style:{marginRight:`8px`}}):(0,S.jsx)(`i`,{className:`fa fa-plus`}),this.props.buttonText]}),!this.showSpinner&&this.props.hasReviews&&(0,S.jsxs)(m,{width:this.buttonWidth,height:`40px`,background:`linear-gradient(-134deg, rgba(59, 215, 197, 0.8) 0%, #0DAFF6 100%)`,cursor:this.props.disableToggleButton?`default`:`pointer`,onClick:this.props.disableToggleButton?null:this.props.onToggleCreateReview,children:[(0,S.jsx)(E.CheckWithCircleIcon,{}),`Reviewing`]}),!this.props.disableToggleButton&&(0,S.jsx)(Xe,{onClick:()=>this.props.setModalVisible(!0),children:(0,S.jsx)(E.ThreeDotsIcon,{})})]})})]})}},R.defaultProps={buttonHeight:`38px`},R),z(L.prototype,`buttonWrapperWidth`,[s],Object.getOwnPropertyDescriptor(L.prototype,`buttonWrapperWidth`),L.prototype),z(L.prototype,`buttonWidth`,[s],Object.getOwnPropertyDescriptor(L.prototype,`buttonWidth`),L.prototype),L))||qe,B=(0,w.ReviewToggleWrapper)(Ze),V,Qe=f.div` 100 ${F.flexCenterColumn} 101`,$e=f.div` 102 ${F.flexCenter} 103`,H=f.div` 104 position: relative; 105 display: inline-block; 106 width: ${e=>e.width}; 107 height: ${e=>e.height}; 108 margin: 0 5px; 109`,U=u(l(V=class extends C.Component{render(){return(0,S.jsx)(Qe,{children:(0,S.jsxs)($e,{children:[this.props.hasVideoClip&&(0,S.jsx)(H,{height:(0,O.pixify)(this.props.width),width:(0,O.pixify)(this.props.width),children:(0,S.jsx)(ye,{maximized:!1,circle:!0,forcePlay:this.props.forcePlay,autoPlay:this.props.autoPlay,videoClip:this.props.videoClip,width:this.props.width,afterVideoPlayback:this.props.afterVideoPlayback})}),this.props.supplementVideoClip&&(0,S.jsx)(H,{height:(0,O.pixify)(this.props.width),width:(0,O.pixify)(this.props.width),children:(0,S.jsx)(ye,{maximized:!1,muted:!0,loop:D.DeckUI.user.loopSupplement,circle:!0,autoPlay:this.props.autoPlay||this.props.autoPlaySupplement,videoClip:this.props.supplementVideoClip,width:this.props.width})})]})})}})||V),W,G,et=f.div` 110 font-size: ${e=>e.fontSize}; 111 padding: ${e=>e.padding}; 112 width: 100%; 113`,tt=f.div` 114 margin-bottom: 10px; 115 width: 100%; 116`,nt=f.div` 117 width: 100%; 118 border-left: 1px solid #CCC; 119 border-right: 1px solid #CCC; 120`,K=f.div` 121 display: flex; 122 flex-direction: row; 123 align-items: center; 124 background: ${e=>e.background}; 125 border-bottom: 1px solid #CCC; 126`,q=f.div` 127 flex: 1; 128 padding: ${e=>e.padding||`10px`}; 129 color: ${e=>e.color}; 130 display: flex; 131 font-weight: ${e=>e.fontWeight}; 132 text-align: left; 133`,rt=f.div` 134 ${(0,F.flexCenterColumn)()} 135`,it=f.div` 136 display: flex; 137 margin: 10px 0; 138 i { 139 color: #CCC!important; 140 } 141`,at=f.div` 142 display: grid; 143 grid-template-columns: 1fr; 144 gap: 20px; 145 146 @media (min-width: 900px) { 147 grid-template-columns: ${e=>e.inDeck?`1fr`:`1fr 1fr`}; 148 } 149} 150`,ot=f.div` 151 display: flex; 152 justify-content: center; 153 align-items: center; 154 padding: 40px 0; 155`,st=l(W=(G=class extends C.Component{render(){return(0,S.jsxs)(et,{padding:this.props.padding,fontSize:this.props.fontSize,children:[!this.props.hideHeader&&this.props.word.root&&(0,O.isPresent)(this.props.word.conjugatedVerbStringsSummary)&&(0,S.jsxs)(rt,{children:[(0,S.jsx)(h,{heading:`2`,children:this.props.word.targetText}),(0,S.jsx)(h,{italic:!0,margin:`0 0 20px 0`,children:this.props.word.conjugatedVerbStringsSummary})]}),this.props.showSpinner&&(0,S.jsx)(ot,{children:(0,S.jsx)(p,{})}),(0,S.jsx)(at,{inDeck:this.props.inDeck,children:this.props.conjugatedVerbStrings.map(e=>[e.singular1p,e.singular2p,e.singular3p,e.plural1p,e.plural2p,e.plural3p].some(e=>(0,O.isPresent)(e))&&(this.props.expand||this.props.expanded||!this.props.conceptId&&this.props.word&&this.props.word.isInfinitive||this.props.conceptId&&e.concept?.id===this.props.conceptId||!this.props.conceptId&&e.concept&&this.props.word&&this.props.word.hasConcept&&this.props.word.hasConcept(e.concept.id))?(0,S.jsx)(tt,{children:(0,S.jsxs)(nt,{children:[e.concept&&(0,S.jsx)(K,{background:`#777`,children:(0,S.jsx)(q,{color:`#FFF`,padding:`5px 10px`,fontWeight:`bold`,colSpan:2,children:e.concept&&e.concept.name})}),!e.hideSingular1p&&(0,S.jsxs)(K,{background:this.props.conceptId&&e.concept?.id===this.props.conceptId&&this.props.highlightPronoun===`singular_1p`?`#ffffd7`:`transparent`,children:[(0,S.jsx)(q,{children:e.singular1p?this.props.singular1pPronoun(e.singular1p):b.Constants.PRONOUN_STRINGS[this.props.word.languageId||`DE`].singular_1p}),(0,S.jsx)(q,{dangerouslySetInnerHTML:{__html:(0,O.displayTargetTextCorrectedForLanguage)(e.singular1pDisplay,this.props.word.languageId)||``}})]}),!e.hideSingular2p&&(0,S.jsxs)(K,{background:this.props.conceptId&&e.concept?.id===this.props.conceptId&&this.props.highlightPronoun===`singular_2p`?`#ffffd7`:`transparent`,children:[(0,S.jsx)(q,{children:b.Constants.PRONOUN_STRINGS[this.props.word.languageId||`DE`].singular_2p}),(0,S.jsx)(q,{dangerouslySetInnerHTML:{__html:(0,O.displayTargetTextCorrectedForLanguage)(e.singular2pDisplay,this.props.word.languageId)||``}})]}),!e.hideSingular3p&&(0,S.jsxs)(K,{background:this.props.conceptId&&e.concept?.id===this.props.conceptId&&this.props.highlightPronoun===`singular_3p`?`#ffffd7`:`transparent`,children:[(0,S.jsx)(q,{children:b.Constants.PRONOUN_STRINGS[this.props.word.languageId||`DE`].singular_3p}),(0,S.jsx)(q,{dangerouslySetInnerHTML:{__html:(0,O.displayTargetTextCorrectedForLanguage)(e.singular3pDisplay,this.props.word.languageId)||``}})]}),!e.hidePlural1p&&(0,S.jsxs)(K,{background:this.props.conceptId&&e.concept?.id===this.props.conceptId&&this.props.highlightPronoun===`plural_1p`?`#ffffd7`:`transparent`,children:[(0,S.jsx)(q,{children:b.Constants.PRONOUN_STRINGS[this.props.word.languageId||`DE`].plural_1p}),(0,S.jsx)(q,{dangerouslySetInnerHTML:{__html:(0,O.displayTargetTextCorrectedForLanguage)(e.plural1pDisplay,this.props.word.languageId)||``}})]}),!e.hidePlural2p&&(0,S.jsxs)(K,{background:this.props.conceptId&&e.concept?.id===this.props.conceptId&&this.props.highlightPronoun===`plural_2p`?`#ffffd7`:`transparent`,children:[(0,S.jsx)(q,{children:b.Constants.PRONOUN_STRINGS[this.props.word.languageId||`DE`].plural_2p}),(0,S.jsx)(q,{dangerouslySetInnerHTML:{__html:(0,O.displayTargetTextCorrectedForLanguage)(e.plural2pDisplay,this.props.word.languageId)||``}})]}),!e.hidePlural3p&&(0,S.jsxs)(K,{background:this.props.conceptId&&e.concept?.id===this.props.conceptId&&this.props.highlightPronoun===`plural_3p`?`#ffffd7`:`transparent`,children:[(0,S.jsx)(q,{children:b.Constants.PRONOUN_STRINGS[this.props.word.languageId||`DE`].plural_3p}),(0,S.jsx)(q,{dangerouslySetInnerHTML:{__html:(0,O.displayTargetTextCorrectedForLanguage)(e.plural3pDisplay,this.props.word.languageId)||``}})]})]})},e.id):null)}),this.props.expanded&&this.props.word.conjugationTableHasHiddenField&&(0,S.jsxs)(it,{children:[(0,S.jsx)(_,{}),` Conjugations were removed because the conjugated form is never used.`]}),!this.props.expand&&this.props.word&&(!this.props.isInfinitive||this.props.conceptId)&&this.props.grammarTenseInConjugatedStrings&&(0,S.jsxs)(m,{onClick:this.props.onToggleExpanded,margin:`0 0 20px 0`,children:[(0,S.jsx)(`i`,{className:(0,T.default)(`fa`,{"fa-plus":!this.props.expanded,"fa-minus":this.props.expanded}),style:{margin:`3px 5px 0 0`}}),this.props.expanded?`Show Current Tense`:`Show All Tenses`]})]})}},G.defaultProps={padding:`20px`,fontSize:`14px`},G))||W,ct=(0,w.ConjugationTableWrapper)(st),lt,ut=u(l(lt=class extends C.Component{constructor(e){super(e),D.DeckUI.wordTypeStore.getShow({ids:{wordTypeId:this.props.wordTypeId}})}render(){return(0,S.jsx)(v,{markdown:D.DeckUI.wordTypeStore.showData.descriptionMd})}})||lt);c();var dt,J;function ft(e,t,n,r,i){var a={};return Object.keys(r).forEach(function(e){a[e]=r[e]}),a.enumerable=!!a.enumerable,a.configurable=!!a.configurable,(`value`in a||a.initializer)&&(a.writable=!0),a=n.slice().reverse().reduce(function(n,r){return r(e,t,n)||n},a),i&&a.initializer!==void 0&&(a.value=a.initializer?a.initializer.call(i):void 0,a.initializer=void 0),a.initializer===void 0?(Object.defineProperty(e,t,a),null):a}var pt=f.div` 156 width: 100%; 157 .expand-icon { 158 margin: 0 5px 0 auto; 159 align-self: flex-start; 160 height: 22px; 161 color: #868686; 162 font-size: 20px; 163 pointer-events: none; 164 } 165`,mt=f.div` 166 flex: 1; 167 cursor: ${e=>e.keepExpanded?`default`:`pointer`}; 168 background: ${b.Theme.lightGray}; 169 display: flex; 170 padding: 10px; 171 margin: ${e=>e.rowMargin||`10px 0`}; 172 border-radius: 5px; 173 transition: background 0.15s ease; 174 &:hover { 175 background: ${e=>e.keepExpanded?b.Theme.lightGray:`#e2e2e2`}; 176 } 177 &:active { 178 background: ${e=>e.keepExpanded?b.Theme.lightGray:`#e5e5e5`}; 179 } 180`,ht=f.div` 181 display: flex; 182 flex: 1; 183 flex-direction: column; 184`,gt=f.div` 185 margin: 5px; 186 line-height: 20px; 187 text-align: left; 188`,Y=u(l(dt=(J=class extends C.Component{constructor(...e){super(...e),this.onClick=e=>{e.target.id!==this.props.skipExpandId&&this.props.onClick(this.props.id)}}get expanded(){return this.props.keepExpanded||this.props.expandedId===this.props.id}render(){return(0,S.jsxs)(pt,{children:[(0,S.jsxs)(mt,{onClick:this.onClick,keepExpanded:this.props.keepExpanded,rowMargin:this.props.rowMargin,children:[(0,S.jsx)(ht,{children:this.props.children[0]}),!this.props.keepExpanded&&(0,S.jsx)(`i`,{className:(0,T.default)(`fa`,`expand-icon`,{"fa-angle-down":!this.expanded,"fa-angle-up":this.expanded})})]}),this.expanded&&this.props.children[1]&&(0,S.jsx)(gt,{children:this.props.children[1]})]})}},ft(J.prototype,`expanded`,[s],Object.getOwnPropertyDescriptor(J.prototype,`expanded`),J.prototype),J))||dt),_t,vt=f.div` 189 font-weight: ${e=>e.bold?`bold`:`inherit`}; 190 font-size: ${e=>e.big?`24px`:`16px`}; 191 margin: ${e=>e.big?`5px 0`:0}; 192 width: 100%; 193 display: flex; 194 align-items: center; 195 justify-content: left; 196 text-align: left; 197 cursor: pointer; 198 padding: 3px 5px; 199 line-height: 20px; 200`,yt=f.div` 201 width: 25px; 202 .icon-wrapper { 203 display: inline-block; 204 width: 25px!important; 205 height: 20px; 206 } 207`,bt=f.div` 208 display: flex; 209`,xt=f.div` 210 211`,St=f.div` 212 font-size: 14px; 213 font-style: italic; 214`,Ct=f.div` 215 display: flex; 216 margin: 10px 0 0 0; 217 overflow: hidden; 218`,wt=f.div` 219 display: flex; 220 border-right: ${e=>e.borderRight}; 221 font-size: 12px; 222 font-weight: bold; 223 padding: 2px 10px; 224 text-transform: uppercase; 225 width: ${e=>e.width}; 226 background: ${e=>e.background}; 227 color: ${e=>e.background?`#FFF`:`#333`}; 228 align-items: center; 229 justify-content: center; 230`,Tt=f.div` 231 border-right: ${e=>e.borderRight}; 232 border-bottom: ${e=>e.borderBottom}; 233 background: ${e=>e.background}; 234 display: flex; 235 font-size: 10px; 236 padding: 2px 10px; 237 width: ${e=>e.width}; 238 color: #333; 239 align-items: center; 240 justify-content: center; 241 text-transform: uppercase; 242`,Et=f.div` 243 display: flex; 244 flex-direction: column; 245`,Dt=f.div` 246 display: flex; 247 flex-direction: column; 248`,X=u(l(_t=class extends C.Component{render(){let e=(0,O.isPresent)(this.props.displayNameLine1WithCase),t=e?this.props.displayNameLine1WithCase:this.props.concept?.displayNameLine1WithCase,n=this.props.concept?(0,O.isPresent)(this.props.concept.displayNameLine1):(0,O.isPresent)(this.props.displayNameLine2),r=e?this.props.displayNameLine2:this.props.concept?.displayNameLine2;return(0,S.jsx)(vt,{big:this.props.big,bold:this.props.bold,children:(0,S.jsxs)(Et,{children:[(0,S.jsxs)(bt,{children:[(0,S.jsxs)(yt,{children:[!this.props.icon&&!this.props.hideIcon&&(0,S.jsx)(E.InfoIcon,{}),this.props.icon]}),!this.props.concept&&!e&&(0,O.isPresent)(this.props.text)&&(0,S.jsx)(bt,{children:this.props.text}),(this.props.concept||e)&&(0,S.jsxs)(Et,{children:[(0,S.jsx)(xt,{children:t}),n&&(0,S.jsx)(St,{children:r})]})]}),this.props.gender&&D.DeckUI.deck.languageId===`DE`&&(0,S.jsx)(Ct,{children:(0,y.keys)(b.Constants.ARTICLES_BY_GENDER[this.props.gender]).map((e,t)=>{let n=b.Constants.CASES.find(t=>t.abbreviation.toLowerCase()===e)?.name;return(0,S.jsxs)(Dt,{children:[(0,S.jsx)(Tt,{borderRight:t<3?`1px solid #9a9a9a`:null,borderBottom:`4px solid ${b.Theme.caseColors[n.toLowerCase()]}`,width:D.DeckUI.layout.deckWidth>420?`90px`:`55px`,children:D.DeckUI.layout.deckWidth>420?n:n.substring(0,3)}),(0,S.jsxs)(wt,{borderRight:t<3?`1px solid #9a9a9a`:null,width:D.DeckUI.layout.deckWidth>420?`90px`:`55px`,children:[this.props.caseAbbreviation&&e.toLowerCase()===this.props.caseAbbreviation.toLowerCase()&&(0,S.jsx)(`i`,{className:`fa fa-check`}),b.Constants.ARTICLES_BY_GENDER[this.props.gender][e]]})]},e)})})]})})}})||_t),Ot,kt=f.div` 249 text-align: left; 250 margin-bottom: 10px; 251 padding-bottom: 10px; 252 h3 { 253 font-size: 16px; 254 } 255`,At=f.div` 256 display: flex; 257 flex-direction: column; 258 margin-top: 20px; 259`,jt=l(Ot=class extends C.Component{render(){return(0,S.jsxs)(kt,{children:[this.props.title&&(0,S.jsx)(h,{bold:!0,margin:`10px 0 0 0`,children:this.props.title||`Related Sentences`}),(0,O.isPresent)(this.props.htmlDescription)&&(0,S.jsx)(v,{htmlText:this.props.htmlDescription}),(0,O.isBlank)(this.props.htmlDescription)&&(0,O.isPresent)(this.props.markdownDescription)&&(0,S.jsx)(v,{markdown:this.props.markdownDescription}),(0,S.jsxs)(At,{children:[this.props.word&&!this.props.word.hasSentences&&(0,S.jsx)(h,{children:`No Sentences Found.`}),this.props.displaySentences&&this.props.sentences.map((e,t)=>(0,S.jsx)(N,{background:t%2?`#FFF`:`whitesmoke`,className:`sentence`,translation:e,fontSize:`14px`,languageButtonWrapperWidth:`25px`,languageButtonWrapperPadding:`0 5px 0 0`,showSentenceBreakdown:!0,onClickPlayVideo:this.props.onClickPlayVideo,sentenceBreakdownProps:{highlightWordId:this.props.word&&this.props.word.id,highlightConceptId:this.props.concept&&this.props.concept.id,hideWordAssociationHighlight:!0,disableOnClick:!0},user:this.props.user},e.id)),this.props.showSpinner&&(0,S.jsx)(p,{})]}),this.props.displaySentences&&!this.props.willReceiveSentences&&(this.props.store.page>1||this.props.store.indexData.length===this.props.store.limit)&&(0,S.jsx)(_e,{compact:!0,store:this.props.store,ids:{wordId:this.props.word&&this.props.word.id,conceptId:this.props.concept&&this.props.concept.id}})]})}})||Ot,Z=(0,w.WordCardRowExpandedWrapper)(jt),Mt,Nt=f.div` 260 width: 100%;
261 .table-icon { svg { width: 20px; } } 262 .icon-wrapper { 263 width: 20px; 264 svg { 265 fill: #000; 266 } 267 } 268`,Pt=f.div` 269 margin-top: 10px; 270`,Ft=l(Mt=class extends C.Component{render(){return this.props.word?(0,S.jsx)(Nt,{children:(0,S.jsxs)(Y,{id:this.props.id||`conjugation-table`,expandedId:this.props.expandedId,onClick:this.props.onClickRow,rowMargin:this.props.rowMargin,children:[(0,S.jsx)(X,{icon:(0,S.jsx)(E.TableIcon,{}),displayNameLine1WithCase:this.props.displayNameLine1WithCase||(this.props.word.isInfinitive?`Conjugation Tables`:`Conjugation Table`),displayNameLine2:this.props.displayNameLine2||this.props.word.conjugatedVerbStringsSummary}),(0,S.jsx)(Pt,{children:(0,S.jsx)(ct,{inDeck:!0,word:this.props.word,...this.props.conjugationTableProps})})]})}):null}})||Mt,It=e(ve());se();var Lt,Rt=f.div` 271 margin: ${e=>e.margin}; 272 width: ${e=>e.width}; 273`,zt=f.div` 274 display: flex; 275 align-items: center; 276 padding: 5px; 277 background: ${d.darkGreen}; 278 border-radius: 30px; 279 280 .star-with-circle-icon { 281 fill: #FFF; 282 width: 20px; 283 margin-right: 5px; 284 } 285`,Bt=l(Lt=class extends C.Component{render(){return(0,S.jsx)(Rt,{margin:this.props.margin,width:this.props.disableToggleButton?`210px`:`240px`,style:this.props.style,children:(0,S.jsx)(P.Motion,{style:{scale:(0,P.spring)(this.props.animateScale,this.props.animateScale===1?P.presets.wobbly:P.presets.stiff)},children:({scale:e})=>(0,S.jsxs)(zt,{style:{transform:`scale(${e})`},children:[this.showSpinner&&(0,S.jsx)(p,{}),!this.props.learned&&(0,S.jsxs)(m,{width:`100%`,height:`40px`,onClick:this.props.onToggleLearned,background:d.green,children:[(0,S.jsx)(E.StarWithCircleIcon,{backgroundColor:`#FFF`,color:d.green}),`Mark as Learned`]}),this.props.learned&&(0,S.jsxs)(m,{width:`100%`,height:`40px`,background:`linear-gradient(-134deg, ${d.successCheckColor} -60%, ${d.green} 100%)`,onClick:this.props.onToggleLearned,children:[(0,S.jsx)(E.StarWithCircleIcon,{backgroundColor:`#FFF`,color:d.green}),`Learned`]})]})})})}})||Lt,Vt=(0,w.LearnedButtonWrapper)(Bt),Ht,Ut={regularVerb:(0,S.jsx)(E.RegularVerbIcon,{}),irregularVerb:(0,S.jsx)(E.BrokenCircleIcon,{}),dativeCase:(0,S.jsx)(E.CaseIcon,{case:`dative`}),accusativeCase:(0,S.jsx)(E.CaseIcon,{case:`accusative`}),nominativeCase:(0,S.jsx)(E.CaseIcon,{case:`nominative`}),genitiveCase:(0,S.jsx)(E.CaseIcon,{case:`genitive`})},Wt=f.div` 286 height: ${e=>e.height}; 287 position: ${e=>e.position}; 288 background: #FFF; 289 left: 0; 290 top: 0; 291 z-index: ${b.Theme.z[`card-info-4`]}; 292 width: 100%; 293 overflow: hidden; 294`,Gt=f.div` 295 height: ${e=>e.height}; 296 width: ${e=>e.width}; 297 overflow: auto; 298 padding-bottom: 80px; 299`,Kt=f.div` 300 display: flex; 301 flex-direction: column; 302 align-items: center; 303 padding: 10px; 304`,qt=f.div` 305 z-index: ${b.Theme.z[`modal-background`]}; 306 position: absolute; 307 width: 30px; 308 height: 30px; 309 top: 20px; 310 left: 10px; 311 .icon-wrapper { 312 position: absolute; 313 top: 0; 314 right: 0 315 } 316 svg { 317 width: 30px; 318 fill: #191919; 319 } 320`,Jt=f.div` 321 z-index: ${b.Theme.z[`modal-background`]}; 322 position: absolute; 323 width: 70px; 324 height: 70px; 325 top: 0; 326 right: 10px; 327 .icon-wrapper { 328 position: absolute; 329 top: 12px; 330 right: 0 331 } 332 svg { 333 width: 20px; 334 fill: #000; 335 } 336`,Yt=f.div` 337 width: 100%; 338 .broken-circle-icon { svg { width: 10px; } } 339 .arrow-icon { svg { width: 8px; } } 340 .info-icon { svg { width: 2.5px; } } 341 .table-icon { svg { width: 20px; } } 342 .alert-icon { svg { width: 20px; } } 343 .infinitive { 344 .icon-wrapper { 345 transform: rotate(180deg); 346 display: flex; 347 justify-content: flex-end; 348 } 349 } 350 .info-icon, .arrow-icon, .broken-circle-icon { 351 height: 20px; 352 width: 20px; 353 display: flex; 354 align-items: center; 355 justify-content: center; 356 border-radius: 3px; 357 border: 1px solid black; 358 } 359 .icon-wrapper { 360 width: 20px; 361 svg { 362 fill: #000; 363 } 364 } 365`,Xt=f.div` 366 font-size: 12px; 367 font-style: italic; 368 color: #565656; 369 line-height: 15px; 370 border: #565656 solid 1px; 371 padding: 10px 20px; 372 border-radius: 5px; 373 min-height: 50px; 374 display: flex; 375 flex-direction: column; 376 align-items: center; 377 justify-content: center; 378 margin-bottom: 10px; 379 max-width: 400px; 380`,Zt=f.div` 381 ${(0,F.flexCenter)()} 382 font-size: 14px; 383 font-style: italic; 384 margin-bottom: 10px; 385 i { 386 margin-right: 5px; 387 } 388`,Qt=f.div` 389 margin-bottom: 10px; 390 margin-top: 20px; 391`,$t=f.div` 392 ${(0,F.flexCenterColumn)()} 393 height: 140px; 394 background: #E6E6E6; 395 border-top: 2px solid #CCC; 396`,en=f.span` 397 margin-left: 4px; 398 cursor: pointer; 399 text-decoration: underline; 400 font-style: italic; 401`,tn=f.div` 402 display: flex; 403`,nn=f.div` 404`,rn=l(Ht=class extends C.Component{componentDidMount(){(0,It.default)(`escape`,this.props.onCloseCard)}componentWillUnmount(){It.default.unbind(`escape`),this.props.sentence&&this.props.sentence.state&&this.props.sentence.state.set(`selectedWordAssociationId`,null)}render(){return(0,S.jsxs)(Wt,{position:this.props.sentence&&!this.props.backend?`absolute`:null,height:(0,O.pixify)(this.props.height),borderRadius:this.props.isMobile?0:`20px`,children:[(0,S.jsx)(Gt,{className:`scroll-container`,width:(0,O.pixify)(this.props.width),height:(0,O.pixify)(this.props.height-140),children:(0,S.jsxs)(Kt,{id:`word-card`,children:[this.props.sentence&&!this.props.backend&&(0,S.jsx)(qt,{onClick:this.props.onCloseCard,children:(0,S.jsx)(E.CloseIcon,{})}),this.props.selectedVideoClip&&(0,S.jsx)(Jt,{onClick:this.props.clearVideoClips,children:(0,S.jsx)(E.CloseIconRedX,{})}),(0,S.jsx)(Qt,{children:(0,S.jsx)(U,{width:Math.floor((0,O.depixify)(this.props.width)/3),hasVideoClip:this.props.hasVideoClip,autoPlay:this.props.autoPlay&&!this.props.backend,videoClip:this.props.videoClip,supplementVideoClip:this.props.supplementVideoClip})}),!this.props.showReviewToggle&&(0,S.jsxs)(Xt,{children:[(0,S.jsxs)(tn,{children:[!this.props.showNoReviewExplanation&&(0,S.jsx)(`span`,{children:`This word
404is not available for review.`}),!this.props.showNoReviewExplanation&&this.props.reasonToBlockReviewToggle&&(0,S.jsx)(en,{onClick:this.props.onToggleShowNoReviewExplanation,children:`Why?`})]}),this.props.showNoReviewExplanation&&(0,S.jsx)(`div`,{children:b.Constants.NO_REVIEW_EXPLANATIONS[this.props.reasonToBlockReviewToggle]})]}),this.props.showReviewToggle&&(0,S.jsxs)(nn,{children:[(0,S.jsx)(B,{interfaceSource:`word-card`,margin:`0 0 10px 0`,buttonText:`Add to Reviews`,word:this.props.word.rootWord?this.props.word.rootWord:this.props.word}),(0,S.jsx)(Vt,{word:this.props.word})]}),this.props.showReviewsMessage&&(0,S.jsxs)(Zt,{children:[(0,S.jsx)(_,{}),` This feature is available for Seedlang Pros.`]}),(0,S.jsxs)(Yt,{children:[(0,S.jsxs)(Y,{id:this.props.word.id,expandedId:this.props.expandedId,keepExpanded:!this.props.sentence,onClick:this.props.onClickRow,children:[(0,S.jsxs)(`span`,{children:[this.props.primaryTranslationText&&(0,S.jsx)(X,{text:this.props.primaryTranslationText,icon:(0,S.jsx)(E.LanguageIcon,{languageId:this.props.word.languageId}),bold:!0,big:!this.props.sentence}),!this.props.sentence&&(0,O.isPresent)(this.props.word?.translationSources)&&this.props.word.translationSources.map(e=>(0,S.jsx)(X,{text:`${e.source.textForUser(this.props.user)}${e.source.displayGender?this.props.word.genderAbbreviation:``}`,icon:(0,S.jsx)(E.LanguageIcon,{languageId:`EN`}),big:!0},e.id)),this.props.sentence&&this.props.blankSource&&(0,S.jsx)(X,{text:(0,S.jsxs)(h,{fontStyle:`italic`,color:`#888`,fontSize:`16px`,children:[`No Translation`,(0,S.jsx)(fe,{margin:`1px 0 0px 5px`,children:`Some words are not translatable into English.`})]}),icon:(0,S.jsx)(E.LanguageIcon,{languageId:`EN`}),big:!this.props.sentence}),this.props.sentence&&!this.props.blankSource&&(0,S.jsx)(X,{text:`${this.props.wordAssociation.source.textForUser(this.props.user)}${this.props.wordAssociation.source.displayGender?this.props.word.genderAbbreviation:``}`,icon:(0,S.jsx)(E.LanguageIcon,{languageId:`EN`}),big:!this.props.sentence})]}),(0,S.jsx)(Z,{word:this.props.word,willReceiveSentences:!this.props.sentence,sentences:this.props.wordSentences,onClickPlayVideo:this.props.onClickPlayVideo,user:this.props.user})]}),(0,O.isPresent)(this.props.wordAssociation?.vocabConcepts)&&this.props.wordAssociation.vocabConcepts.map(e=>(0,S.jsxs)(Y,{id:e.id,expandedId:this.props.expandedId,onClick:this.props.onClickRow,children:[(0,S.jsx)(X,{concept:e}),(0,S.jsx)(Z,{concept:e,onClickPlayVideo:this.props.onClickPlayVideo,user:this.props.user})]},e.id)),this.props.infinitiveVerbTargetText&&(0,S.jsxs)(Y,{id:`infinitive`,expandedId:this.props.expandedId,onClick:this.props.onClickRow,children:[(0,S.jsx)(X,{text:`${this.props.infinitiveVerbTargetText}, Infinitive Form`,icon:(0,S.jsx)(E.ArrowIcon,{})}),(0,S.jsx)(Z,{title:this.props.word.hasInfinitiveVerb?`Sentences using "${this.props.word.infinitiveVerb.targetText}"`:`Sentences using "${this.props.wordAssociation.infinitiveConcept.name}"`,word:this.props.word.hasInfinitiveVerb?this.props.word.infinitiveVerb:this.props.wordAssociation.infinitiveConcept,onClickPlayVideo:this.props.onClickPlayVideo,user:this.props.user})]}),this.props.showWordType&&(0,S.jsxs)(Y,{id:`word-type-${this.props.word.id}`,expandedId:this.props.expandedId,onClick:this.props.onClickRow,children:[(0,S.jsx)(X,{text:this.props.word.wordType.name}),(0,S.jsx)(ut,{wordTypeId:this.props.word.wordType.id})]}),this.props.showWordTypeConcept&&(0,S.jsxs)(Y,{id:`word-type-${this.props.word.id}`,expandedId:this.props.expandedId,onClick:this.props.onClickRow,children:[(0,S.jsx)(X,{icon:Ut[this.props.word.wordTypeConcept.icon],concept:this.props.word.isNoun?null:this.props.word.wordTypeConcept,text:this.props.wordTypeText,caseAbbreviation:this.props.word.isNoun&&this.props.word.caseAbbreviation,gender:this.props.word.plural?`plural`:this.props.word.gender}),(0,S.jsx)(Z,{hideSentences:!0,htmlDescription:this.props.wordTypeLongDescription,markdownDescription:this.props.wordTypeShortDescriptionMd,concept:this.props.word.wordTypeConcept,onClickPlayVideo:this.props.onClickPlayVideo,user:this.props.user})]}),this.props.showConjugationTable&&(0,S.jsx)(Ft,{word:this.props.word,expandedId:this.props.expandedId,onClickRow:this.props.onClickRow,displayNameLine1WithCase:`Conjugation`,displayNameLine2:this.props.word.conjugatedVerbStringsSummary}
404),(0,O.isPresent)(this.props.wordAssociation?.nonvocabConcepts)&&this.props.wordAssociation.nonvocabConcepts.map(e=>(0,S.jsxs)(Y,{id:e.id,expandedId:this.props.expandedId,onClick:this.props.onClickRow,children:[(0,S.jsx)(X,{concept:e},1),(0,S.jsx)(Z,{concept:e,onClickPlayVideo:this.props.onClickPlayVideo,user:this.props.user})]},e.id))]})]})}),this.props.sentence&&!this.props.backend&&(0,S.jsx)($t,{children:(0,S.jsx)(Re,{resizeText:!0,maximumFontSize:30,height:100,width:D.DeckUI.layout.innerDeckWidth-20,characterLength:this.props.sentence.targetText&&this.props.sentence.targetText.length,children:(0,S.jsx)(Se,{center:!0,showUnderline:!0,showCase:!0,sentence:this.props.sentence,onClick:()=>D.DeckUI.onWordClick(),defaultBorderColor:`#b0b0b0`})})})]})}})||Ht,an=(0,w.WordCardWrapper)(rn),on=t({default:()=>mn});c();var sn,Q,cn,ln;function un(e,t,n,r){n&&Object.defineProperty(e,t,{enumerable:n.enumerable,configurable:n.configurable,writable:n.writable,value:n.initializer?n.initializer.call(r):void 0})}function $(e,t,n,r,i){var a={};return Object.keys(r).forEach(function(e){a[e]=r[e]}),a.enumerable=!!a.enumerable,a.configurable=!!a.configurable,(`value`in a||a.initializer)&&(a.writable=!0),a=n.slice().reverse().reduce(function(n,r){return r(e,t,n)||n},a),i&&a.initializer!==void 0&&(a.value=a.initializer?a.initializer.call(i):void 0,a.initializer=void 0),a.initializer===void 0?(Object.defineProperty(e,t,a),null):a}var dn=f(he)` 405 gap: ${me.sm}; 406 flex-direction: row; 407 width: 100%; 408`,fn=f.div` 409 display: flex; 410 position: relative; 411 margin-bottom: 10px; 412 i { 413 position: absolute; 414 color: #CCC; 415 top: 8px; 416 left: 8px; 417 z-index: 99; 418 } 419 input { 420 padding: 10px 10px 10px 30px!important; 421 height: 32px!important; 422 border: 1px solid #CCC; 423 border-radius: 10px; 424 margin-bottom: 10px; 425 } 426`,pn=f.ul` 427 margin: 0; 428 li { 429 margin: 0; 430 } 431`,mn=Ee(l(sn=(Q=class extends C.Component{constructor(...e){super(...e),un(this,`concepts`,cn,this),un(this,`searchQuery`,ln,this),this.updateSearchQuery=e=>{this.searchQuery=e,this.getConcepts()},this.getConcepts=()=>{D.AppUI.siteIsDefault?x.AutomaticConceptStore.getIndex({limit:10,filters:{language_id:this.props.word.languageId,name:(0,O.isPresent)(this.searchQuery)?`~${this.searchQuery}~`:null}}):x.ConceptStore.getIndex({limit:10,filters:{group_id:this.props.groupId,name:(0,O.isPresent)(this.searchQuery)?`~${this.searchQuery}~`:null}})}}componentDidMount(){this.getConcepts(),D.AppUI.siteIsDefault?this.concepts=this.props.word.concepts:this.concepts=this.props.word.concepts.filter(e=>e.groupId===D.AppUI.site.groupId)}componentWillUnmount(){x.AutomaticConceptStore.setPage(1),x.AutomaticConceptStore.clearFilter(),x.AutomaticConceptStore.clearIndexData()}onCreate(e){this.concepts.push(e),x.ConceptWordStore.create({data:{concept_id:e.id,word_id:this.props.word.id}},this.props.onChange)}onDelete(e){this.concepts=this.concepts.filter(t=>t.id!==e),x.ConceptWordStore.destroy({ids:{concept_id:e,word_id:this.props.word.id}},this.props.onChange)}onClick(e){this.hasConcept(e.id)?this.onDelete(e.id):this.onCreate(e)}hasConcept(e){return(0,O.isPresent)(this.concepts.find(t=>t.id===e))}get conceptIndexData(){return D.AppUI.siteIsDefault?x.AutomaticConceptStore.indexData:x.ConceptStore.indexData}render(){return(0,S.jsxs)(dn,{children:[!this.props.hideWordCard&&(0,S.jsxs)(`div`,{children:[(0,S.jsx)(`h5`,{children:`Word Card`}),(0,S.jsx)(an,{word:this.props.word,wordAssociation:this.props.wordAssociation,sentence:this.props.sentence,backend:!0,height:`auto`,width:`400px`})]}),(0,S.jsxs)(`div`,{children:[(0,O.isPresent)(this.props.explainer)&&(0,S.jsx)(De,{background:`#e4e4e4`,children:this.props.explainer}),(0,S.jsx)(`h5`,{children:(0,O.isPresent)(this.props.title)?this.props.title:`Concepts`}),(0,S.jsx)(`div`,{style:{marginBottom:10},children:(0,S.jsx)(pn,{children:(0,y.sortBy)(this.concepts,[`name`]).map(e=>(0,S.jsx)(`li`,{children:(0,S.jsx)(de,{to:{name:`builder.concepts.edit`,params:{conceptId:e.id}},className:`underline`,children:e.name})},e.id))})}),(0,S.jsxs)(fn,{children:[(0,S.jsx)(`i`,{className:`fa fa-search`}),(0,S.jsx)(we,{show:!0,onChange:this.updateSearchQuery})]}),(0,O.isPresent)(this.conceptIndexData)&&(0,S.jsxs)(Te,{children:[(0,S.jsx)(`thead`,{children:(0,S.jsxs)(`tr`,{children:[(0,S.jsx)(`th`,{width:`40`}
431),(0,S.jsx)(`th`,{children:`Name`})]})}),(0,S.jsx)(`tbody`,{children:this.conceptIndexData.map(e=>(0,S.jsxs)(`tr`,{children:[(0,S.jsx)(`td`,{children:(0,S.jsx)(ge,{i:`check-circle`,className:(0,T.default)({disabled:!this.hasConcept(e.id)}),style:{fontSize:20,color:this.hasConcept(e.id)?`green`:`#ccc`},onClick:this.onClick.bind(this,e)})}),(0,S.jsx)(`td`,{children:e.name})]},e.id))})]}),(0,S.jsx)(_e,{store:x.AutomaticConceptStore}),(0,O.isBlank)(this.conceptIndexData)&&x.ConceptStore.requestCounter===0&&(0,O.isPresent)(this.props.noConceptsMessage)&&(0,S.jsxs)(g,{margin:`10px 0 0 0`,borderRadius:`5px`,children:[(0,S.jsx)(_,{}),this.props.noConceptsMessage]})]})]})}},cn=$(Q.prototype,`concepts`,[o],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return[]}}),ln=$(Q.prototype,`searchQuery`,[o],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return null}}),$(Q.prototype,`conceptIndexData`,[s],Object.getOwnPropertyDescriptor(Q.prototype,`conceptIndexData`),Q.prototype),Q))||sn,{width:`850px`,height:`740px`});export{Ft as a,Y as c,B as d,Re as f,Vt as i,ct as l,on as n,Z as o,N as p,an as r,X as s,mn as t,U as u}; 432//# sourceMappingURL=concept_word_index-DgzOdHQp.js.map
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.