Roluri

Aspectul JSON implicit are următoarele trei roluri.

• Agent—pentru a seta aspectul desktop care să fie afișat atunci când un agent se conectează la desktopul Centrului de contact Webex pentru a gestiona activitățile agentului.

• Supervizor — pentru a seta aspectul desktop pentru a fi afișat atunci când un supraveghetor se conectează la desktopul Centrului de contact Webex pentru a gestiona numai capacitățile supraveghetorului.

  Când un supraveghetor se conectează la Desktop, se aplică aspectul desktop specificat pentru echipa principală. Dacă nu furnizați o echipă principală, se aplică aspectul global. În mod implicit, rapoartele APS sunt dezactivate.

• SupervizorAgent—pentru a seta aspectul desktop care să fie afișat atunci când un supraveghetor se conectează la desktopul Centrului de contact Webex pentru a gestiona atât capacitățile supraveghetorului, cât și activitățile agentului.

Următoarele sunt proprietățile de nivel superior pentru aspectul JSON pe baza rolului:

{
    "agent": {
        "version": "0.1.0",
        "appTitle": "Webex Contact Center",
        "logo": "",
        "taskPageIllustration": "https://www.abc.com/image/logo.jpg",
        "stopNavigateOnAcceptTask": false,
        "dragDropEnabled": false,
        "notificationTimer": 8,
        "maximumNotificationCount": 3,
        "browserNotificationTimer": 8,
        "wxmConfigured": false,
        "desktopChatApp": {
            "webexConfigured": false,
        }
        "headerActions": ["outdial", "notification"],
        "area": {
            "advancedHeader": {
                ...
            },
            "panel": {
                ...
            },
            "navigation": {
                ...
            },
            "persistent": {
                ...
            },
            "headless": {
                ...
            }
        },
    },
    "supervisor": {
        "version": "0.1.0",
        "appTitle": "Webex Contact Center",
        "logo": "",
        "taskPageIllustration": "https://www.abc.com/image/logo.jpg",
        "stopNavigateOnAcceptTask": false,
        "dragDropEnabled": false,
        "notificationTimer": 8,
        "maximumNotificationCount": 3,
        "browserNotificationTimer": 8,
        "wxmConfigured": false,
        "desktopChatApp": {
            "webexConfigured": false,
        }
        "headerActions": ["outdial", "notification"],
        "area": {
            "advancedHeader": {
                ...
            },
            "panel": {
                ...
            },
            "navigation": {
                ...
            },
            "persistent": {
                ...
            },
            "headless": {
                ...
            },
            "homePage": {
                ...
            }
        },
    }
    "supervisorAgent": {
        "version": "0.1.0",
        "appTitle": "Webex Contact Center",
        "logo": "",
        "taskPageIllustration": "https://www.abc.com/image/logo.jpg",
        "stopNavigateOnAcceptTask": false,
        "dragDropEnabled": false,
        "notificationTimer": 8,
        "maximumNotificationCount": 3,
        "browserNotificationTimer": 8,
        "wxmConfigured": false,
        "desktopChatApp": {
            "webexConfigured": false,
        }
        "headerActions": ["outdial", "notification"],
        "area": {
            "advancedHeader": {
                ...
            },
            "panel": {
                ...
            },
            "navigation": {
                ...
            },
            "persistent": {
                ...
            },
            "headless": {
                ...
            }
        },
    }
},

Titlul aplicației

Pentru a specifica un titlu pe antetul orizontal al desktopului. Titlul implicit este Centrul de contact Webex.

Exemplu:

"appTitle": "Webex Contact Center"

Titlul poate fi text, imagine sau șir gol. Textul titlului apare în două rânduri. Dacă textul se extinde dincolo de al doilea rând, este afișată o pictogramă elipsă, iar indicativul de instrumente afișează titlul complet. Stilurile nu pot fi aplicate titlului.

Puteți utiliza URI-uri de date (Uniform Resource Identifier) sau puteți găzdui o imagine de titlu personalizată într-o rețea de livrare a conținutului (CDN), găleată Amazon Web Services (AWS) Simple Storage Service (S3) sau un serviciu de găzduire similar, apoi specificați adresa URL a imaginii găzduite. Formatele de imagine de titlu acceptate sunt PNG, JPG, JPEG, GIF, SVG și WebP. Dimensiunea imaginii titlului acceptată este de 184 x 32 pixeli (lățime x înălțime).

logo-ul

Pentru a specifica o adresă URL pentru sigla companiei. Dacă nu furnizați o adresă URL, atunci sigla Centrului de contact Webex apare în mod implicit.

Exemplu:

"logo": "https://my-cdn.com/logo.png"

Puteți găzdui o imagine de logo personalizată pe un CDN, o găleată Amazon Web Services (AWS) Simple Storage Service (S3) sau un serviciu de găzduire similar, apoi specificați adresa URL a imaginii găzduite. Formatele de imagine ale logo-ului acceptate sunt PNG, JPG, JPEG, GIF, SVG și WebP. Dimensiunea imaginii logo-ului acceptată este de 96 x 32 pixeli (lățime x înălțime).

Pagina de sarciniIlustrație

Pentru a specifica o ilustrație personalizată pentru pagina de activități bazată pe preferințele organizației și alinierea mărcii. Când un agent se conectează, pagina de activitate afișează ilustrația configurată ca fundal. În mod implicit, pagina de activitate apare fără ilustrație.

Exemplu:

"taskPageIllustration": "https://www.abc.com/image/logo.jpg",

Puteți utiliza URI-uri de date sau găzduiți o ilustrație personalizată pe o rețea de livrare de conținut (CDN), găleată Amazon Web Services (AWS) Simple Storage Service (S3) sau un serviciu de găzduire similar, apoi specificați adresa URL a ilustrației găzduite. Ilustrația poate fi configurată la nivel global sau de echipă pe baza definiției aspectului. Asigurați-vă că configurați adresa URL corectă pentru a preveni afișarea imaginii rupte pe desktop.

Formatele de ilustrație ale paginii de activități acceptate sunt PNG, JPG, JPEG, GIF, SVG și WebP. Dimensiunea recomandată a ilustrației este de 400 x 400 pixeli (lățime x înălțime). Dacă dimensiunea ilustrației particularizate este mai mare decât dimensiunea recomandată, dimensiunea ilustrației este ajustată în funcție de raportul de aspect din pagina de activitate. Dacă dimensiunea ilustrației particularizate este mai mică decât dimensiunea recomandată, dimensiunea reală a ilustrației este păstrată în pagina de activitate.

StopNavigateOnAcceptTask

Pentru a determina dacă să schimbați focalizarea la o activitate nou acceptată, atunci când agentul acceptă noua activitate în timp ce lucrează la o activitate anterioară. Valoarea implicită este falsă.

Exemplu:

"stopNavigateOnAcceptTask": false

Dacă valoarea este setată ca true, atunci când utilizatorul acceptă o nouă activitate pe Desktop, focalizarea este păstrată pe activitatea anterioară și nu se trece la activitatea recent acceptată. Această setare împiedică utilizatorul să piardă orice date atunci când acceptă o nouă solicitare.

De exemplu, considerați că Agentul 1 este pe chat cu Clientul 1 și simultan într-un apel vocal cu Clientul 2. În timpul apelului vocal, Agentul 1 actualizează detaliile Clientului 2 în panoul Control interacțiune. În prezent, Agentul 1 are două activități active în panoul Listă de activități, iar accentul se află pe panoul Control interacțiune. Când Agentul 1 acceptă o nouă solicitare de chat de la Clientul 3, accentul rămâne pe panoul Control interacțiune cu Clientul 2 și nu trece la solicitarea de chat recent acceptată.

Pentru a păstra focalizarea asupra activității anterioare și a nu trece la activitatea nou acceptată, selectați aspectul personalizat cu valoarea proprietății stopNavigateOnAcceptTask setată la true.

Dacă valoarea proprietății stopNavigateOnAcceptTask nu este introdusă în aspectul JSON, Desktopul schimbă focalizarea către activitatea nou acceptată. Comportamentul este similar cu atunci când valoarea proprietății stopNavigateOnAcceptTask este setată la false.

DragDropEnabled

Pentru a activa glisarea și fixarea și redimensionarea widget-urilor de pe paginile personalizate, setați valoarea la true. Valoarea implicită este falsă.

Exemplu:

"dragDropEnabled": false

NotificareTimer

Pentru a seta durata (în secunde) după care notificările desktop de pe Desktop sunt respinse automat. Notificarea apare în colțul din dreapta sus al desktopului. Valoarea prestabilită a timpului de expirare este de 8 secunde. Intervalul valid pentru valorile de expirare este de 1-10 secunde. Pentru ca modificările de expirare să intre în vigoare, browserul trebuie reîmprospătat după efectuarea modificărilor.

Exemplu:

"notificationTimer": 8

Numărul maxim de notificări

Pentru a seta numărul de notificări desktop care urmează să fie afișate simultan pe Desktop. Valoarea implicită este 3. Intervalul pentru notificările desktop este de 1-10. Notificările desktop sunt stivuite. Dacă există multe notificări, acestea apar cu o ușoară întârziere, în funcție de setările NotificationTimer.

BrowserNotificationTimer

Pentru a seta durata (în secunde) după care notificările browserului de prăjitor de pe Desktop sunt respinse automat. Toaster este o notificare nativă a browserului care apare numai dacă Desktopul nu este fereastra sau fila activă a browserului. Fereastra sau fila browserului Desktop este inactivă atunci când

• Lucrați la alte ferestre sau file ale browserului.

• Lucrați la alte aplicații.

• Ați minimizat fereastra browserului Desktop.

Notificarea apare în colțul din dreapta sus al desktopului. Valoarea prestabilită a timpului de expirare este de 8 secunde. Intervalul recomandat pentru valorile de expirare este de 5-15 secunde. Pentru ca modificările de expirare să intre în vigoare, browserul trebuie reîmprospătat după efectuarea modificărilor.

Exemplu:

"browserNotificationTimer": 8

wxmConfigurat

(Opțional) Pentru a configuraWebex Experience Management, setați valoarea la true. Valoarea implicită este falsă.

Exemplu:

"wxmConfigured": true

Aplicație de chat pentru desktop

Pentru a configura mai multe aplicații de chat oferite de Cisco, cum ar fi aplicația Webex.

WebExconfigurat

Aplicația Webex împreună cu funcționalitățile sale de mesagerie și întâlnire pot fi configurate în Desktop. Această configurație permite agenților să colaboreze cu alți agenți, supraveghetori și experți în materie (IMM-uri) din organizația lor fără a naviga departe de Desktop.

Pentru a configura aplicația Webex în desktop:

• ÎnCisco Webex Control Hub, când adăugați servicii pentru un utilizator, bifați caseta de sel ectare Mesagerie avans ată (Utilizatori > Gestionare utilizatori > Servicii > Mes agerie). Pentru mai multe informații, consultați Gestionarea conturilor de utilizator în Administrarea Cisco Webex site-ului.

• În Aspectul desktop personalizat, setați valoarea proprietății WebExConfigu red la true.

  Exemplu:

  "desktopChatApp": {
      "webexConfigured": true
  },

  Valoarea implicită a proprietății WebExConfigured este false.

  Aplicația Webex este disponibilă pentru rolurile agent, supraveghetor și SupervizorAgent numai dacă setați valoarea proprietății WebExConfigured la true pentru fiecare dintre aceste roluri. Agentul, supraveghetorul sau SupervizorAgent nu se pot deconecta de la aplicația Webex.

  Pentru a afișa pictograma (Webex) pe antetul orizontal al desktopului, introduceți valoarea webex în proprietatea HeaderActions. Pentru mai multe informații, consultați He aderActions.

  Pentru a activa aplicația Webex pentru o anumită echipă, selectați aspectul personalizat cu valoarea proprietății WebExConfigured setată la true. Pentru mai multe informații, consultați Crearea unei echipe.

Puteți configura aplicația Webex în panoul Informații auxiliare, pagina personalizată și widgetul personalizat, de asemenea. Pentru mai multe informații, consultați Pan oul de informații auxiliare.

Notificare pentru aplicația Webex

Valorile specificate utilizând proprietățile NotificationTimer și BrowserNotificationTim er pentru cronomet rul de notificare sunt aplicabile pentru aplicația Webex. Valoarea prestabilită a timpului de expirare este de 8 secunde pentru aceste proprietăți. Pentru mai multe informații, consultați NotificationTimer și BrowserNotificationTimer.

AntetAcțiuni

Pentru a schimba ordinea pictogramelor de pe antetul orizontal al desktopului. Ordinea implicită este următoarea:

1. (Webex)

2. (Apel extern)

3. (Centrul de notificări)

Setați valoarea proprietății He aderActions după cum urmează:

Exemplu:

Pentru a modifica ordinea implicită a pictogramelor, introduceți proprietatea HeaderActions și valorile din aspectul personalizat în consecință.

Exemplu:

zonă

Propriet atea zonei este secțiunea de bază a aspectului desktop. Puteți defini aspectul în funcție de zonă.

"area": {
    "header": {
        ...
    },
    "advancedHeader: {
        {
          "comp": "widget-1",
          "attributes": { ... },
          "script": ....
        }
    },
    "panel": {
        ...
    },
    "navigation": {
        ...
    },
    "persistent": {
        ...
    },
    "headless": {
        ...
    }
},

Puteți configura următoarele obiecte de zonă:

• Panou: reprezintă al doilea panou sau panoul din dreapta din panoul Informații auxiliare.

• Navigare: reprezintă paginile personalizate și elementele lor de navigare care sunt legate de pagini.

• Persistent: reprezintă widget-urile la nivel de pagină care sunt persistente și afișate pe toate paginile desktopului.

• Headless: Reprezintă widget-urile care nu au o interfață vizuală, dar execută logica în fundal.

AdvancedHeader

Pentru a personaliza vizibilitatea și a modifica ordinea pictogramelor de pe antetul orizontal al desktopului. Ordinea implicită este următoarea:

1. (Webex)

2. (Apel extern)

3. (Centrul de notificări)

4. (Selector de stat agent)

Setați valoarea proprietății AdvancedHeader după cum urmează:

Exemplu:

"advancedHeader": [
        {
          "comp": "agentx-webex"
        },
        {
          "comp": "agentx-outdial"
        },
        {
          "comp": "agentx-notification"
        },
        {
          "comp": "agentx-state-selector"
        }
        {
          "comp": "widget-1",
          "attributes": { ... },
          "script": ....
        }
      ]

Pentru a modifica ordinea implicită a pictogramelor, introduceți proprietatea AdvancedHeader și valorile din aspectul personalizat în consecință.

Widgeturile curg în meniul derulant de la stânga la dreapta.

Atribute pentru tab-uri persistente

Pentru a seta filele din paginile particularizate și widget-urile personalizate ca persistente, introduceți atributele pentru md-tabs în aspectul personalizat.

Exemplu: Setați filele ca persistente

{
    "comp": "md-tabs",
    "attributes": {
        "persist-selection": true,
        "tabs-id": "unique-id for all the tabs together in the container"
    },
}

Când setaţi md-tabs să fie persistente (selecţie persistentă: true), Agent Desktop păstrează selec ţia filelor chiar dacă un agent comută între pagini sau widget-uri în Desktop.

Lista derul antă Mai multe file apare automat atunci când panoul Informații auxiliare conține mai multe file.

Trebuie să adăugați o tabă personalizată pentru lizibilitate și accesibilitate. Pentru a adăuga un tooltip pentru o filă particularizată, înfășurați componenta cu m d-tooltip. Introduceți informațiile de tip tooltip în proprietatea mesaj ului și aplicați valorile proprietății stil ului așa cum se arată în exemplul următor.

"comp": "md-tooltip",
"attributes": {
    "class": "widget-tabs",
    "message": "Sample Tab 1",
    "style": "max-width: 252px; min-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; margin-bottom: -10px;"
},

Pentru a activa caracteristica glisare și plasare în fila particularizată, adăugați următoarea proprietate în atribute:

"comp": "md-tabs",
"attributes": {
    "class": "widget-tabs",
    "draggable": true,
    "comp-unique-id": "sample-dynamic-custom-tabs"
},

• draggable: Setați valoarea proprietății glisabile la true.

• comp-unique id: Introduceți o valoare unică pentru a identifica componenta.

  Exemplu:

  "comp-unique-id": "sample-dynamic-custom-tabs"
  

Dacă activați glisarea și fixarea pentru o filă particularizată, agentul poate trage și plasa fila în poziția dorită din panoul Informații auxiliare. Pentru a reseta filele la ordinea implicită a filelor, adăugați următoarea proprietate:

"comp": "agentx-wc-more-actions-widget",
"attributes": {
    "slot": "settings",
    "class": "widget-pane",
    "tabs-unique-id": "sample-dynamic-custom-tabs"
},

• agentx-wc-more-actions-widget: Introduceți componenta care este afișată ca pictogramă Mai multe acțiuni () în panoul Informații auxiliare.

• slot="settings": Enter an attribute within the component that is displayed as the Reset Tab Order option in the More Actions drop-down list. Agenții pot reseta filele din panoul Informații auxiliare la ordinea implicită făcând clic pe > Resetați ordinea filelor.

• tabs-unice-id: Introduceți aceeași valoare unică definită pentru proprietatea comp-unique id pentru a mapa și reseta componentele md-tabs.

Următorul exemplu de cod utilizează funcțiile Mai multe acțiuni și Resetare ordine fil ă.

"comp": "agentx-wc-more-actions-widget",
"attributes": {
    "slot": "settings",
    "class": "widget-pane",
    "tabs-unique-id": "sample-dynamic-custom-tabs"
},
"children": [{
    "comp": "div",
    "attributes": {
        "textContent": "custom action",
        "slot": "custom-action"
    },
    "children": [{
            "comp": "agentx-wc-notes-header-widget"
        },
        {
            "comp": "agentx-wc-menu-notification"
        }
    ]
}],

}

Lista derulantă Mai multe acțiuni poate fi extinsă pentru a adăuga componente sau widget-uri personalizate suplimentare după opțiunea Resetare ordine fil ă. Următorul este un set de exemple de valori ale proprietății stil ului care pot fi aplicate componentelor suplimentare.

"comp": "md-tooltip",
"attributes": {
    "class": "widget-tabs",
    "message": "Sample Element",
    "style": "max-width: 252px; min-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; margin-bottom: -10px;"
},

• Configurați și accesați widgetul Valori de gestionare a experienței clienților din bara de navigare

• Utilizarea filelor pe pagina personalizată

• Panoul de informații auxiliare implicit cu istoricul contactelor și ecranul Pop

• Panou de informații auxiliare cu widgetul Călătoria experienței clienților

Configurați și accesați widgetul Valori de gestionare a experienței clienților din bara de navigare

Exemplu:

{
    "nav": {
        "label": "Customer Experience Management Metrics",
        "icon": "/app/images/wxm.bcd45cc3.svg",
        "iconType": "other",
        "navigateTo": "wxm-metrics",
        "align": "top"
    },
    "page": {
        "id": "wxm-metrics",
        "widgets": {
            "comp1": {
                "comp": "agentx-wc-cloudcherry-widget",
                "attributes": {
                    "metrics": true
                },
                "properties": {
                    "userModel": "$STORE.app.userModel",
                    "spaceId": "",
                    "metricsId": "",
                    "teamId": "$STORE.agent.teamName",
                    "ani": "$STORE.agentContact.taskSelected.ani",
                    "isDarkMode": "$STORE.app.darkMode"
                },
                "wrapper": {
                    "title": "Customer Experience Journey",
                    "maximizeAreaName": "app-maximize-area"
                }
            }
        },
        "layout": {
            "areas": [
                ["comp1"]
            ],
            "size": {
                "cols": [1],
                "rows": [1]
            }
        }
    }
},

Utilizarea filelor pe pagina personalizată

Exemplu:

{
    "nav": {
        "label": "Dynamic Tabs",
        "icon": "stored-info",
        "iconType": "momentum",
        "navigateTo": "dynamic-tabs",
        "align": "top"
    },
    "page": {
        "id": "page-id-tabs",
        "widgets": {
            "comp1": {
                "comp": "md-tabs",
                "children": [{
                        "comp": "md-tab",
                        "textContent": "One",
                        "attributes": {
                            "slot": "tab"
                        }
                    },
                    {
                        "comp": "md-tab-panel",
                        "attributes": {
                            "slot": "panel"
                        },
                        "children": [{
                            "comp": "widget-two",
                            "script": "http:/my-cdn.com/dynamic-widgets/widget-two.js"
                        }]
                    },
                    {
                        "comp": "md-tab",
                        "textContent": "Two",
                        "attributes": {
                            "slot": "tab"
                        }
                    },
                    {
                        "comp": "md-tab-panel",
                        "textContent": "Two Content",
                        "attributes": {
                            "slot": "panel"
                        }
                    }
                ]
            },
            "comp2": {
                "comp": "widget-two",
                "script": " http:/my-cdn.com/dynamic-widgets/widget-two.js"
            }
        },
        "layout": {
            "areas": [
                ["comp1", "comp2"]
            ],
            "size": {
                "cols": [1, 1],
                "rows": [1]
            }
        }
    }
}

Panoul de informații auxiliare implicit cu istoricul contactelor și ecranul Pop

Exemplu:

"panel": {
    "comp": "md-tabs",
    "attributes": {
        "class": "widget-tabs"
    },
    "children": [{
            "comp": "md-tab",
            "attributes": {
                "slot": "tab",
                "class": "widget-pane-tab"
            },
            "children": [{
                "comp": "slot",
                "attributes": {
                    "name": "CONTACT_HISTORY_TAB"
                }
            }]
        },
        {
            "comp": "md-tab-panel",
            "attributes": {
                "slot": "panel",
                "class": "widget-pane"
            },
            "children": [{
                "comp": "slot",
                "attributes": {
                    "name": "CONTACT_HISTORY"
                }
            }]
        },
    ]
}, {
    "comp": "md-tab",
    "attributes": {
        "slot": "tab",
        "class": "widget-pane-tab"
    },
    {
        "comp": "md-tab",
        "attributes": {
            "slot": "tab",
            "class": "widget-pane-tab"
        },
        "children": [{
            "comp": "slot",
            "attributes": {
                "name": "SCREEN_POP_TAB"
            }
        }],
        "visibility": "SCREEN_POP"
    },
    {
        "comp": "md-tab-panel",
        "attributes": {
            "slot": "panel",
            "class": "widget-pane"
        },
        "children": [{
            "comp": "slot",
            "attributes": {
                "name": "SCREEN_POP"
            }
        }],
        "visibility": "SCREEN_POP"
    }
},

Panou de informații auxiliare cu widgetul Călătoria experienței clienților

Exemplu:

"panel": {
    "comp": "md-tabs",
    "attributes": {
        "class": "widget-tabs"
    },
    "children": [{
                "comp": "md-tab",
                "attributes": {
                    "slot": "tab"
                },
                "children": [{
                    "comp": "slot",
                    "attributes": {
                        "name": "WXM_JOURNEY_TAB"
                    }
                }],
                "visibility": "WXM_JOURNEY"
            },
            {
                "comp": "md-tab-panel",
                "attributes": {
                    "slot": "panel",
                    "class": "widget-pane"
                },
                "children": [{
                    "comp": "agentx-wc-cloudcherry-widget",
                    "properties": {
                        "userModel": "$STORE.app.userModel",
                        "spaceId": "",
                        "metricsId": "",
                        "teamId": "$STORE.agent.teamName",
                        "ani": "$STORE.agentContact.taskSelected.ani",
                        "isDarkMode": "$STORE.app.darkMode"
                    },
                    "wrapper": {
                        "title": "Customer Experience Journey",
                        "maximizeAreaName": "app-maximize-area"
                    }
                }],
                {
                    "comp": "md-tab",
                    "attributes": {
                        "slot": "tab",
                        "class": "widget-pane-tab"
                    },
                    "children": {
                        "comp": "md-tab",
                        "attributes": {
                            "slot": "tab",
                            "class": "widget-pane-tab"
                        },
                        "children": [{
                            "comp": "slot",
                            "attributes": {
                                "name": "CONTACT_HISTORY_TAB"
                            }
                        }]
                    },
                    {
                        "comp": "md-tab-panel",
                        "attributes": {
                            "slot": "panel",
                            "class": "widget-pane"
                        },
                        "children": [{
                            "comp": "slot",
                            "attributes": {
                                "name": "CONTACT_HISTORY"
                            }
                        }]
                    },
                    {
                        "comp": "md-tab",
                        "attributes": {
                            "slot": "tab",
                            "class": "widget-pane-tab"
                        },
                        "children": [{
                            "comp": "slot",
                            "attributes": {
                                "name": "SCREEN_POP_TAB"
                            }
                        }],
                        "visibility": "SCREEN_POP"
                    },
                    {
                        "comp": "md-tab-panel",
                        "attributes": {
                            "slot": "panel",
                            "class": "widget-pane"
                        },
                        "children": [{
                            "comp": "slot",
                            "attributes": {
                                "name": "SCREEN_POP"
                            }
                        }],
                        "visibility": "SCREEN_POP"
                    }
                    "visibility": "SCREEN_POP"
                },
            },