Releases: Tangerine-Community/tangy-form
v4.43.2
Tangerine Radio Blocks
The tangy-radio-blocks element is a single-select input that shows a set of tangy-radio-block options. Each option has a label, image, and border that identifies the option. The set of tangy-radio-block options appears in either a vertical or horizontal list based on the columns attribute.
This update adds a sound attribute to tangy-radio-block that takes a path to an audio file. When the image in the option is clicked, the audio will play.
<tangy-radio-blocks name="moving_windows_comp_02" label="What does Kofi like to do?" orientation="rows" class="" style="" required="">
<option value="0" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Tie_her_shoes.mp3">Tie her shoes</option>
<option value="1" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Visit_the_city.mp3">Visit the city</option>
<option value="2" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Run.mp3">Run</option>
<option value="3" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Get_up_early.mp3">Get up early</option>
</tangy-radio-blocks>Tangerine Prompt
The new tangy-prompt-box input type helps form designers create content sets that interacts with the user through a set of auto-playing sound files. The prompt in the tangy-radio-blocks-lists demo reads some instructions and then prompts the user by playing the audio associated with the options in a tangy-radio-blocks input. This provides a tool for the user to build a self administered assessment.
The tangy-prompt-box input adds two attributes playOnOpen which takes a list of option values. When set, the options in the attribute list will play when the input is shown. Also, the attribute prompt-for can be set on one or more options with the value of the name of a tangy-radio-blocks input. When clicked, the prompt will play it's own sound, then loop through the sound attributes in the tangy-radio-blocks. It will also change the border color to provide both an audio and visual cue.
Review the example code below. When the tangy-form-item opens the prompt box with play the audio for "instructions" and "help". Then, because of the prompt-for attribute is set to moving_windows_comp_02, it will play sound files in all of the options in the tangy-radio-blocks input. If the help option in the tangy-prompt-box is clicked, it will play it's own sound and then sounds in the prompt box.
<tangy-form>
<tangy-form-item>
<tangy-prompt-box name="moving_windows_comp_02_prompt" play-on-open="0,1" justify-content="flex-start">
<option value="0" id="instructions" label="prompt" sound="assets/sounds/letters_moving_windows_comp_help.mp3" image="./assets/images/instructions.png"></option>
<option value="1" id="help" label="insturctions" prompt-for="moving_windows_comp_02" sound="assets/sounds/letters_moving_windows_comp_02_What_does_Kofi_like_to_do.mp3" image="./assets/images/ms-talk2.png"></option>
</tangy-prompt-box>
<tangy-radio-blocks name="moving_windows_comp_02" label="What does Kofi like to do?" orientation="rows" class="" style="" required="">
<option value="0" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Tie_her_shoes.mp3">Tie her shoes</option>
<option value="1" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Visit_the_city.mp3">Visit the city</option>
<option value="2" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Run.mp3">Run</option>
<option value="3" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Get_up_early.mp3">Get up early</option>
</tangy-radio-blocks>
</tangy-form-item>
</tangy-form>v4.43.1
v4.43.1
**Fixing mis-published version
Tangerine Radio Blocks
The tangy-radio-blocks element is a single-select input that shows a set of tangy-radio-block options. Each option has a label, image, and border that identifies the option. The set of tangy-radio-block options appears in either a vertical or horizontal list based on the columns attribute.
This update adds a sound attribute to tangy-radio-block that takes a path to an audio file. When the image in the option is clicked, the audio will play.
<tangy-radio-blocks name="moving_windows_comp_02" label="What does Kofi like to do?" orientation="rows" class="" style="" required="">
<option value="0" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Tie_her_shoes.mp3">Tie her shoes</option>
<option value="1" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Visit_the_city.mp3">Visit the city</option>
<option value="2" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Run.mp3">Run</option>
<option value="3" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Get_up_early.mp3">Get up early</option>
</tangy-radio-blocks>Tangerine Prompt
The new tangy-prompt-box input type helps form designers create content sets that interacts with the user through a set of auto-playing sound files. The prompt in the tangy-radio-blocks-lists demo reads some instructions and then prompts the user by playing the audio associated with the options in a tangy-radio-blocks input. This provides a tool for the user to build a self administered assessment.
The tangy-prompt-box input adds two attributes playOnOpen which takes a list of option values. When set, the options in the attribute list will play when the input is shown. Also, the attribute prompt-for can be set on one or more options with the value of the name of a tangy-radio-blocks input. When clicked, the prompt will play it's own sound, then loop through the sound attributes in the tangy-radio-blocks. It will also change the border color to provide both an audio and visual cue.
Review the example code below. When the tangy-form-item opens the prompt box with play the audio for "instructions" and "help". Then, because of the prompt-for attribute is set to moving_windows_comp_02, it will play sound files in all of the options in the tangy-radio-blocks input. If the help option in the tangy-prompt-box is clicked, it will play it's own sound and then sounds in the prompt box.
<tangy-form>
<tangy-form-item>
<tangy-prompt-box name="moving_windows_comp_02_prompt" play-on-open="0,1" justify-content="flex-start">
<option value="0" id="instructions" label="prompt" sound="assets/sounds/letters_moving_windows_comp_help.mp3" image="./assets/images/instructions.png"></option>
<option value="1" id="help" label="insturctions" prompt-for="moving_windows_comp_02" sound="assets/sounds/letters_moving_windows_comp_02_What_does_Kofi_like_to_do.mp3" image="./assets/images/ms-talk2.png"></option>
</tangy-prompt-box>
<tangy-radio-blocks name="moving_windows_comp_02" label="What does Kofi like to do?" orientation="rows" class="" style="" required="">
<option value="0" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Tie_her_shoes.mp3">Tie her shoes</option>
<option value="1" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Visit_the_city.mp3">Visit the city</option>
<option value="2" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Run.mp3">Run</option>
<option value="3" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Get_up_early.mp3">Get up early</option>
</tangy-radio-blocks>
</tangy-form-item>
</tangy-form>v4.43.0
v4.43.0
Tangerine Radio Blocks
The tangy-radio-blocks element is a single-select input that shows a set of tangy-radio-block options. Each option has a label, image, and border that identifies the option. The set of tangy-radio-block options appears in either a vertical or horizontal list based on the columns attribute.
This update adds a sound attribute to tangy-radio-block that takes a path to an audio file. When the image in the option is clicked, the audio will play.
<tangy-radio-blocks name="moving_windows_comp_02" label="What does Kofi like to do?" orientation="rows" class="" style="" required="">
<option value="0" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Tie_her_shoes.mp3">Tie her shoes</option>
<option value="1" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Visit_the_city.mp3">Visit the city</option>
<option value="2" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Run.mp3">Run</option>
<option value="3" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Get_up_early.mp3">Get up early</option>
</tangy-radio-blocks>Tangerine Prompt
The new tangy-prompt-box input type helps form designers create content sets that interacts with the user through a set of auto-playing sound files. The prompt in the tangy-radio-blocks-lists demo reads some instructions and then prompts the user by playing the audio associated with the options in a tangy-radio-blocks input. This provides a tool for the user to build a self administered assessment.
The tangy-prompt-box input adds two attributes playOnOpen which takes a list of option values. When set, the options in the attribute list will play when the input is shown. Also, the attribute prompt-for can be set on one or more options with the value of the name of a tangy-radio-blocks input. When clicked, the prompt will play it's own sound, then loop through the sound attributes in the tangy-radio-blocks. It will also change the border color to provide both an audio and visual cue.
Review the example code below. When the tangy-form-item opens the prompt box with play the audio for "instructions" and "help". Then, because of the prompt-for attribute is set to moving_windows_comp_02, it will play sound files in all of the options in the tangy-radio-blocks input. If the help option in the tangy-prompt-box is clicked, it will play it's own sound and then sounds in the prompt box.
<tangy-form>
<tangy-form-item>
<tangy-prompt-box name="moving_windows_comp_02_prompt" play-on-open="0,1" justify-content="flex-start">
<option value="0" id="instructions" label="prompt" sound="assets/sounds/letters_moving_windows_comp_help.mp3" image="./assets/images/instructions.png"></option>
<option value="1" id="help" label="insturctions" prompt-for="moving_windows_comp_02" sound="assets/sounds/letters_moving_windows_comp_02_What_does_Kofi_like_to_do.mp3" image="./assets/images/ms-talk2.png"></option>
</tangy-prompt-box>
<tangy-radio-blocks name="moving_windows_comp_02" label="What does Kofi like to do?" orientation="rows" class="" style="" required="">
<option value="0" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Tie_her_shoes.mp3">Tie her shoes</option>
<option value="1" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Visit_the_city.mp3">Visit the city</option>
<option value="2" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Run.mp3">Run</option>
<option value="3" image="./assets/images/ms-talk2.png" sound="assets/sounds/letters_silent_rcomp_01_Get_up_early.mp3">Get up early</option>
</tangy-radio-blocks>
</tangy-form-item>
</tangy-form>v4.43.0-rc-1
Release of tangy-prompt-box for testing in tangy-form-editor updates
v4.42.0
v4.41.1
- Removed (unsupported) wct-browser-legacy, which has dependencies that are critical security risks. Tested using https://github.com/Polymer/tools/tree/master/packages/web-component-tester for tests, which has less risk, but still some issues. Tests currently throw errors. The web-component-tester lib is now in package.json devDependencies.
- Added config file for npm-package-json-lint, which lints package.json.
- Removed iron-icon from package.json - is a dep of iron-icons.
v4.41.0
- Removed (unsupported) wct-browser-legacy, which has dependencies that are critical security risks. Tested using https://github.com/Polymer/tools/tree/master/packages/web-component-tester for tests, which has less risk, but still some issues. Tests currently throw errors. The web-component-tester lib is now in package.json devDependencies.
- Added config file for npm-package-json-lint, which lints package.json.
v4.40.0
v4.39.3
Fix "Cannot read properties of null (reading 'getTracks')" error. Commit 8e4c7c4446161dbafc8c115f788916cba1f1e0e4
v4.39.2
- fixed poor logic for noVideoConstraints property (tangy-video-capture).