{
const routes = JSON.parse('[\u0022content*.interactive.*\u0022,\u0022landing.interactive\u0022]');
open = open && ($event.detail.md5 === '360429d9806922f68a3179f76084e00d' || routes?.includes($event.detail?.route));
}"
x-on:click="() => {
open = !open;
$dispatch('clicked-item', { md5: '360429d9806922f68a3179f76084e00d' });
}"
class="text-body-14 text-neutral-900 relative flex flex-col items-center w-full space-x-0.5 px-1 py-2.5 rounded-md" :class="{ 'bg-primary-30' : open }"
>
CATEGORIES
{
active = !active;
$dispatch('clicked-item', { md5: '89425e68ec6186086eed5193cf82a6e3', route: 'content*.audio.*' });
}"
@clicked-item.window="() => {
if ($event.detail.md5 !== '89425e68ec6186086eed5193cf82a6e3') {
return;
}
if(active){
$dispatch('close-mobile-menu');
setTimeout(() => window.location = 'https://ta.sbx.devsquad.app/audio-resources', 300);
}
}"
class="text-body-14 text-left w-full space-x-0.5 py-2 cursor-pointer font-medium pl-6 pr-3"
:class="{
'bg-primary-50 text-primary-800 rounded-md': active,
'text-neutral-900': active === false
}"
>
Guided Audio
{
active = !active;
$dispatch('clicked-item', { md5: '447a4b527b8e46211e6abe50409a48d9', route: 'content*.story.*' });
}"
@clicked-item.window="() => {
if ($event.detail.md5 !== '447a4b527b8e46211e6abe50409a48d9') {
return;
}
if(active){
$dispatch('close-mobile-menu');
setTimeout(() => window.location = 'https://ta.sbx.devsquad.app/stories', 300);
}
}"
class="text-body-14 text-left w-full space-x-0.5 py-2 cursor-pointer font-medium pl-6 pr-3"
:class="{
'bg-primary-50 text-primary-800 rounded-md': active,
'text-neutral-900': active === false
}"
>
Educational Stories
{
active = !active;
$dispatch('clicked-item', { md5: 'ef3854b6017663f1088a78804e95f8e5', route: 'content*.activity.*' });
}"
@clicked-item.window="() => {
if ($event.detail.md5 !== 'ef3854b6017663f1088a78804e95f8e5') {
return;
}
if(active){
$dispatch('close-mobile-menu');
setTimeout(() => window.location = 'https://ta.sbx.devsquad.app/activities', 300);
}
}"
class="text-body-14 text-left w-full space-x-0.5 py-2 cursor-pointer font-medium pl-6 pr-3"
:class="{
'bg-primary-50 text-primary-800 rounded-md': active,
'text-neutral-900': active === false
}"
>
Games & Activities
FREE TO TRY
{
active = !active;
$dispatch('clicked-item', { md5: 'eafc30ea1e8f2e9f34ec6d3767ffae58', route: 'https://ta.sbx.devsquad.app/activity/anger-bingo' });
}"
@clicked-item.window="() => {
if ($event.detail.md5 !== 'eafc30ea1e8f2e9f34ec6d3767ffae58') {
return;
}
if(active){
$dispatch('close-mobile-menu');
setTimeout(() => window.location = 'https://ta.sbx.devsquad.app/activity/anger-bingo', 300);
}
}"
class="text-body-14 text-left w-full space-x-0.5 py-2 cursor-pointer font-medium pl-6 pr-3"
:class="{
'bg-primary-50 text-primary-800 rounded-md': active,
'text-neutral-900': active === false
}"
>
Anger Bingo
{
active = !active;
$dispatch('clicked-item', { md5: '69215707020b8303dc1b8bab63bdbb65', route: 'https://ta.sbx.devsquad.app/audio/beach-visualization' });
}"
@clicked-item.window="() => {
if ($event.detail.md5 !== '69215707020b8303dc1b8bab63bdbb65') {
return;
}
if(active){
$dispatch('close-mobile-menu');
setTimeout(() => window.location = 'https://ta.sbx.devsquad.app/audio/beach-visualization', 300);
}
}"
class="text-body-14 text-left w-full space-x-0.5 py-2 cursor-pointer font-medium pl-6 pr-3"
:class="{
'bg-primary-50 text-primary-800 rounded-md': active,
'text-neutral-900': active === false
}"
>
Beach Visualization
{
active = !active;
$dispatch('clicked-item', { md5: '0b6e66d29de2c96b995362cedb64ab87', route: 'https://ta.sbx.devsquad.app/audio/deep-breathing' });
}"
@clicked-item.window="() => {
if ($event.detail.md5 !== '0b6e66d29de2c96b995362cedb64ab87') {
return;
}
if(active){
$dispatch('close-mobile-menu');
setTimeout(() => window.location = 'https://ta.sbx.devsquad.app/audio/deep-breathing', 300);
}
}"
class="text-body-14 text-left w-full space-x-0.5 py-2 cursor-pointer font-medium pl-6 pr-3"
:class="{
'bg-primary-50 text-primary-800 rounded-md': active,
'text-neutral-900': active === false
}"
>
Deep Breathing
LEARN MORE
{
active = !active;
$dispatch('clicked-item', { md5: 'cee136553522cc653acc5d6c87fd139e', route: 'landing.interactive' });
}"
@clicked-item.window="() => {
if ($event.detail.md5 !== 'cee136553522cc653acc5d6c87fd139e') {
return;
}
if(active){
$dispatch('close-mobile-menu');
setTimeout(() => window.location = 'https://ta.sbx.devsquad.app/interactive-therapy-tools', 300);
}
}"
class="text-body-14 text-left w-full space-x-0.5 py-2 cursor-pointer font-medium pl-6 pr-3"
:class="{
'bg-primary-50 text-primary-800 rounded-md': active,
'text-neutral-900': active === false
}"
>
What are interactive tools?