@pie-element/multiple-choice 13.1.0 → 13.1.1-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/author/defaults.d.ts +206 -0
- package/dist/author/defaults.d.ts.map +1 -0
- package/dist/author/defaults.js +151 -0
- package/dist/author/index.d.ts +27 -0
- package/dist/author/index.d.ts.map +1 -0
- package/dist/author/index.js +116 -0
- package/dist/author/main.d.ts +35 -0
- package/dist/author/main.d.ts.map +1 -0
- package/dist/author/main.js +290 -0
- package/dist/author/utils.d.ts +10 -0
- package/dist/author/utils.d.ts.map +1 -0
- package/dist/author/utils.js +7 -0
- package/dist/controller/defaults.d.ts +36 -0
- package/dist/controller/defaults.d.ts.map +1 -0
- package/dist/controller/defaults.js +29 -0
- package/dist/controller/index.d.ts +66 -0
- package/dist/controller/index.d.ts.map +1 -0
- package/dist/controller/index.js +124 -0
- package/dist/controller/utils.d.ts +11 -0
- package/dist/controller/utils.d.ts.map +1 -0
- package/dist/controller/utils.js +8 -0
- package/dist/delivery/choice-input.d.ts +45 -0
- package/dist/delivery/choice-input.d.ts.map +1 -0
- package/dist/delivery/choice-input.js +274 -0
- package/dist/delivery/choice.d.ts +21 -0
- package/dist/delivery/choice.d.ts.map +1 -0
- package/dist/delivery/choice.js +109 -0
- package/dist/delivery/feedback-tick.d.ts +21 -0
- package/dist/delivery/feedback-tick.d.ts.map +1 -0
- package/dist/delivery/feedback-tick.js +104 -0
- package/dist/delivery/index.d.ts +38 -0
- package/dist/delivery/index.d.ts.map +1 -0
- package/dist/delivery/index.js +217 -0
- package/dist/delivery/main.d.ts +32 -0
- package/dist/delivery/main.d.ts.map +1 -0
- package/dist/delivery/main.js +51 -0
- package/dist/delivery/multiple-choice.d.ts +63 -0
- package/dist/delivery/multiple-choice.d.ts.map +1 -0
- package/dist/delivery/multiple-choice.js +252 -0
- package/dist/delivery/session-updater.d.ts +11 -0
- package/dist/delivery/session-updater.d.ts.map +1 -0
- package/dist/delivery/session-updater.js +9 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.iife.d.ts +9 -0
- package/dist/index.iife.d.ts.map +1 -0
- package/dist/index.iife.js +148 -0
- package/dist/index.js +2 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_DataView.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_Hash.js +16 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_ListCache.js +16 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_Map.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_MapCache.js +16 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_Promise.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_Set.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_SetCache.js +11 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_Stack.js +13 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_Symbol.js +5 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_Uint8Array.js +5 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_WeakMap.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_apply.js +12 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_arrayEach.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_arrayFilter.js +10 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_arrayLikeKeys.js +15 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_arrayPush.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_arraySome.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_assignMergeValue.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_assignValue.js +10 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_assocIndexOf.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseAssign.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseAssignIn.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseAssignValue.js +12 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseClone.js +57 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseCreate.js +14 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseFor.js +5 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseGetAllKeys.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseGetTag.js +10 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseIsArguments.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseIsEqual.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseIsEqualDeep.js +30 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseIsMap.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseIsNative.js +11 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseIsSet.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseIsTypedArray.js +11 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseKeys.js +12 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseKeysIn.js +13 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseMerge.js +19 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseMergeDeep.js +31 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseRest.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseSetToString.js +14 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseTimes.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseTrim.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_baseUnary.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_cacheHas.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_cloneArrayBuffer.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_cloneBuffer.js +10 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_cloneDataView.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_cloneRegExp.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_cloneSymbol.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_cloneTypedArray.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_copyArray.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_copyObject.js +14 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_copySymbols.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_copySymbolsIn.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_coreJsData.js +5 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_createAssigner.js +15 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_createBaseFor.js +12 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_defineProperty.js +10 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_equalArrays.js +35 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_equalByTag.js +35 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_equalObjects.js +32 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_freeGlobal.js +4 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_getAllKeys.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_getAllKeysIn.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_getMapData.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_getNative.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_getPrototype.js +5 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_getRawTag.js +14 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_getSymbols.js +10 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_getSymbolsIn.js +11 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_getTag.js +23 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_getValue.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_hashClear.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_hashDelete.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_hashGet.js +13 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_hashHas.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_hashSet.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_initCloneArray.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_initCloneByTag.js +33 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_initCloneObject.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_isIndex.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_isIterateeCall.js +12 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_isKeyable.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_isMasked.js +11 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_isPrototype.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_listCacheClear.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_listCacheDelete.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_listCacheGet.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_listCacheHas.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_listCacheSet.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_mapCacheClear.js +13 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_mapCacheDelete.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_mapCacheGet.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_mapCacheHas.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_mapCacheSet.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_mapToArray.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_nativeCreate.js +5 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_nativeKeys.js +5 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_nativeKeysIn.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_nodeUtil.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_objectToString.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_overArg.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_overRest.js +13 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_root.js +5 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_safeGet.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_setCacheAdd.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_setCacheHas.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_setToArray.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_setToString.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_shortOut.js +14 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_stackClear.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_stackDelete.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_stackGet.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_stackHas.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_stackSet.js +16 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_toSource.js +15 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/_trimmedEndIndex.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/cloneDeep.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/constant.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/debounce.js +50 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/defaults.js +16 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/eq.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/identity.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isArguments.js +10 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isArray.js +4 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isArrayLike.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isArrayLikeObject.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isBuffer.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isEmpty.js +21 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isEqual.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isFunction.js +11 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isLength.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isMap.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isObject.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isObjectLike.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isPlainObject.js +14 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isSet.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isSymbol.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/isTypedArray.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/keys.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/keysIn.js +9 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/merge.js +8 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/now.js +7 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/stubArray.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/stubFalse.js +6 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/toNumber.js +19 -0
- package/dist/node_modules/.bun/lodash-es@4.17.23/node_modules/lodash-es/toPlainObject.js +8 -0
- package/dist/print/index.d.ts +16 -0
- package/dist/print/index.d.ts.map +1 -0
- package/dist/print/index.js +44 -0
- package/package.json +58 -26
- package/{configure/lib/defaults.js → src/author/defaults.ts} +55 -90
- package/{configure/lib/index.js → src/author/index.ts} +98 -51
- package/src/author/main.tsx +509 -0
- package/src/author/utils.ts +25 -0
- package/{controller/lib/defaults.js → src/controller/defaults.ts} +11 -8
- package/{controller/lib/index.js → src/controller/index.ts} +123 -109
- package/src/controller/utils.ts +22 -0
- package/src/delivery/choice-input.tsx +413 -0
- package/src/delivery/choice.tsx +203 -0
- package/src/delivery/feedback-tick.tsx +156 -0
- package/{lib/index.js → src/delivery/index.ts} +211 -129
- package/src/delivery/main.tsx +85 -0
- package/src/delivery/multiple-choice.tsx +485 -0
- package/{lib/session-updater.js → src/delivery/session-updater.ts} +17 -13
- package/src/index.iife.ts +16 -0
- package/src/index.ts +1 -0
- package/src/print/index.tsx +112 -0
- package/CHANGELOG.json +0 -1972
- package/CHANGELOG.md +0 -2696
- package/LICENSE.md +0 -5
- package/PRINT.md +0 -35
- package/README.md +0 -56
- package/choice.png +0 -0
- package/configure/CHANGELOG.json +0 -1387
- package/configure/CHANGELOG.md +0 -2046
- package/configure/lib/defaults.js.map +0 -1
- package/configure/lib/index.js.map +0 -1
- package/configure/lib/main.js +0 -477
- package/configure/lib/main.js.map +0 -1
- package/configure/lib/utils.js +0 -18
- package/configure/lib/utils.js.map +0 -1
- package/configure/package.json +0 -22
- package/controller/CHANGELOG.json +0 -527
- package/controller/CHANGELOG.md +0 -1388
- package/controller/lib/defaults.js.map +0 -1
- package/controller/lib/index.js.map +0 -1
- package/controller/lib/utils.js +0 -15
- package/controller/lib/utils.js.map +0 -1
- package/controller/package.json +0 -15
- package/docs/config-schema.json +0 -2993
- package/docs/config-schema.json.md +0 -2217
- package/docs/demo/config.js +0 -8
- package/docs/demo/generate.js +0 -61
- package/docs/demo/index.html +0 -1
- package/docs/demo/session.js +0 -7
- package/docs/pie-schema.json +0 -1332
- package/docs/pie-schema.json.md +0 -1015
- package/lib/choice-input.js +0 -380
- package/lib/choice-input.js.map +0 -1
- package/lib/choice.js +0 -197
- package/lib/choice.js.map +0 -1
- package/lib/feedback-tick.js +0 -134
- package/lib/feedback-tick.js.map +0 -1
- package/lib/index.js.map +0 -1
- package/lib/main.js +0 -63
- package/lib/main.js.map +0 -1
- package/lib/multiple-choice.js +0 -412
- package/lib/multiple-choice.js.map +0 -1
- package/lib/print.js +0 -94
- package/lib/print.js.map +0 -1
- package/lib/session-updater.js.map +0 -1
- package/module/configure.js +0 -1
- package/module/controller.js +0 -3045
- package/module/demo.js +0 -86
- package/module/element.js +0 -1
- package/module/index.html +0 -21
- package/module/manifest.json +0 -14
- package/module/print-demo.js +0 -124
- package/module/print.html +0 -18
- package/module/print.js +0 -1
|
@@ -0,0 +1,274 @@
|
|
|
1
|
+
import e from "./feedback-tick.js";
|
|
2
|
+
import t from "react";
|
|
3
|
+
import n from "prop-types";
|
|
4
|
+
import * as r from "@pie-lib/render-ui";
|
|
5
|
+
import { Feedback as i, PreviewPrompt as a, color as o } from "@pie-lib/render-ui";
|
|
6
|
+
import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
7
|
+
import u from "classnames";
|
|
8
|
+
import { styled as d } from "@mui/material/styles";
|
|
9
|
+
import f from "@mui/material/Box";
|
|
10
|
+
import p from "@mui/material/FormControlLabel";
|
|
11
|
+
import m from "@mui/material/Checkbox";
|
|
12
|
+
import h from "@mui/material/Radio";
|
|
13
|
+
//#region src/delivery/choice-input.tsx
|
|
14
|
+
function g(e) {
|
|
15
|
+
return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
|
|
16
|
+
}
|
|
17
|
+
function _(e, t) {
|
|
18
|
+
return !e || g(e) ? e : g(e.default) ? e.default : t && g(e[t]) ? e[t] : t && g(e[t]?.default) ? e[t].default : e;
|
|
19
|
+
}
|
|
20
|
+
var v = _(a, "PreviewPrompt") || _(S.PreviewPrompt, "PreviewPrompt"), y = _(i, "Feedback") || _(S.Feedback, "Feedback"), b = r, x = b.default, S = x && typeof x == "object" ? x : b, C = "multiple-choice-component", w = d(f)({
|
|
21
|
+
display: "flex",
|
|
22
|
+
alignItems: "center",
|
|
23
|
+
backgroundColor: o.background()
|
|
24
|
+
}), T = d(f)({
|
|
25
|
+
display: "flex",
|
|
26
|
+
alignItems: "center",
|
|
27
|
+
backgroundColor: o.background(),
|
|
28
|
+
flex: 1,
|
|
29
|
+
"& .MuiFormControlLabel-root": { marginLeft: "-14px" },
|
|
30
|
+
"& label": {
|
|
31
|
+
color: o.text(),
|
|
32
|
+
"& > span": { fontSize: "inherit" },
|
|
33
|
+
"& > .MuiButtonBase-root": { padding: "12px" }
|
|
34
|
+
}
|
|
35
|
+
}), E = d("span")(({ theme: e }) => ({
|
|
36
|
+
display: "flex",
|
|
37
|
+
alignItems: "center",
|
|
38
|
+
"& > span": { marginLeft: `-${e.spacing(1)}` }
|
|
39
|
+
})), D = d("span")({
|
|
40
|
+
position: "absolute",
|
|
41
|
+
left: "-10000px",
|
|
42
|
+
top: "auto",
|
|
43
|
+
width: "1px",
|
|
44
|
+
height: "1px",
|
|
45
|
+
overflow: "hidden"
|
|
46
|
+
}), O = d(p)({
|
|
47
|
+
"& .MuiFormControlLabel-label": {
|
|
48
|
+
color: `${o.text()} !important`,
|
|
49
|
+
backgroundColor: o.background(),
|
|
50
|
+
letterSpacing: "normal"
|
|
51
|
+
},
|
|
52
|
+
"&.Mui-disabled *": { cursor: "not-allowed !important" }
|
|
53
|
+
}), k = (e, t) => ({ [`&.${C}`]: { color: `var(--choice-input-${e}, ${t}) !important` } }), A = (e) => {
|
|
54
|
+
let t = (t) => e ? `${e}-${t}` : t;
|
|
55
|
+
return {
|
|
56
|
+
[t("root")]: {
|
|
57
|
+
...k("color", o.text()),
|
|
58
|
+
...e ? {} : { "&:hover": { color: `${o.primaryLight()} !important` } },
|
|
59
|
+
...e === "correct" ? k("correct-color", o.text()) : {},
|
|
60
|
+
...e === "incorrect" ? k("incorrect-color", o.incorrect()) : {}
|
|
61
|
+
},
|
|
62
|
+
[t("checked")]: {
|
|
63
|
+
...e === "correct" ? k("correct-selected-color", o.correct()) : {},
|
|
64
|
+
...e === "incorrect" ? k("incorrect-checked", o.incorrect()) : {},
|
|
65
|
+
...e ? {} : k("selected-color", o.primary())
|
|
66
|
+
},
|
|
67
|
+
[t("disabled")]: {
|
|
68
|
+
...k("disabled-color", o.text()),
|
|
69
|
+
...e === "correct" ? k("correct-disabled-color", o.disabled()) : {},
|
|
70
|
+
...e === "incorrect" ? k("incorrect-disabled-color", o.disabled()) : {},
|
|
71
|
+
opacity: .6,
|
|
72
|
+
cursor: "not-allowed !important",
|
|
73
|
+
pointerEvents: "initial !important"
|
|
74
|
+
},
|
|
75
|
+
focusVisibleUnchecked: {
|
|
76
|
+
outline: `2px solid ${o.focusUncheckedBorder()}`,
|
|
77
|
+
backgroundColor: o.focusUnchecked()
|
|
78
|
+
},
|
|
79
|
+
focusVisibleChecked: {
|
|
80
|
+
outline: `2px solid ${o.focusCheckedBorder()}`,
|
|
81
|
+
backgroundColor: o.focusChecked()
|
|
82
|
+
}
|
|
83
|
+
};
|
|
84
|
+
}, j = d(m, { shouldForwardProp: (e) => e !== "correctness" })(({ correctness: e }) => {
|
|
85
|
+
let t = A(e), n = (t) => e ? `${e}-${t}` : t;
|
|
86
|
+
return {
|
|
87
|
+
[`&.${C}`]: {
|
|
88
|
+
...t[n("root")],
|
|
89
|
+
"&.Mui-checked": t[n("checked")],
|
|
90
|
+
"&.Mui-disabled": e ? {} : t[n("disabled")]
|
|
91
|
+
},
|
|
92
|
+
"&.Mui-focusVisible": {
|
|
93
|
+
"&:not(.Mui-checked)": t.focusVisibleUnchecked,
|
|
94
|
+
"&.Mui-checked": t.focusVisibleChecked
|
|
95
|
+
}
|
|
96
|
+
};
|
|
97
|
+
}), M = (e) => {
|
|
98
|
+
let { correctness: t, checked: n, onChange: r, disabled: i, value: a, id: o, onKeyDown: s, inputRef: l } = e;
|
|
99
|
+
return /* @__PURE__ */ c(j, {
|
|
100
|
+
id: o,
|
|
101
|
+
slotProps: { input: { ref: l } },
|
|
102
|
+
onKeyDown: s,
|
|
103
|
+
disableRipple: !0,
|
|
104
|
+
checked: n,
|
|
105
|
+
onChange: r,
|
|
106
|
+
disabled: i,
|
|
107
|
+
value: a,
|
|
108
|
+
correctness: t,
|
|
109
|
+
className: C
|
|
110
|
+
});
|
|
111
|
+
}, N = d(h, { shouldForwardProp: (e) => e !== "correctness" })(({ correctness: e }) => {
|
|
112
|
+
let t = A(e), n = (t) => e ? `${e}-${t}` : t;
|
|
113
|
+
return {
|
|
114
|
+
[`&.${C}`]: {
|
|
115
|
+
...t[n("root")],
|
|
116
|
+
"&.Mui-checked": t[n("checked")],
|
|
117
|
+
"&.Mui-disabled": e ? {} : t[n("disabled")]
|
|
118
|
+
},
|
|
119
|
+
"&.Mui-focusVisible": {
|
|
120
|
+
"&:not(.Mui-checked)": t.focusVisibleUnchecked,
|
|
121
|
+
"&.Mui-checked": t.focusVisibleChecked
|
|
122
|
+
}
|
|
123
|
+
};
|
|
124
|
+
}), P = (e) => {
|
|
125
|
+
let { correctness: t, checked: n, onChange: r, disabled: i, value: a, id: o, tagName: s, inputRef: l } = e;
|
|
126
|
+
return /* @__PURE__ */ c(N, {
|
|
127
|
+
id: o,
|
|
128
|
+
slotProps: { input: { ref: l } },
|
|
129
|
+
disableRipple: !0,
|
|
130
|
+
checked: n,
|
|
131
|
+
onChange: r,
|
|
132
|
+
disabled: i,
|
|
133
|
+
value: a,
|
|
134
|
+
correctness: t,
|
|
135
|
+
className: C,
|
|
136
|
+
name: s
|
|
137
|
+
});
|
|
138
|
+
}, F = class extends t.Component {
|
|
139
|
+
static propTypes = {
|
|
140
|
+
choiceMode: n.oneOf(["radio", "checkbox"]),
|
|
141
|
+
displayKey: n.string,
|
|
142
|
+
checked: n.bool.isRequired,
|
|
143
|
+
correctness: n.string,
|
|
144
|
+
disabled: n.bool.isRequired,
|
|
145
|
+
feedback: n.string,
|
|
146
|
+
label: n.string.isRequired,
|
|
147
|
+
rationale: n.string,
|
|
148
|
+
onChange: n.func.isRequired,
|
|
149
|
+
value: n.string.isRequired,
|
|
150
|
+
className: n.string,
|
|
151
|
+
tagName: n.string,
|
|
152
|
+
hideTick: n.bool,
|
|
153
|
+
isEvaluateMode: n.bool,
|
|
154
|
+
choicesLayout: n.oneOf([
|
|
155
|
+
"vertical",
|
|
156
|
+
"grid",
|
|
157
|
+
"horizontal"
|
|
158
|
+
]),
|
|
159
|
+
isSelectionButtonBelow: n.bool
|
|
160
|
+
};
|
|
161
|
+
static defaultProps = {
|
|
162
|
+
rationale: null,
|
|
163
|
+
checked: !1,
|
|
164
|
+
isEvaluateMode: !1
|
|
165
|
+
};
|
|
166
|
+
constructor(e) {
|
|
167
|
+
super(e), this.onToggleChoice = this.onToggleChoice.bind(this), this.choiceId = this.generateChoiceId(), this.descId = `${this.choiceId}-desc`;
|
|
168
|
+
}
|
|
169
|
+
onToggleChoice(e) {
|
|
170
|
+
this.props.onChange(e);
|
|
171
|
+
}
|
|
172
|
+
generateChoiceId() {
|
|
173
|
+
return "choice-" + (Math.random() * 1e4).toFixed();
|
|
174
|
+
}
|
|
175
|
+
handleKeyDown = (e) => {
|
|
176
|
+
let { choiceMode: t } = this.props;
|
|
177
|
+
if (t !== "checkbox") return;
|
|
178
|
+
let n = e.key === "ArrowDown", r = e.key === "ArrowUp";
|
|
179
|
+
if (!n && !r) return;
|
|
180
|
+
e.preventDefault();
|
|
181
|
+
let i = document.getElementById(this.choiceId);
|
|
182
|
+
if (!i) return;
|
|
183
|
+
let a = i.closest("fieldset");
|
|
184
|
+
if (!a) return;
|
|
185
|
+
let o = Array.from(a.querySelectorAll("input[type=\"checkbox\"]")), s = o.findIndex((e) => e === i);
|
|
186
|
+
if (s === -1) return;
|
|
187
|
+
let c = o[n ? s + 1 : s - 1];
|
|
188
|
+
c && c.focus();
|
|
189
|
+
};
|
|
190
|
+
render() {
|
|
191
|
+
let { choiceMode: t, disabled: n, displayKey: r, feedback: i, label: a, correctness: o, className: d, rationale: f, hideTick: p, isEvaluateMode: m, choicesLayout: h, value: g, checked: _, tagName: b, isSelectionButtonBelow: x } = this.props, S = t === "checkbox" ? M : P, k = t === "checkbox" ? "checkbox" : "radio-button", A = {
|
|
192
|
+
...h === "horizontal" && { [`& .${C}`]: {
|
|
193
|
+
padding: "8px",
|
|
194
|
+
margin: "4px 0 4px 4px"
|
|
195
|
+
} },
|
|
196
|
+
...x && h !== "grid" && { "& > label": { alignItems: "flex-start" } },
|
|
197
|
+
...x && h === "grid" && {
|
|
198
|
+
justifyContent: "center",
|
|
199
|
+
"& > label": { alignItems: "center" }
|
|
200
|
+
}
|
|
201
|
+
}, j = typeof a == "string" && (a.includes("<math") || a.includes("\\(") || a.includes("\\[") || a.includes("<img") || a.includes("data-latex") || a.includes("data-raw") || a.includes("<mjx-container")), N = r ? /* @__PURE__ */ c(D, {
|
|
202
|
+
id: this.descId,
|
|
203
|
+
children: j ? `Pick the answer below, ${r}` : r
|
|
204
|
+
}) : null, F = /* @__PURE__ */ c(s, { children: r && !x ? /* @__PURE__ */ l(w, {
|
|
205
|
+
component: "span",
|
|
206
|
+
children: [/* @__PURE__ */ l("span", {
|
|
207
|
+
"aria-hidden": "true",
|
|
208
|
+
children: [
|
|
209
|
+
r,
|
|
210
|
+
".",
|
|
211
|
+
"\xA0"
|
|
212
|
+
]
|
|
213
|
+
}), /* @__PURE__ */ c(v, {
|
|
214
|
+
className: "prompt-label",
|
|
215
|
+
prompt: a,
|
|
216
|
+
tagName: "span"
|
|
217
|
+
})]
|
|
218
|
+
}) : /* @__PURE__ */ c(v, {
|
|
219
|
+
className: "prompt-label",
|
|
220
|
+
prompt: a,
|
|
221
|
+
tagName: "span"
|
|
222
|
+
}) }), I = {
|
|
223
|
+
disabled: n,
|
|
224
|
+
checked: _,
|
|
225
|
+
correctness: o,
|
|
226
|
+
tagName: b,
|
|
227
|
+
value: g,
|
|
228
|
+
id: this.choiceId,
|
|
229
|
+
onChange: this.onToggleChoice,
|
|
230
|
+
onKeyDown: this.handleKeyDown,
|
|
231
|
+
...N ? { "aria-describedby": this.descId } : {}
|
|
232
|
+
}, L = x ? /* @__PURE__ */ l(E, { children: [
|
|
233
|
+
N,
|
|
234
|
+
/* @__PURE__ */ c(S, {
|
|
235
|
+
...I,
|
|
236
|
+
style: { padding: 0 }
|
|
237
|
+
}),
|
|
238
|
+
/* @__PURE__ */ c("span", {
|
|
239
|
+
"aria-hidden": "true",
|
|
240
|
+
children: r ? `${r}.` : ""
|
|
241
|
+
})
|
|
242
|
+
] }) : /* @__PURE__ */ l(s, { children: [N, /* @__PURE__ */ c(S, {
|
|
243
|
+
...I,
|
|
244
|
+
slotProps: { input: { ref: this.props.autoFocusRef } }
|
|
245
|
+
})] });
|
|
246
|
+
return /* @__PURE__ */ l("div", {
|
|
247
|
+
className: u(d, "corespring-" + k, "choice-input"),
|
|
248
|
+
children: [
|
|
249
|
+
/* @__PURE__ */ l(w, { children: [!p && m && /* @__PURE__ */ c(e, { correctness: o }), /* @__PURE__ */ c(T, {
|
|
250
|
+
className: "checkbox-holder",
|
|
251
|
+
sx: A,
|
|
252
|
+
children: /* @__PURE__ */ c(O, {
|
|
253
|
+
label: F,
|
|
254
|
+
value: g,
|
|
255
|
+
htmlFor: this.choiceId,
|
|
256
|
+
labelPlacement: x ? "top" : void 0,
|
|
257
|
+
control: L
|
|
258
|
+
})
|
|
259
|
+
})] }),
|
|
260
|
+
f && /* @__PURE__ */ c(v, {
|
|
261
|
+
className: "rationale",
|
|
262
|
+
defaultClassName: "rationale",
|
|
263
|
+
prompt: f
|
|
264
|
+
}),
|
|
265
|
+
/* @__PURE__ */ c(y, {
|
|
266
|
+
feedback: i,
|
|
267
|
+
correctness: o
|
|
268
|
+
})
|
|
269
|
+
]
|
|
270
|
+
});
|
|
271
|
+
}
|
|
272
|
+
};
|
|
273
|
+
//#endregion
|
|
274
|
+
export { F as default };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @synced-from pie-elements/packages/multiple-choice/src/choice.jsx
|
|
3
|
+
* @auto-generated
|
|
4
|
+
*
|
|
5
|
+
* This file is automatically synced from pie-elements and converted to TypeScript.
|
|
6
|
+
* Manual edits will be overwritten on next sync.
|
|
7
|
+
* To make changes, edit the upstream JavaScript file and run sync again.
|
|
8
|
+
*/
|
|
9
|
+
import React from 'react';
|
|
10
|
+
export declare class Choice extends React.Component {
|
|
11
|
+
static propTypes: {};
|
|
12
|
+
state: {
|
|
13
|
+
isHovered: boolean;
|
|
14
|
+
};
|
|
15
|
+
handleMouseEnter: any;
|
|
16
|
+
handleMouseLeave: any;
|
|
17
|
+
onChange: any;
|
|
18
|
+
render(): React.JSX.Element;
|
|
19
|
+
}
|
|
20
|
+
export default Choice;
|
|
21
|
+
//# sourceMappingURL=choice.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"choice.d.ts","sourceRoot":"","sources":["../../src/delivery/choice.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAuB1B,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS;IACzC,MAAM,CAAC,SAAS,KAAM;IAEtB,KAAK;;MAEH;IAEF,gBAAgB,EAAE,GAAG,CAMnB;IAEF,gBAAgB,EAAE,GAAG,CAEnB;IAEF,QAAQ,EAAE,GAAG,CAMX;IAEF,MAAM;CAmHP;AA2BD,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import e from "./choice-input.js";
|
|
2
|
+
import t from "react";
|
|
3
|
+
import n from "prop-types";
|
|
4
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
+
import { styled as i } from "@mui/material/styles";
|
|
6
|
+
import a from "@mui/material/Box";
|
|
7
|
+
//#region src/delivery/choice.tsx
|
|
8
|
+
var o = i(a, { shouldForwardProp: (e) => e !== "noBorder" && e !== "horizontalLayout" })(({ theme: e, noBorder: t, horizontalLayout: n }) => ({
|
|
9
|
+
paddingTop: e.spacing(2.5),
|
|
10
|
+
paddingBottom: `calc(${e.spacing(1)} + 2px)`,
|
|
11
|
+
paddingLeft: `calc(${e.spacing(1)} + 2px)`,
|
|
12
|
+
paddingRight: `calc(${e.spacing(1)} + 2px)`,
|
|
13
|
+
borderBottom: t ? "none" : `1px solid ${e.palette.grey[300]}`,
|
|
14
|
+
...n && {
|
|
15
|
+
paddingRight: e.spacing(2.5),
|
|
16
|
+
"& label": { marginRight: e.spacing(1) }
|
|
17
|
+
}
|
|
18
|
+
})), s = class extends t.Component {
|
|
19
|
+
static propTypes = {};
|
|
20
|
+
state = { isHovered: !1 };
|
|
21
|
+
handleMouseEnter = () => {
|
|
22
|
+
let { disabled: e, checked: t } = this.props;
|
|
23
|
+
!e && !t && this.setState({ isHovered: !0 });
|
|
24
|
+
};
|
|
25
|
+
handleMouseLeave = () => {
|
|
26
|
+
this.setState({ isHovered: !1 });
|
|
27
|
+
};
|
|
28
|
+
onChange = (e) => {
|
|
29
|
+
let { disabled: t, onChoiceChanged: n } = this.props;
|
|
30
|
+
t || n(e);
|
|
31
|
+
};
|
|
32
|
+
render() {
|
|
33
|
+
let { choice: t, index: n, choicesLength: i, showCorrect: a, isEvaluateMode: s, choiceMode: c, disabled: l, checked: u, correctness: d, displayKey: f, choicesLayout: p, gridColumns: m, isSelectionButtonBelow: h, selectedAnswerBackgroundColor: g, selectedAnswerStrokeColor: _, selectedAnswerStrokeWidth: v, hoverAnswerBackgroundColor: y, hoverAnswerStrokeColor: b, hoverAnswerStrokeWidth: x, autoFocusRef: S, tagName: C } = this.props, { isHovered: w } = this.state, T = "choice" + (n === i - 1 ? " last" : ""), E = !s || a ? "" : t.feedback, D = {
|
|
34
|
+
...t,
|
|
35
|
+
checked: u,
|
|
36
|
+
choiceMode: c,
|
|
37
|
+
disabled: l,
|
|
38
|
+
feedback: E,
|
|
39
|
+
correctness: d,
|
|
40
|
+
displayKey: f,
|
|
41
|
+
index: n,
|
|
42
|
+
choicesLayout: p,
|
|
43
|
+
gridColumns: m,
|
|
44
|
+
onChange: this.onChange,
|
|
45
|
+
isEvaluateMode: s,
|
|
46
|
+
isSelectionButtonBelow: h,
|
|
47
|
+
selectedAnswerStrokeColor: _,
|
|
48
|
+
selectedAnswerStrokeWidth: v,
|
|
49
|
+
tagName: C
|
|
50
|
+
}, O = (e) => {
|
|
51
|
+
if (!e) return "2px";
|
|
52
|
+
let t = String(e).trim();
|
|
53
|
+
return /^\d+(\.\d+)?$/.test(t) ? `${t}px` : t;
|
|
54
|
+
}, k = _ && _ !== "initial", A = b && b !== "initial", j = "transparent", M = "2px", N = "initial";
|
|
55
|
+
(k || A) && (u && k ? (j = _, M = v) : w && !l && A && (j = b, M = x)), u && g && g !== "initial" ? N = g : w && !l && y && y !== "initial" && (N = y);
|
|
56
|
+
let P = k || A, F = P ? {
|
|
57
|
+
border: `${O(M)} solid ${j}`,
|
|
58
|
+
borderRadius: "8px"
|
|
59
|
+
} : {}, I = n === i - 1 || p !== "vertical" || P, L = p === "horizontal";
|
|
60
|
+
return /* @__PURE__ */ r("div", {
|
|
61
|
+
className: T,
|
|
62
|
+
style: {
|
|
63
|
+
backgroundColor: N === "initial" ? "initial" : N,
|
|
64
|
+
...F
|
|
65
|
+
},
|
|
66
|
+
onMouseEnter: this.handleMouseEnter,
|
|
67
|
+
onMouseLeave: this.handleMouseLeave,
|
|
68
|
+
children: /* @__PURE__ */ r(o, {
|
|
69
|
+
component: "div",
|
|
70
|
+
noBorder: I,
|
|
71
|
+
horizontalLayout: L,
|
|
72
|
+
children: /* @__PURE__ */ r(e, {
|
|
73
|
+
...D,
|
|
74
|
+
autoFocusRef: S
|
|
75
|
+
})
|
|
76
|
+
})
|
|
77
|
+
}, n);
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
s.propTypes = {
|
|
81
|
+
choiceMode: n.oneOf(["radio", "checkbox"]),
|
|
82
|
+
choice: n.object,
|
|
83
|
+
disabled: n.bool.isRequired,
|
|
84
|
+
onChoiceChanged: n.func,
|
|
85
|
+
index: n.number,
|
|
86
|
+
choicesLength: n.number,
|
|
87
|
+
showCorrect: n.bool,
|
|
88
|
+
isEvaluateMode: n.bool,
|
|
89
|
+
checked: n.bool,
|
|
90
|
+
correctness: n.string,
|
|
91
|
+
displayKey: n.string,
|
|
92
|
+
choicesLayout: n.oneOf([
|
|
93
|
+
"vertical",
|
|
94
|
+
"grid",
|
|
95
|
+
"horizontal"
|
|
96
|
+
]),
|
|
97
|
+
gridColumns: n.string,
|
|
98
|
+
selectedAnswerBackgroundColor: n.string,
|
|
99
|
+
selectedAnswerStrokeColor: n.string,
|
|
100
|
+
selectedAnswerStrokeWidth: n.string,
|
|
101
|
+
hoverAnswerBackgroundColor: n.string,
|
|
102
|
+
hoverAnswerStrokeColor: n.string,
|
|
103
|
+
hoverAnswerStrokeWidth: n.string,
|
|
104
|
+
tagName: n.string,
|
|
105
|
+
isSelectionButtonBelow: n.bool,
|
|
106
|
+
autoFocusRef: n.object
|
|
107
|
+
};
|
|
108
|
+
//#endregion
|
|
109
|
+
export { s as default };
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @synced-from pie-elements/packages/multiple-choice/src/feedback-tick.jsx
|
|
3
|
+
* @auto-generated
|
|
4
|
+
*
|
|
5
|
+
* This file is automatically synced from pie-elements and converted to TypeScript.
|
|
6
|
+
* Manual edits will be overwritten on next sync.
|
|
7
|
+
* To make changes, edit the upstream JavaScript file and run sync again.
|
|
8
|
+
*/
|
|
9
|
+
import React from 'react';
|
|
10
|
+
import PropTypes from 'prop-types';
|
|
11
|
+
declare class FeedbackTick extends React.Component {
|
|
12
|
+
static propTypes: {
|
|
13
|
+
correctness: PropTypes.Requireable<string>;
|
|
14
|
+
};
|
|
15
|
+
constructor(props: any);
|
|
16
|
+
getIncorrectIcon: () => React.JSX.Element;
|
|
17
|
+
getCorrectIcon: () => React.JSX.Element;
|
|
18
|
+
render(): React.JSX.Element;
|
|
19
|
+
}
|
|
20
|
+
export default FeedbackTick;
|
|
21
|
+
//# sourceMappingURL=feedback-tick.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"feedback-tick.d.ts","sourceRoot":"","sources":["../../src/delivery/feedback-tick.tsx"],"names":[],"mappings":"AACA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAiDnC,cAAM,YAAa,SAAQ,KAAK,CAAC,SAAS;IACxC,MAAM,CAAC,SAAS;;MAEd;gBAEU,KAAK,KAAA;IAKjB,gBAAgB,0BA4Bd;IAEF,cAAc,0BAeZ;IAEF,MAAM;CAiCP;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import e from "react";
|
|
2
|
+
import t from "prop-types";
|
|
3
|
+
import { color as n } from "@pie-lib/render-ui";
|
|
4
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
5
|
+
import { styled as a } from "@mui/material/styles";
|
|
6
|
+
import o from "@mui/material/Box";
|
|
7
|
+
import { CSSTransition as s, TransitionGroup as c } from "react-transition-group";
|
|
8
|
+
//#region src/delivery/feedback-tick.tsx
|
|
9
|
+
var l = a(o)({
|
|
10
|
+
width: "33px",
|
|
11
|
+
height: "33px",
|
|
12
|
+
"& svg": {
|
|
13
|
+
position: "absolute",
|
|
14
|
+
display: "inline-block",
|
|
15
|
+
width: "33px",
|
|
16
|
+
height: "33px",
|
|
17
|
+
verticalAlign: "middle",
|
|
18
|
+
"& hide": { display: "none" }
|
|
19
|
+
}
|
|
20
|
+
}), u = a("svg")({
|
|
21
|
+
"& .incorrect-fill": { fill: `var(--feedback-incorrect-bg-color, ${n.incorrect()})` },
|
|
22
|
+
"& .correct-fill": { fill: `var(--feedback-correct-bg-color, ${n.correct()})` }
|
|
23
|
+
}), d = a("div")({
|
|
24
|
+
position: "relative",
|
|
25
|
+
"&.feedback-tick-enter": {
|
|
26
|
+
opacity: "0",
|
|
27
|
+
left: "-50px"
|
|
28
|
+
},
|
|
29
|
+
"&.feedback-tick-enter-active": {
|
|
30
|
+
opacity: "1",
|
|
31
|
+
left: "0px",
|
|
32
|
+
transition: "left 500ms ease-in 200ms, opacity 500ms linear 200ms"
|
|
33
|
+
},
|
|
34
|
+
"&.feedback-tick-exit": {
|
|
35
|
+
opacity: "1",
|
|
36
|
+
left: "0px"
|
|
37
|
+
},
|
|
38
|
+
"&.feedback-tick-exit-active": {
|
|
39
|
+
opacity: "0",
|
|
40
|
+
left: "-50px",
|
|
41
|
+
transition: "left 300ms ease-in, opacity 300ms"
|
|
42
|
+
}
|
|
43
|
+
}), f = class extends e.Component {
|
|
44
|
+
static propTypes = { correctness: t.string };
|
|
45
|
+
constructor(t) {
|
|
46
|
+
super(t), this.nodeRef = e.createRef();
|
|
47
|
+
}
|
|
48
|
+
getIncorrectIcon = () => /* @__PURE__ */ r(u, {
|
|
49
|
+
preserveAspectRatio: "xMinYMin meet",
|
|
50
|
+
x: "0px",
|
|
51
|
+
y: "0px",
|
|
52
|
+
viewBox: "0 0 44 40",
|
|
53
|
+
style: { enableBackground: "new 0 0 44 40" },
|
|
54
|
+
children: /* @__PURE__ */ i("g", { children: [/* @__PURE__ */ r("rect", {
|
|
55
|
+
x: "11",
|
|
56
|
+
y: "17.3",
|
|
57
|
+
transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.852 19.2507)",
|
|
58
|
+
className: "incorrect-fill",
|
|
59
|
+
width: "16.6",
|
|
60
|
+
height: "3.7"
|
|
61
|
+
}), /* @__PURE__ */ r("rect", {
|
|
62
|
+
x: "17.4",
|
|
63
|
+
y: "10.7",
|
|
64
|
+
transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 19.209)",
|
|
65
|
+
className: "incorrect-fill",
|
|
66
|
+
width: "3.7",
|
|
67
|
+
height: "16.6"
|
|
68
|
+
})] })
|
|
69
|
+
}, "1");
|
|
70
|
+
getCorrectIcon = () => /* @__PURE__ */ r(u, {
|
|
71
|
+
preserveAspectRatio: "xMinYMin meet",
|
|
72
|
+
version: "1.1",
|
|
73
|
+
x: "0px",
|
|
74
|
+
y: "0px",
|
|
75
|
+
viewBox: "0 0 44 40",
|
|
76
|
+
style: { enableBackground: "new 0 0 44 40" },
|
|
77
|
+
children: /* @__PURE__ */ r("polygon", {
|
|
78
|
+
className: "correct-fill",
|
|
79
|
+
points: "19.1,28.6 11.8,22.3 14.4,19.2 17.9,22.1 23.9,11.4 27.5,13.4"
|
|
80
|
+
})
|
|
81
|
+
}, "2");
|
|
82
|
+
render() {
|
|
83
|
+
let { correctness: e } = this.props, t = e === "incorrect" ? this.getIncorrectIcon() : e === "correct" ? this.getCorrectIcon() : null;
|
|
84
|
+
return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(c, { children: e && /* @__PURE__ */ r(s, {
|
|
85
|
+
nodeRef: this.nodeRef,
|
|
86
|
+
classNames: {
|
|
87
|
+
enter: "feedback-tick-enter",
|
|
88
|
+
enterActive: "feedback-tick-enter-active",
|
|
89
|
+
exit: "feedback-tick-exit",
|
|
90
|
+
exitActive: "feedback-tick-exit-active"
|
|
91
|
+
},
|
|
92
|
+
timeout: {
|
|
93
|
+
enter: 700,
|
|
94
|
+
exit: 300
|
|
95
|
+
},
|
|
96
|
+
children: /* @__PURE__ */ r(d, {
|
|
97
|
+
ref: this.nodeRef,
|
|
98
|
+
children: t
|
|
99
|
+
})
|
|
100
|
+
}) }) });
|
|
101
|
+
}
|
|
102
|
+
};
|
|
103
|
+
//#endregion
|
|
104
|
+
export { f as default };
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @synced-from pie-elements/packages/multiple-choice/src/index.js
|
|
3
|
+
* @auto-generated
|
|
4
|
+
*
|
|
5
|
+
* This file is automatically synced from pie-elements and converted to TypeScript.
|
|
6
|
+
* Manual edits will be overwritten on next sync.
|
|
7
|
+
* To make changes, edit the upstream JavaScript file and run sync again.
|
|
8
|
+
*/
|
|
9
|
+
export declare const isComplete: (session: any, model: any, audioComplete: any, elementContext: any) => boolean;
|
|
10
|
+
export default class MultipleChoice extends HTMLElement {
|
|
11
|
+
constructor();
|
|
12
|
+
_scheduleMathRender: any;
|
|
13
|
+
_initMathObserver(): void;
|
|
14
|
+
_disconnectMathObserver(): void;
|
|
15
|
+
onShowCorrectToggle(): void;
|
|
16
|
+
setLangAttribute(): void;
|
|
17
|
+
set model(s: any);
|
|
18
|
+
get session(): any;
|
|
19
|
+
get options(): any;
|
|
20
|
+
set options(o: any);
|
|
21
|
+
set baseHeadingLevel(level: any);
|
|
22
|
+
set includeSrHeading(value: any);
|
|
23
|
+
set session(s: any);
|
|
24
|
+
_onChange(data: any): void;
|
|
25
|
+
_createAudioInfoToast(): HTMLDivElement;
|
|
26
|
+
connectedCallback(): void;
|
|
27
|
+
enableKeyboardEvents(): void;
|
|
28
|
+
_initPlayerObserver(): void;
|
|
29
|
+
_disconnectPlayerObserver(): void;
|
|
30
|
+
disconnectedCallback(): void;
|
|
31
|
+
/**
|
|
32
|
+
* Handles global keyboard events for selecting or toggling multiple-choice answers.
|
|
33
|
+
* Maps keys (1-9, 0, a-j, A-J) to choices and updates the session state accordingly.
|
|
34
|
+
* Ensures valid key presses toggle or select the appropriate choice based on the model.
|
|
35
|
+
*/
|
|
36
|
+
handleKeyDown(event: any): void;
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/delivery/index.ts"],"names":[],"mappings":"AACA;;;;;;;GAOG;AA0CH,eAAO,MAAM,UAAU,GAAI,YAAO,EAAE,UAAK,EAAE,kBAAa,EAAE,mBAAc,YAgCvE,CAAC;AA+CF,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,WAAW;;IA4ErD,mBAAmB,EAAE,GAAG,CAiBtB;IAEF,iBAAiB;IAMjB,uBAAuB;IAOvB,mBAAmB;IAInB,gBAAgB;IAMhB,IAAI,KAAK,CAAC,CAAC,KAAA,EAMV;IAED,IAAI,OAAO,QAEV;IAED,IAAI,OAAO,QAEV;IAED,IAAI,OAAO,CAAC,CAAC,KAAA,EAGZ;IAED,IAAI,gBAAgB,CAAC,KAAK,KAAA,EAGzB;IAED,IAAI,gBAAgB,CAAC,KAAK,KAAA,EAGzB;IAED,IAAI,OAAO,CAAC,CAAC,KAAA,EAKZ;IAED,SAAS,CAAC,IAAI,KAAA;IAMd,qBAAqB;IA2BrB,iBAAiB;IAoFjB,oBAAoB;IAOpB,mBAAmB;IAanB,yBAAyB;IAOzB,oBAAoB;IAqBpB;;;;OAIG;IACH,aAAa,CAAC,KAAK,KAAA;CAiCpB"}
|