From 7919dbc12566193d909d2adb4bb4c933db60f3a6 Mon Sep 17 00:00:00 2001 From: OvidijusParsiunas Date: Sun, 29 Dec 2024 19:48:40 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20=20@=207c943?= =?UTF-8?q?12a638d63a1238ae6603700d98369f33f59=20=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 404.html | 2 +- assets/js/3d7ef9b9.1652813f.js | 1 + assets/js/3d7ef9b9.f5684d33.js | 1 - assets/js/53a90a4e.0522a676.js | 1 + assets/js/53a90a4e.7d958b83.js | 1 - assets/js/5812764a.061eca81.js | 1 + assets/js/5812764a.239aaf99.js | 1 - assets/js/5efdef18.63a3bc54.js | 1 - assets/js/5efdef18.7177922e.js | 1 + assets/js/6715.072f205a.js | 2 + ...CENSE.txt => 6715.072f205a.js.LICENSE.txt} | 0 assets/js/6715.4be0d0a5.js | 2 - assets/js/71f93b87.305560e7.js | 1 - assets/js/71f93b87.4d7a8213.js | 1 + ...81879.6b60375c.js => 95881879.aae1681f.js} | 2 +- assets/js/a59ec873.a895b3a3.js | 1 + assets/js/a59ec873.e3c95d34.js | 1 - assets/js/bc7c935a.a40c8453.js | 1 - assets/js/bc7c935a.fa36cff4.js | 1 + assets/js/c214479d.0163d830.js | 1 - assets/js/c214479d.031ee1fe.js | 1 + ...688a0.900f2b4a.js => df0688a0.01294067.js} | 2 +- assets/js/ef02564c.5d65ee56.js | 1 - assets/js/ef02564c.ba71ea2d.js | 1 + ...41cc5.30db4c44.js => f4a41cc5.56ffa85d.js} | 2 +- assets/js/ff031c7d.3187034e.js | 1 + assets/js/ff031c7d.ce875af8.js | 1 - ...n.e9bd5337.js => runtime~main.5e495a1c.js} | 2 +- docs/connect/index.html | 2 +- docs/demo/index.html | 48 +++++++--- docs/directConnection/AssemblyAI/index.html | 2 +- docs/directConnection/Azure/index.html | 25 +++++- docs/directConnection/Cohere/index.html | 2 +- docs/directConnection/HuggingFace/index.html | 2 +- docs/directConnection/OpenAI/index.html | 14 +-- docs/directConnection/StabilityAI/index.html | 2 +- docs/directConnection/index.html | 2 +- docs/events/index.html | 2 +- docs/files/index.html | 2 +- docs/installation/index.html | 4 +- docs/interceptors/index.html | 23 ++++- docs/introPanel/index.html | 4 +- docs/introduction/index.html | 2 +- docs/messages/HTML/index.html | 10 +-- docs/messages/index.html | 4 +- docs/messages/styles/index.html | 87 ++++++++++++++++--- docs/methods/index.html | 27 ++++-- docs/speech/index.html | 2 +- docs/styles/index.html | 9 +- docs/webModel/index.html | 2 +- examples/Layout/fullScreen/index.html | 2 +- examples/Layout/sticky/index.html | 2 +- examples/design/index.html | 10 ++- examples/externalModules/index.html | 2 +- examples/frameworks/index.html | 2 +- examples/servers/index.html | 2 +- exploreButton/exploreButton/index.html | 2 +- features/captureFiles/captureFiles/index.html | 2 +- features/connect/connect/index.html | 2 +- features/customize/customize/index.html | 2 +- features/features/index.html | 2 +- features/media/media/index.html | 2 +- features/speech/speech/index.html | 2 +- footer/footer/index.html | 2 +- index.html | 2 +- .../manipulate/playgroundAddButton/index.html | 2 +- .../chat/playgroundChatComponent/index.html | 2 +- .../chat/playgroundChatWrapper/index.html | 2 +- .../playgroundChatWrapperConfig/index.html | 2 +- .../chat/playgroundChatWrapperLogo/index.html | 2 +- .../chat/playgroundChatWrapperText/index.html | 2 +- .../modal/playgroundExportModal/index.html | 2 +- .../export/playgroundExportButton/index.html | 2 +- .../playgroundInformationModal/index.html | 2 +- .../playgroundInformationButton/index.html | 2 +- .../layout/playgroundLayoutButton/index.html | 2 +- playground/header/playgroundCog/index.html | 2 +- .../header/playgroundHeaderButtons/index.html | 2 +- playground/header/playgroundShield/index.html | 2 +- .../modal/playgroundUploadModal/index.html | 2 +- .../upload/playgroundUploadButton/index.html | 2 +- playground/index.html | 2 +- playground/playgroundSelect/index.html | 2 +- .../close/serviceModalCloseButtons/index.html | 2 +- .../serviceModal/code/serviceCode/index.html | 2 +- .../serviceConstructableObject/index.html | 2 +- .../fields/serviceField/index.html | 2 +- .../index.html | 2 +- .../fields/serviceRequiredField/index.html | 2 +- .../fields/serviceTypeField/index.html | 2 +- .../serviceModal/serviceModal/index.html | 2 +- .../wrappers/collapsableSection/index.html | 2 +- .../playgroundTooltipWrapper/index.html | 2 +- preload/preloadImages/index.html | 2 +- preload/preloadPlaygroundImages/index.html | 2 +- preload/preloadStartImages/index.html | 2 +- search/index.html | 2 +- smallScreen/deepChatLogo/index.html | 2 +- smallScreen/smallScreen/index.html | 2 +- start/aiInYourBrowser/index.html | 2 +- start/connectToCustomAPI/index.html | 2 +- start/connectToPopularAPI/index.html | 2 +- start/createComponent/index.html | 2 +- start/index.html | 2 +- start/options/index.html | 2 +- start/startParticles/index.html | 2 +- start/startSmallScreen/index.html | 2 +- startPanel/startPanel/index.html | 2 +- startPanel/startPanelParticles/index.html | 2 +- utils/fadeInContent/index.html | 2 +- utils/fadeInNav/index.html | 2 +- utils/onVisibleAnimation/index.html | 2 +- 112 files changed, 293 insertions(+), 150 deletions(-) create mode 100644 assets/js/3d7ef9b9.1652813f.js delete mode 100644 assets/js/3d7ef9b9.f5684d33.js create mode 100644 assets/js/53a90a4e.0522a676.js delete mode 100644 assets/js/53a90a4e.7d958b83.js create mode 100644 assets/js/5812764a.061eca81.js delete mode 100644 assets/js/5812764a.239aaf99.js delete mode 100644 assets/js/5efdef18.63a3bc54.js create mode 100644 assets/js/5efdef18.7177922e.js create mode 100644 assets/js/6715.072f205a.js rename assets/js/{6715.4be0d0a5.js.LICENSE.txt => 6715.072f205a.js.LICENSE.txt} (100%) delete mode 100644 assets/js/6715.4be0d0a5.js delete mode 100644 assets/js/71f93b87.305560e7.js create mode 100644 assets/js/71f93b87.4d7a8213.js rename assets/js/{95881879.6b60375c.js => 95881879.aae1681f.js} (91%) create mode 100644 assets/js/a59ec873.a895b3a3.js delete mode 100644 assets/js/a59ec873.e3c95d34.js delete mode 100644 assets/js/bc7c935a.a40c8453.js create mode 100644 assets/js/bc7c935a.fa36cff4.js delete mode 100644 assets/js/c214479d.0163d830.js create mode 100644 assets/js/c214479d.031ee1fe.js rename assets/js/{df0688a0.900f2b4a.js => df0688a0.01294067.js} (57%) delete mode 100644 assets/js/ef02564c.5d65ee56.js create mode 100644 assets/js/ef02564c.ba71ea2d.js rename assets/js/{f4a41cc5.30db4c44.js => f4a41cc5.56ffa85d.js} (97%) create mode 100644 assets/js/ff031c7d.3187034e.js delete mode 100644 assets/js/ff031c7d.ce875af8.js rename assets/js/{runtime~main.e9bd5337.js => runtime~main.5e495a1c.js} (91%) diff --git a/404.html b/404.html index dcddfe489..471948320 100644 --- a/404.html +++ b/404.html @@ -13,7 +13,7 @@ - + diff --git a/assets/js/3d7ef9b9.1652813f.js b/assets/js/3d7ef9b9.1652813f.js new file mode 100644 index 000000000..112866fb3 --- /dev/null +++ b/assets/js/3d7ef9b9.1652813f.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunkwebsite=self.webpackChunkwebsite||[]).push([[2170],{79358:(e,s,n)=>{n.r(s),n.d(s,{assets:()=>m,contentTitle:()=>h,default:()=>b,frontMatter:()=>u,metadata:()=>p,toc:()=>x});var r=n(74848),o=n(28453),t=(n(82496),n(24033)),a=n(50363),i=n(15781),l=n(78478),c=n(19365),d=n(11470);const u={sidebar_position:13},h="Demo",p={id:"docs/demo",title:"Demo",description:"This is used by default to demonstrate the component's capabilities without connecting to any APIs.",source:"@site/docs/docs/demo.mdx",sourceDirName:"docs",slug:"/docs/demo",permalink:"/docs/demo",draft:!1,unlisted:!1,editUrl:"https://github.com/OvidijusParsiunas/deep-chat/tree/main/website/docs/docs/demo.mdx",tags:[],version:"current",sidebarPosition:13,frontMatter:{sidebar_position:13},sidebar:"docs",previous:{title:"Interceptors",permalink:"/docs/interceptors"}},m={},x=[{value:"demo",id:"demo",level:3},{value:"Base Example",id:"base-example",level:4},{value:"Custom Response Example",id:"custom-response-example",level:4},{value:"Types",id:"types",level:2},{value:"DemoErrors",id:"DemoErrors",level:3},{value:"DemoLoading",id:"DemoLoading",level:3}];function j(e){const s={a:"a",code:"code",em:"em",h1:"h1",h2:"h2",h3:"h3",h4:"h4",header:"header",li:"li",p:"p",pre:"pre",ul:"ul",...(0,o.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(s.header,{children:(0,r.jsx)(s.h1,{id:"demo",children:"Demo"})}),"\n",(0,r.jsx)(s.p,{children:"This is used by default to demonstrate the component's capabilities without connecting to any APIs."}),"\n",(0,r.jsx)(s.h3,{id:"demo",children:(0,r.jsx)(s.code,{children:"demo"})}),"\n",(0,r.jsxs)(s.ul,{children:["\n",(0,r.jsxs)(s.li,{children:["Type: ",(0,r.jsx)(s.code,{children:"true"})," | { ",(0,r.jsx)("br",{}),"\n\xa0\xa0\xa0\xa0 ",(0,r.jsx)(s.code,{children:"response?:"})," ",(0,r.jsx)(s.a,{href:"/docs/connect#Response",children:(0,r.jsx)(s.code,{children:"Response"})})," | (",(0,r.jsx)(s.a,{href:"/docs/messages/#MessageContent",children:(0,r.jsx)(s.code,{children:"message: MessageContent"})}),") => ",(0,r.jsx)(s.a,{href:"/docs/connect#Response",children:(0,r.jsx)(s.code,{children:"Response"})}),", ",(0,r.jsx)("br",{}),"\n\xa0\xa0\xa0\xa0 ",(0,r.jsx)(s.a,{href:"#DisplayErrors",children:(0,r.jsx)(s.code,{children:"displayErrors?: DisplayErrors"})}),", ",(0,r.jsx)("br",{}),"\n\xa0\xa0\xa0\xa0 ",(0,r.jsx)(s.a,{href:"#DemoLoading",children:(0,r.jsx)(s.code,{children:"displayLoading?: DemoLoading"})}),", ",(0,r.jsx)("br",{}),"\n\xa0\xa0\xa0\xa0 ",(0,r.jsx)(s.code,{children:"displayFileAttachmentContainer?: boolean"})," ",(0,r.jsx)("br",{}),"\n}}"]}),"\n"]}),"\n",(0,r.jsxs)(s.p,{children:["Set this to ",(0,r.jsx)(s.em,{children:"true"})," or define an object with properties to remove the initial setup guidance message. ",(0,r.jsx)("br",{}),"\n",(0,r.jsx)(s.code,{children:"response"})," is used to override the default demo response with a custom one. It can either be a ",(0,r.jsx)(s.a,{href:"/docs/connect#Response",children:(0,r.jsx)(s.code,{children:"Response"})})," object or a function that returns\na ",(0,r.jsx)(s.a,{href:"/docs/connect#Response",children:(0,r.jsx)(s.code,{children:"Response"})})," object. ",(0,r.jsx)("br",{}),"\nThe following properties are used to toggle elements to showcase their design without making any user actions: ",(0,r.jsx)("br",{}),"\n",(0,r.jsx)(s.code,{children:"displayErrors"})," is used to display error messages. ",(0,r.jsx)("br",{}),"\n",(0,r.jsx)(s.code,{children:"displayLoading"})," is used to display various loading spinners. ",(0,r.jsx)("br",{}),"\n",(0,r.jsx)(s.code,{children:"displayFileAttachmentContainer"})," is used to display the element that encapsulates all of the files to be sent on the next message. ",(0,r.jsx)("br",{})]}),"\n","\n",(0,r.jsx)(l.A,{children:()=>n(61886).readdAutoNavShadowToggle()}),"\n",(0,r.jsx)(s.h4,{id:"base-example",children:"Base Example"}),"\n",(0,r.jsx)(t.A,{children:(0,r.jsx)(a.A,{style:{borderRadius:"8px"},demo:!0})}),"\n",(0,r.jsxs)(d.A,{children:[(0,r.jsx)(c.A,{value:"js",label:"Sample code",children:(0,r.jsx)(s.pre,{children:(0,r.jsx)(s.code,{className:"language-html",children:'\n'})})}),(0,r.jsx)(c.A,{value:"py",label:"Full code",children:(0,r.jsx)(s.pre,{children:(0,r.jsx)(s.code,{className:"language-html",children:'\x3c!-- This example is for Vanilla JS and should be tailored to your framework (see Examples) --\x3e\n\n\n'})})})]}),"\n",(0,r.jsx)(i.A,{}),"\n",(0,r.jsx)(s.h4,{id:"custom-response-example",children:"Custom Response Example"}),"\n",(0,r.jsx)(t.A,{children:(0,r.jsx)(a.A,{style:{borderRadius:"8px"},introMessage:{text:"Rock, Paper, Scissors! Make your guess and see who wins!"},demo:{response:e=>{const s=e.text?.toLocaleLowerCase(),n=["rock","paper","scissors"][Math.floor(3*Math.random())];let r=`I guessed ${n}. `;return s===n?r+="It's a draw.":"rock"===s?r+="paper"===n?"I win!":"You win!":"paper"===s?r+="scissors"===n?"I win!":"You win!":"scissors"===s?r+="rock"===n?"I win!":"You win!":r="Guess either Rock, Paper or Scissors",{text:r}}}})}),"\n",(0,r.jsxs)(d.A,{children:[(0,r.jsx)(c.A,{value:"js",label:"Sample code",children:(0,r.jsx)(s.pre,{children:(0,r.jsx)(s.code,{className:"language-javascript",children:"chatElementRef.demo = {\n response: (message) => {\n const options = ['rock', 'paper', 'scissors'];\n const userOption = message.text?.toLocaleLowerCase();\n const aiOption = options[Math.floor(Math.random() * 3)];\n let response = `I guessed ${aiOption}. `;\n if (userOption === aiOption) response += 'Draw';\n else if (userOption === 'rock') response += aiOption === 'paper' ? 'I win!' : 'You win!';\n else if (userOption === 'paper') response += aiOption === 'scissors' ? 'I win!' : 'You win!';\n else if (userOption === 'scissors') response += aiOption === 'rock' ? 'I win!' : 'You win!';\n else response = 'Guess either Rock, Paper or Scissors';\n return {text: response};\n },\n};\n"})})}),(0,r.jsx)(c.A,{value:"py",label:"Full code",children:(0,r.jsx)(s.pre,{children:(0,r.jsx)(s.code,{className:"language-html",children:"\x3c!-- This example is for Vanilla JS and should be tailored to your framework (see Examples) --\x3e\n\n\n\n + diff --git a/docs/demo/index.html b/docs/demo/index.html index b2ae45472..f1e49cf35 100644 --- a/docs/demo/index.html +++ b/docs/demo/index.html @@ -13,7 +13,7 @@ - + @@ -23,22 +23,18 @@

demo
  • Type: true | {
         response?:     Response | (message: MessageContent) => Response,
    -     displayLoadingBubble?: boolean,
    -     displayFileAttachmentContainer?: boolean,
    -     displayErrors?: {
    -         default?: boolean,
    -         service?: boolean,
    -         speechToText?: boolean
    +     displayErrors?: DisplayErrors,
    +     displayLoading?: DemoLoading,
    +     displayFileAttachmentContainer?: boolean
    }}

    • Set this to true or define an object with properties to remove the initial setup guidance message.
    response is used to override the default demo response with a custom one. It can either be a Response object or a function that returns a Response object.
    The following properties are used to toggle elements to showcase their design without making any user actions:
    -displayLoadingBubble is used to display the loading bubble.
    -displayFileAttachmentContainer is used to display the element that encapsulates all of the files to be sent on the next message.
    -displayErrors is used to display error messages; for the component via default, an API error via service and a speech to text issue via speechToText. -This is mainly used to showcase the override capabilities in errorMessages.

    +displayErrors is used to display error messages.
    +displayLoading is used to display various loading spinners.
    +displayFileAttachmentContainer is used to display the element that encapsulates all of the files to be sent on the next message.

    Base Example​

    @@ -49,9 +45,33 @@

    Cust 
    chatElementRef.demo = {
      response: (message) => {
        const options = ['rock', 'paper', 'scissors'];
        const userOption = message.text?.toLocaleLowerCase();
        const aiOption = options[Math.floor(Math.random() * 3)];
        let response = `I guessed ${aiOption}. `;
        if (userOption === aiOption) response += 'Draw';
        else if (userOption === 'rock') response += aiOption === 'paper' ? 'I win!' : 'You win!';
        else if (userOption === 'paper') response += aiOption === 'scissors' ? 'I win!' : 'You win!';
        else if (userOption === 'scissors') response += aiOption === 'rock' ? 'I win!' : 'You win!';
        else response = 'Guess either Rock, Paper or Scissors';
        return {text: response};
      },
    };
    -

    Elements Example​

    +

    Types​

    +

    DemoErrors​

    + +

    Display various error messages. This is mainly used to showcase the override capabilities in errorMessages.
    +default displays a default component error.
    +service is an API error.
    +speechToText is a speech to text issue error.

    +
    +
    <deep-chat demo='{"displayErrors": {"service": true}}'></deep-chat>
    +
    +

    DemoLoading​

    + +

    Display various loading spinners.
    +message is a loading spinner inside a message bubble.
    +history is a loading spinner that is displayed when messages are being loading via loadHistory. +full is a spinner that covers the entire chat message window on the initial load. small is displayed when there are messages +already present inside the chat. If full is set to true and messages are added, the chat will automatically display the small +spinner.

    -
    <deep-chat
      demo='{
        "displayLoadingBubble": true,
        "displayFileAttachmentContainer": true,
        "displayErrors": {"service": true}
      }'
    ></deep-chat>
    -
    +
    <deep-chat demo='{"displayLoading": {"message": true, "history": {"small": true}}}'></deep-chat>
    +
    \ No newline at end of file diff --git a/docs/directConnection/AssemblyAI/index.html b/docs/directConnection/AssemblyAI/index.html index 54c387d14..f5f93883e 100644 --- a/docs/directConnection/AssemblyAI/index.html +++ b/docs/directConnection/AssemblyAI/index.html @@ -13,7 +13,7 @@ - + diff --git a/docs/directConnection/Azure/index.html b/docs/directConnection/Azure/index.html index 56b65fbf9..4d168777e 100644 --- a/docs/directConnection/Azure/index.html +++ b/docs/directConnection/Azure/index.html @@ -13,7 +13,7 @@ - + @@ -27,7 +27,8 @@

    azuretextToSpeech?: TextToSpeech,
         speechToText?: SpeechToText,
         summarization?: Summarization,
    -     translation?: Translation
    +     translation?: Translation,
    +     openAI?: OpenAI
    } @@ -94,6 +95,24 @@

    Translatio

    Example​

    <deep-chat
      directConnection='{
        "azure": {
          "key": "placeholder key",
          "translation": {"region": "eastus", "language": "ja"}
        }
      }'
    ></deep-chat>
    -
    +
    +

    OpenAI​

    + +

    Connect to the Azure OpenAI's API:
    +urlDetails is used to define the url parameters that will be used to connect to Azure. +endpoint is a url string for your OpenAI resource, version is the API version to be used and deploymentId is the deployment id of the model.
    +chat defines whether to connect to the Chat Completions API. +It uses the same type as the OpenAI Chat property.
    +assistant defines whether to connect to the Assistant API. +It uses the same type as the OpenAI Assistant property.

    +

    Basic Example​

    +
    <deep-chat
      directConnection='{
        "azure": {
          "key": "placeholder key",
          "openAI": {
            "urlDetails": {
              "endpoint": "https://your-endpoint.com",
              "version": "2024-10-21",
              "deploymentId": "123123"
            },
            "chat": true
          }
        }
      }'
    ></deep-chat>
    +
    \ No newline at end of file diff --git a/docs/directConnection/Cohere/index.html b/docs/directConnection/Cohere/index.html index 2cdc6d153..d89b0563d 100644 --- a/docs/directConnection/Cohere/index.html +++ b/docs/directConnection/Cohere/index.html @@ -13,7 +13,7 @@ - + diff --git a/docs/directConnection/HuggingFace/index.html b/docs/directConnection/HuggingFace/index.html index 44951c6b3..9d5a429a9 100644 --- a/docs/directConnection/HuggingFace/index.html +++ b/docs/directConnection/HuggingFace/index.html @@ -13,7 +13,7 @@ - + diff --git a/docs/directConnection/OpenAI/index.html b/docs/directConnection/OpenAI/index.html index 625bd33ea..266edfe68 100644 --- a/docs/directConnection/OpenAI/index.html +++ b/docs/directConnection/OpenAI/index.html @@ -13,7 +13,7 @@ - + @@ -47,7 +47,7 @@

    Chat
  • Default: {system_prompt: "You are a helpful assistant.", model: "gpt-4o"}
    • -

    Connect to Open AI's chat API. You can set this property to true or configure it using an object:
    +

    Connect to OpenAI's chat API. You can set this property to true or configure it using an object:
    system_prompt is used to set the "system" message for the conversation context.
    model is the name of the model to be used by the API. Check /v1/chat/completions for more.
    max_tokens the maximum number of tokens to generate in the chat. Check tokenizer for more info.
    @@ -75,7 +75,7 @@

    Assistantfunction_handler?: AssistantFunctionHandler
    } -

    Connect to your Open AI assistant. +

    Connect to your OpenAI assistant. When set to true or the assistant_id is not defined, Deep Chat will automatically create a new assistant when the user sends the first message.
    assistant_id is the id of your assistant.
    thread_id allows you to communicate in the context of an already existing conversation/thread.
    @@ -112,7 +112,7 @@

    NewAssist

    When assistant_id is not used, this object is used to define the details of the new assistant that will be created by Deep Chat when -the user sends a new message. This object follows the Open AI Create Asssistant API.
    +the user sends a new message. This object follows the OpenAI Create Asssistant API.
    model is the name of the model to be used by the API. Check the model overview for more.
    name and description are used to describe the new assistant.
    instructions direct the assistant's behaviour.
    @@ -152,7 +152,7 @@

    ImagesType: true | Dall-e-2 | Dall-e-3
  • Default: Dall-e-2
    • -

    Connect to Open AI's Images API. +

    Connect to OpenAI's Images API. Set this property to true or use either of the Dall-e-2 or Dall-e-3 objects.

    You can automatically call any of the following three APIs by combining different inputs:

      @@ -203,7 +203,7 @@

      TextToSpe }
    • Default: {model: "tts-1", voice: "alloy", speed: 1}

    -

    Connect to Open AI's Text To Speech API. +

    Connect to OpenAI's Text To Speech API. You can set this property to true or configure it using an object:
    model defines the target model used by the API. Check /v1/audio/speech for more.
    voice is the name of the voice used in the generated audio.
    @@ -222,7 +222,7 @@

    SpeechToT }
  • Default: {model: "whisper-1", type: "transcription"}
    • -

    Connect to Open AI's Speech To Text API. +

    Connect to OpenAI's Speech To Text API. You can set this property to true or configure it using an object:
    model is the name of the model to use. "whisper-1" is currently the only one available.
    temperature is used for sampling; between 0 and 2. Higher values like 0.8 will make the output more random, while lower values like 0.2 will make it more focused.
    diff --git a/docs/directConnection/StabilityAI/index.html b/docs/directConnection/StabilityAI/index.html index 19ec335db..329294d78 100644 --- a/docs/directConnection/StabilityAI/index.html +++ b/docs/directConnection/StabilityAI/index.html @@ -13,7 +13,7 @@ - + diff --git a/docs/directConnection/index.html b/docs/directConnection/index.html index 286c20ca1..b8e524559 100644 --- a/docs/directConnection/index.html +++ b/docs/directConnection/index.html @@ -13,7 +13,7 @@ - + diff --git a/docs/events/index.html b/docs/events/index.html index a3f82bd07..d73d6f02b 100644 --- a/docs/events/index.html +++ b/docs/events/index.html @@ -13,7 +13,7 @@ - + diff --git a/docs/files/index.html b/docs/files/index.html index 569404c9a..1b3e50110 100644 --- a/docs/files/index.html +++ b/docs/files/index.html @@ -13,7 +13,7 @@ - + diff --git a/docs/installation/index.html b/docs/installation/index.html index fbb4cb166..9ad6207a0 100644 --- a/docs/installation/index.html +++ b/docs/installation/index.html @@ -13,7 +13,7 @@ - + @@ -23,6 +23,6 @@

    For React, install the following instead: 

    npm install deep-chat-react

    Access the component via CDN:

    -
    https://unpkg.com/deep-chat@2.0.1/dist/deepChat.bundle.js
    +
    https://unpkg.com/deep-chat@2.1.0/dist/deepChat.bundle.js
    \ No newline at end of file diff --git a/docs/interceptors/index.html b/docs/interceptors/index.html index fe2f11eb3..63a553f48 100644 --- a/docs/interceptors/index.html +++ b/docs/interceptors/index.html @@ -13,7 +13,7 @@ - + @@ -54,6 +54,25 @@

    Example
    Console:
    > 
    chatElementRef.responseInterceptor = (response) => {
      console.log(response); // printed above
      return response;
    };
    +

    loadHistory​

    + +

    This method accepts an array of messages (optionally async) that are used to populate the chat.
    +It is triggered when the component is first rendered, however if the last value in the returned array is false, it is also triggered +when the user scrolls to the top of the chat which will prepend the new loaded messages.
    +The index parameter is used to indicate the amount of times this method has been triggered to help load correct messages for pagination.

    +

    Example: Refresh Browser if already loaded (5s)​

    +
    +
    chatElementRef.loadHistory = (index) => {
      return [
        {text: "AI, help! My code's broken.", role: 'user'},
        {text: 'Did you forget the brackets?', role: 'ai'},
        {text: 'I didn’t! It’s something else!', role: 'user'},
        {text: 'Try reinstalling your OS.', role: 'ai'},
        {text: 'I’m not doing that again!', role: 'user'},
        {text: 'Have you tried yelling at it?', role: 'ai'},
        {text: 'What? That’s ridiculous!', role: 'user'},
        {text: 'It works in movies, right?', role: 'ai'},
        false,
      ];
    };
    +
    +

    HistoryMessage​

    + +
    +
    tip

    Use to style the loading spinner.

    +

    validateInput​

    • Type: (text?: string, files?: File[]) => boolean
      • @@ -63,6 +82,6 @@

      validate

      Example​

      chatElementRef.validateInput = (text, files) => {
        return text || files.length > 0;
      };
      -
      +
      \ No newline at end of file diff --git a/docs/introPanel/index.html b/docs/introPanel/index.html index 91e7570ad..1845989f9 100644 --- a/docs/introPanel/index.html +++ b/docs/introPanel/index.html @@ -13,7 +13,7 @@ - + @@ -46,7 +46,7 @@

      introP services in the directConnection property.

      Example​

      -
      <deep-chat
        introPanelStyle='{"backgroundColor": "#fffeec"}'
        directConnection='{"openAI": {"audio": true, "key": "placeholder-key"}}'
      ></deep-chat>
      +
      <deep-chat
        introPanelStyle='{"backgroundColor": "#fffeec"}'
        directConnection='{"openAI": {"speechToText": true, "key": "placeholder-key"}}'
      ></deep-chat>
      tip

      To remove an automatically generated panel - add empty div tags: <deep-chat><div></div></deep-chat> .

      diff --git a/docs/introduction/index.html b/docs/introduction/index.html index 4d92a2c66..765942e34 100644 --- a/docs/introduction/index.html +++ b/docs/introduction/index.html @@ -13,7 +13,7 @@ - + diff --git a/docs/messages/HTML/index.html b/docs/messages/HTML/index.html index de088d966..d086c3858 100644 --- a/docs/messages/HTML/index.html +++ b/docs/messages/HTML/index.html @@ -13,7 +13,7 @@ - + @@ -36,15 +36,15 @@

      htm

      Because Deep Chat is a shadow element and your html is rendered inside it - the resulting elements will not be able to access the CSS and JavaScript in your app. To help with this, you can use this object to declare reusable styling and bind your app's functions to the elements via their class names.
      -events is an object that accepts properties with keys from GlobalEventHandlersEventMap (same as the string +events is an object that accepts properties with keys from GlobalEventHandlersEventMap (same as the string used for addEventListener(HERE), e.g. "mousedown") or any custom event name and accepts a function as the value.
      -styles defines the styles applied to the element for different mouse states.

      +styles defines the styles applied to the element for different mouse states. You can alternatively define CSS styles using the auxiliaryStyle property.

      Example​

      // using JavaScript for a simplified example

      chatElementRef.htmlClassUtilities = {
        ['custom-button']: {
          events: {
            mouseenter: (event) => (event.target.innerText = 'hovering'),
            mouseleave: (event) => (event.target.innerText = 'hovered'),
          },
          styles: {
            default: {padding: '3px 8px', cursor: 'pointer'},
            hover: {backgroundColor: 'yellow'},
          },
        },
        ['ai-button']: {
          styles: {
            default: {color: 'green'},
          },
        },
      };
      chatElementRef.history = [
        {html: '<button class="custom-button">Hoverable</button>', role: 'user'},
        {html: '<button class="custom-button ai-button">Hoverable</button>', role: 'ai'},
      ];
      @@ -99,7 +99,7 @@

      Controlled responses

      Feedback

      Add feedback buttons to response messages.

      -
      // using JavaScript for a simplified example

      chatElementRef.history = [
        {
          html: `<div class="feedback">
              <div class="feedback-text">The powerhouse of a cell.</div>
              <img class="feedback-icon feedback-icon-positive" src="path-to-svg.svg">
              <img class="feedback-icon feedback-icon-negative" src="path-to-svg.svg">
            </div>`,
          role: 'ai',
        },
        {
          html: `<div class="feedback">
            <div class="feedback-text">A labrador.</div>
            <img class="feedback-icon feedback-icon-positive" src="path-to-svg.svg">
            <img class="feedback-icon feedback-icon-negative" src="path-to-svg.svg">
          </div>`,
          role: 'ai',
        },
      ];

      chatElementRef.messageStyles = {
        default: {shared: {bubble: {maxWidth: '95%', width: '100%', marginTop: '10px'}}},
      };

      chatElementRef.htmlClassUtilities = {
        feedback: {styles: {default: {display: 'flex'}}},
        'feedback-text': {styles: {default: {width: 'calc(100% - 42px)', paddingTop: '2px'}}},
        'feedback-icon': {
          styles: {
            default: {width: '20px', height: '20px', cursor: 'pointer', borderRadius: '5px'},
            hover: {backgroundColor: '#d1d1d1'},
          },
        },
        'feedback-icon-positive': {events: {click: () => console.log('positive response')}},
        'feedback-icon-negative': {
          events: {click: () => console.log('negative response')},
          styles: {default: {transform: 'rotate(180deg)', marginLeft: '3px'}},
        },
      };
      +
      // using JavaScript for a simplified example

      chatElementRef.history = [
        {
          html: `<div class="feedback">
              <div class="feedback-text">The powerhouse of a cell.</div>
              <img class="feedback-icon feedback-icon-positive" src="path-to-svg.svg">
              <img class="feedback-icon feedback-icon-negative" src="path-to-svg.svg">
            </div>`,
          role: 'ai',
        },
        {
          html: `<div class="feedback">
            <div class="feedback-text">A labrador.</div>
            <img class="feedback-icon feedback-icon-positive" src="path-to-svg.svg">
            <img class="feedback-icon feedback-icon-negative" src="path-to-svg.svg">
          </div>`,
          role: 'ai',
        },
      ];

      chatElementRef.messageStyles = {
        default: {shared: {bubble: {maxWidth: '95%', width: '100%', marginTop: '10px'}}},
      };

      chatElementRef.htmlClassUtilities = {
        feedback: {styles: {default: {display: 'flex'}}},
        'feedback-text': {styles: {default: {width: 'calc(100% - 42px)', paddingTop: '2px'}}},
        'feedback-icon': {
          styles: {
            default: {width: '20px', height: '20px', cursor: 'pointer', borderRadius: '5px'},
            hover: {backgroundColor: '#d1d1d1'},
          },
        },
        'feedback-icon-positive': {events: {click: () => console.log('positive response')}},
        'feedback-icon-negative': {
          events: {click: () => console.log('negative response')},
          styles: {default: {transform: 'rotate(180deg)', marginLeft: '3px'}},
        },
      };

      Custom Element - Chart

      Add a chart component (e.g. using Google Chart). Live example for React.

      diff --git a/docs/messages/index.html b/docs/messages/index.html index aa9a8db35..796b21ee2 100644 --- a/docs/messages/index.html +++ b/docs/messages/index.html @@ -13,7 +13,7 @@ - + @@ -23,7 +23,7 @@

      history -

      Messages that are pre-populated when the chat loads up.

      +

      Messages that are pre-populated when the chat loads up. Use loadHistory to load messages asynchronously.

      diff --git a/docs/messages/styles/index.html b/docs/messages/styles/index.html index 3024eb2d3..06923f693 100644 --- a/docs/messages/styles/index.html +++ b/docs/messages/styles/index.html @@ -13,7 +13,7 @@ - + @@ -30,8 +30,8 @@

      messageS      file?: MessageRoleStyles,
           html?: MessageRoleStyles,
           intro?: MessageElementsStyles,
      -     loading?: MessageElementsStyles,
      -     error?: MessageElementsStyles
      +     error?: MessageElementsStyles,
      +     loading?: LoadingMessageStyles
      }

    Object defining the styling for various message types.
    @@ -41,8 +41,42 @@

    messageS file is applied to messages that contain a file attachment.
    html is applied to messages that contain custom elements - more info.
    intro is applied to the introMessage.
    -loading is applied to the loading bubble.
    -error is applied to error messages.

    +error is applied to error messages.
    +loading is applied to messages with loading elements.

    +
    +

    remarkable​

    +
      +
    • +

      Type: {
      +     xhtmlOut?: boolean,
      +     html?: boolean,
      +     breaks?: boolean,
      +     linkify?: boolean,
      +     langPrefix?: "language-${string}",
      +     linkTarget?: string,
      +     typographer?: boolean,
      +     quotes?: string,
      +     highlight?: (str: string, lang: string) => void
      +}

      +
      • +
    • +

      Default: { breaks: true, linkTarget: "_blank" }

      +
      • +
    +

    Deep Chat uses the remarkable library to render markdown for its text messages. +Use this object to change its configuration.
    +xhtmlOut uses '/' to close single tags via <br />.
    +html enables HTML tags in source.
    +breaks converts '\n' in paragraphs into <br>.
    +linkify auto converts URL-like text to links.
    +langPrefix is a CSS language prefix for fenced blocks.
    +linkTarget sets the target to open links in. "\_blank" is used to open links in a new tab.
    +typographer enables some language-neutral replacement + quotes beautification.
    +quotes is double + single quotes replacement pairs.
    +highlight is a function that should return escaped HTML or '' if the source string is not changed. This is mostly used with highlight.js. See here on how you can set up this configuration.

    +
    tip

    Use this playground to find the configuration that suits you.

    +
    +
    <deep-chat remarkable='{"html": true, "typographer": true}'></deep-chat>

    Types​

    Shared property types for the messageStyles object:

    @@ -81,24 +115,55 @@ 

    <deep-chat
      messageStyles='{
        "default": {
          "shared": {
            "outerContainer": {"backgroundColor": "orange"},
            "innerContainer": {"backgroundColor": "yellow"},
            "bubble": {"color": "black"}
          },
          "ai": {"bubble": {"backgroundColor": "lightgreen"}},
          "user": {"bubble": {"backgroundColor": "lightblue"}}
        }
      }'
    ></deep-chat>
    +

    LoadingMessageStyles​

    + +

    Object defining the styling for various message loading elements.
    +message is the default loading element that is displayed when waiting for a response to a message request.
    +history is composed of two types of loading elements that are displayed when loading history via loadHistory: +full is displayed when the initial chat history is being loaded on component render and small is displayed when user scrolls to the top of the chat to load more history.

    +
    +
    <deep-chat
      messageStyles='{
        "loading": {
          "message": {
            "styles": {
              "bubble": {"backgroundColor": "#6decff", "color": "white"}
            }},
          "history": {
            "small": {
              "styles": {
                "outerContainer": {"marginBottom": "60px"},
                "bubble": {"color": "#6decff", "border": "11px solid", "height": "80px", "width": "80px"}
        }}}}}'
    ></deep-chat>
    +
    +

    LoadingStyles​

    + +

    Object defining the styling for elements that contain a loading animation.
    +styles is applied to the various elements of a loading message.
    +html can be used to define your own loading animation via custom markdown.

    +
    +
    <deep-chat
      messageStyles='{
        "loading": {
          "history": {
            "full": {
              "styles": {"outerContainer": {"marginTop": "28px"}},
              "html": "<div class=\"lds-ripple\"><div></div><div></div></div>"
            },
            "small": {
              "styles": {"outerContainer": {"marginTop": "-10px", "marginBottom": "50px"}}
      }}}}'
    ></deep-chat>
    +

    More Examples​

    -

    Files

    +

    Files​

    <deep-chat
      messageStyles='{
        "image": {
          "shared": {
            "media": {"borderRadius": "0px"}
          }
        },
        "audio": {
          "shared": {
            "media": {"borderRadius": "30px", "border": "1px solid #8c8c8c", "backgroundColor": "red"}
          }
        },
        "file": {
          "shared": {
            "bubble": {"backgroundColor": "grey"}
          }
        }
      }'
    ></deep-chat>
    info

    The "audio" media player is controlled by the browser and and its styling may not be overwritable by the media property.

    tip

    In the Safari browser, the "audio" media player can be expanded by setting the width property in media to 200px or higher.

    -

    Intro message

    +

    Grouped messages​

    +

    Message elements have the following classes depending on their position in respect to their role: deep-chat-top-message, deep-chat-middle-message and deep-chat-bottom-message. +You can use these classes to add custom grouping styling via the auxiliaryStyle property.

    +
    +
    <deep-chat
      auxiliaryStyle="
        .deep-chat-top-message .message-bubble {
            border-top-left-radius: 5px !important;
            border-top-right-radius: 5px !important;
        }
        .deep-chat-middle-message .message-bubble {
            margin-top: 0px;
        }
        .deep-chat-bottom-message .message-bubble {
            margin-top: 0px;
            border-bottom-left-radius: 5px !important;
            border-bottom-right-radius: 5px !important;
        }
        .deep-chat-top-message.deep-chat-bottom-message .message-bubble {
            margin-top: 10px;
        }"
    ></deep-chat>
    +
    tip

    If you are using avatars, add the following css to the auxiliaryStyle:

    .deep-chat-top-message.deep-chat-bottom-message .avatar-container {
      margin-top: 10px;
    }
    .avatar-container {
      margin-top: 0px;
    }
    +
    +

    Intro message​

    <deep-chat
      messageStyles='{
        "intro": {"bubble": {"backgroundColor": "#475cc7", "color": "white", "fontSize": "16px"}}
      }'
    ></deep-chat>
    -

    Loading bubble

    +

    Loading bubble​

    -
    <deep-chat
      messageStyles='{
        "loading": {
          "bubble": {"backgroundColor": "#3793ff", "fontSize": "20px", "color": "white"}
        }
      }'
    ></deep-chat>
    +
    <deep-chat
      messageStyles='{
        "loading": {
          "bubble": {"backgroundColor": "#3793ff", "fontSize": "20px", "color": "white"}
        }
      }'
    ></deep-chat>
    -

    Error messages

    +

    Error messages​

    <deep-chat
      messageStyles='{
        "error": {
          "bubble": {"backgroundColor": "#f98e00", "color": "white", "fontSize": "15px"}
        }
      }'
    ></deep-chat>
    -
    +
    \ No newline at end of file diff --git a/docs/methods/index.html b/docs/methods/index.html index 412653ccf..8e998244c 100644 --- a/docs/methods/index.html +++ b/docs/methods/index.html @@ -13,7 +13,7 @@ - + @@ -71,16 +71,27 @@

    addMessage< and textToSpeech be triggered.

    Example​

    -
    chatElementRef.addMessage({
      html: `<button class="deep-chat-button deep-chat-suggestion-button deep-chat-temporary-message">What is your name?</button>`,
      role: 'user',
    });
    +
    chatElementRef.addMessage({text: `New message`, role: 'user'});
    tip

    This can be used to add suggestion buttons after message.

    +

    updateMessage​

    + +

    Updates an existing message in the chat.
    +message is an object containing new message details. If the previous version of message contains multiple properties such as text and html, this will overwrite them both.
    +index is the index number of the message to be updated from the top. If you are not sure about the index, use getMessages to find the index of your target message.

    +

    Example​

    +
    +
    chatElementRef.updateMessage({text: `New text.`}, 0);
    +

    scrollToBottom​

    • Type: () => void

    Moves the chat's scrollbar to the bottom.

    -

    Example​

    +

    Example​

    chatElementRef.scrollToBottom();
    @@ -89,7 +100,7 @@

    focusInput<
  • Type: () => void

    • Focuses the cursor on the text input.

    -

    Example​

    +

    Example​

    chatElementRef.focusInput();
    @@ -98,7 +109,7 @@

    set
  • Type: (text: string) => void

    • Dynamically change the text input placeholder.

    -

    Example​

    +

    Example​

    chatElementRef.setPlaceholderText("New placeholder text");
    info

    Default placeholder text should be set using the placeholder property in textInput.

    @@ -108,7 +119,7 @@

    di
  • Type: (override?: boolean) => void

    • Disables the submit button. To re-enable automatic state handling - call this method again with a boolean argument of false.

    -

    Example​

    +

    Example​

    chatElementRef.disableSubmitButton();
    @@ -119,9 +130,9 @@

    refres

    If your text messages contain Code and you are using the higlight.js module to highlight them (as per external module guidelines), sometimes the module may load after the messages have been rendered, leaving the code without a highlight. In such instances, you can use this method to highlight the code with the loaded module.

    -

    Example​

    +

    Example​

    chatElementRef.refreshMessages();
    -
    +
    \ No newline at end of file diff --git a/docs/speech/index.html b/docs/speech/index.html index f9860b643..20c523fac 100644 --- a/docs/speech/index.html +++ b/docs/speech/index.html @@ -13,7 +13,7 @@ - + diff --git a/docs/styles/index.html b/docs/styles/index.html index 126ab6fe9..672b7f3de 100644 --- a/docs/styles/index.html +++ b/docs/styles/index.html @@ -13,7 +13,7 @@ - + @@ -130,8 +130,11 @@

    auxilia
    • Type: string
    -

    This string is primarily used to configure Webkit CSS which cannot be added through component's style properties. A great -example of this is the ::-webkit-scrollbar pseudo element which affects the style of the component's scrollbar.

    +

    This value uses CSS syntax as an alternative way to define styling in Deep Chat.
    +It can be used to configure Webkit CSS +which cannot be added through component's style properties. A great example of this is the ::-webkit-scrollbar +pseudo element which affects the style of the component's scrollbar.
    +It can also be used to add custom styling to html messages and override Deep Chat CSS.

    Example​

    <deep-chat
      auxiliaryStyle="
        ::-webkit-scrollbar {
          width: 10px;
          height: 10px;
        }
        ::-webkit-scrollbar-thumb {
          background-color: #54a7ff;
          border-radius: 5px;
        }"
    ></deep-chat>
    diff --git a/docs/webModel/index.html b/docs/webModel/index.html index 8a1bfc267..1208f0ab3 100644 --- a/docs/webModel/index.html +++ b/docs/webModel/index.html @@ -13,7 +13,7 @@ - + diff --git a/examples/Layout/fullScreen/index.html b/examples/Layout/fullScreen/index.html index 4db3617fd..aad3f12d1 100644 --- a/examples/Layout/fullScreen/index.html +++ b/examples/Layout/fullScreen/index.html @@ -13,7 +13,7 @@ - + diff --git a/examples/Layout/sticky/index.html b/examples/Layout/sticky/index.html index 10d620819..225389459 100644 --- a/examples/Layout/sticky/index.html +++ b/examples/Layout/sticky/index.html @@ -13,7 +13,7 @@ - + diff --git a/examples/design/index.html b/examples/design/index.html index 25d142bee..645cacd91 100644 --- a/examples/design/index.html +++ b/examples/design/index.html @@ -13,7 +13,7 @@ - + @@ -74,10 +74,16 @@

    Dark Orange
    View Code
    +

    Grouped messages​

    +

    Messages are grouped by the role their role. The styling is set via the deep-chat-top-message, deep-chat-middle-message and deep-chat-bottom-message classes +using the auxiliaryStyle property.

    +
    +
    View Code
    +

    Full width input​

    A simple text input area that covers the full width of the chat component.

    View Code
    -
    +
    \ No newline at end of file diff --git a/examples/externalModules/index.html b/examples/externalModules/index.html index c9a83f24c..bba766c2d 100644 --- a/examples/externalModules/index.html +++ b/examples/externalModules/index.html @@ -13,7 +13,7 @@ - + diff --git a/examples/frameworks/index.html b/examples/frameworks/index.html index c7543e6b8..0f319c5ef 100644 --- a/examples/frameworks/index.html +++ b/examples/frameworks/index.html @@ -13,7 +13,7 @@ - + diff --git a/examples/servers/index.html b/examples/servers/index.html index e8dcb7653..305773e55 100644 --- a/examples/servers/index.html +++ b/examples/servers/index.html @@ -13,7 +13,7 @@ - + diff --git a/exploreButton/exploreButton/index.html b/exploreButton/exploreButton/index.html index 20456bf6a..efab03d43 100644 --- a/exploreButton/exploreButton/index.html +++ b/exploreButton/exploreButton/index.html @@ -13,7 +13,7 @@ - + diff --git a/features/captureFiles/captureFiles/index.html b/features/captureFiles/captureFiles/index.html index ee4b52de8..cfae750de 100644 --- a/features/captureFiles/captureFiles/index.html +++ b/features/captureFiles/captureFiles/index.html @@ -13,7 +13,7 @@ - + diff --git a/features/connect/connect/index.html b/features/connect/connect/index.html index 0f3ec2587..54a0a7d8a 100644 --- a/features/connect/connect/index.html +++ b/features/connect/connect/index.html @@ -13,7 +13,7 @@ - + diff --git a/features/customize/customize/index.html b/features/customize/customize/index.html index e84719327..be6104f82 100644 --- a/features/customize/customize/index.html +++ b/features/customize/customize/index.html @@ -13,7 +13,7 @@ - + diff --git a/features/features/index.html b/features/features/index.html index de72be6ad..0736855cc 100644 --- a/features/features/index.html +++ b/features/features/index.html @@ -13,7 +13,7 @@ - + diff --git a/features/media/media/index.html b/features/media/media/index.html index 8d686f295..86ba8c58d 100644 --- a/features/media/media/index.html +++ b/features/media/media/index.html @@ -13,7 +13,7 @@ - + diff --git a/features/speech/speech/index.html b/features/speech/speech/index.html index 65234b8c9..fe9271b7b 100644 --- a/features/speech/speech/index.html +++ b/features/speech/speech/index.html @@ -13,7 +13,7 @@ - + diff --git a/footer/footer/index.html b/footer/footer/index.html index 5bddaf8ba..a5e0d157c 100644 --- a/footer/footer/index.html +++ b/footer/footer/index.html @@ -13,7 +13,7 @@ - + diff --git a/index.html b/index.html index bf007ca11..8de1c603e 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/chat/manipulate/playgroundAddButton/index.html b/playground/chat/manipulate/playgroundAddButton/index.html index bcad617e2..bd81f5f1b 100644 --- a/playground/chat/manipulate/playgroundAddButton/index.html +++ b/playground/chat/manipulate/playgroundAddButton/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/chat/playgroundChatComponent/index.html b/playground/chat/playgroundChatComponent/index.html index 192b3b76e..d28fba347 100644 --- a/playground/chat/playgroundChatComponent/index.html +++ b/playground/chat/playgroundChatComponent/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/chat/playgroundChatWrapper/index.html b/playground/chat/playgroundChatWrapper/index.html index 13541d33d..8980a3175 100644 --- a/playground/chat/playgroundChatWrapper/index.html +++ b/playground/chat/playgroundChatWrapper/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/chat/playgroundChatWrapperConfig/index.html b/playground/chat/playgroundChatWrapperConfig/index.html index 79284aab1..a908b2d87 100644 --- a/playground/chat/playgroundChatWrapperConfig/index.html +++ b/playground/chat/playgroundChatWrapperConfig/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/chat/playgroundChatWrapperLogo/index.html b/playground/chat/playgroundChatWrapperLogo/index.html index d750bcae5..861d048f1 100644 --- a/playground/chat/playgroundChatWrapperLogo/index.html +++ b/playground/chat/playgroundChatWrapperLogo/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/chat/playgroundChatWrapperText/index.html b/playground/chat/playgroundChatWrapperText/index.html index 253bfe8bc..912ac8c0f 100644 --- a/playground/chat/playgroundChatWrapperText/index.html +++ b/playground/chat/playgroundChatWrapperText/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/header/export/modal/playgroundExportModal/index.html b/playground/header/export/modal/playgroundExportModal/index.html index 350176e71..f4ebc4fdd 100644 --- a/playground/header/export/modal/playgroundExportModal/index.html +++ b/playground/header/export/modal/playgroundExportModal/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/header/export/playgroundExportButton/index.html b/playground/header/export/playgroundExportButton/index.html index fd3f7fe24..929e3a3fb 100644 --- a/playground/header/export/playgroundExportButton/index.html +++ b/playground/header/export/playgroundExportButton/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/header/information/modal/playgroundInformationModal/index.html b/playground/header/information/modal/playgroundInformationModal/index.html index 4637e61ce..7521848a5 100644 --- a/playground/header/information/modal/playgroundInformationModal/index.html +++ b/playground/header/information/modal/playgroundInformationModal/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/header/information/playgroundInformationButton/index.html b/playground/header/information/playgroundInformationButton/index.html index 26d39ac0c..df8e53862 100644 --- a/playground/header/information/playgroundInformationButton/index.html +++ b/playground/header/information/playgroundInformationButton/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/header/layout/playgroundLayoutButton/index.html b/playground/header/layout/playgroundLayoutButton/index.html index 138fa44ab..640138129 100644 --- a/playground/header/layout/playgroundLayoutButton/index.html +++ b/playground/header/layout/playgroundLayoutButton/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/header/playgroundCog/index.html b/playground/header/playgroundCog/index.html index 02c206a21..78239652a 100644 --- a/playground/header/playgroundCog/index.html +++ b/playground/header/playgroundCog/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/header/playgroundHeaderButtons/index.html b/playground/header/playgroundHeaderButtons/index.html index 514139d70..f4ea6d9f8 100644 --- a/playground/header/playgroundHeaderButtons/index.html +++ b/playground/header/playgroundHeaderButtons/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/header/playgroundShield/index.html b/playground/header/playgroundShield/index.html index b29a13712..d4885c5bf 100644 --- a/playground/header/playgroundShield/index.html +++ b/playground/header/playgroundShield/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/header/upload/modal/playgroundUploadModal/index.html b/playground/header/upload/modal/playgroundUploadModal/index.html index 19670e254..b19f33b0f 100644 --- a/playground/header/upload/modal/playgroundUploadModal/index.html +++ b/playground/header/upload/modal/playgroundUploadModal/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/header/upload/playgroundUploadButton/index.html b/playground/header/upload/playgroundUploadButton/index.html index ea75fa28c..08053645c 100644 --- a/playground/header/upload/playgroundUploadButton/index.html +++ b/playground/header/upload/playgroundUploadButton/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/index.html b/playground/index.html index 2a3fb28be..833e9c1a7 100644 --- a/playground/index.html +++ b/playground/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/playgroundSelect/index.html b/playground/playgroundSelect/index.html index 1b7d5326d..ee05e3d31 100644 --- a/playground/playgroundSelect/index.html +++ b/playground/playgroundSelect/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/serviceModal/close/serviceModalCloseButtons/index.html b/playground/serviceModal/close/serviceModalCloseButtons/index.html index 99a289a53..426070142 100644 --- a/playground/serviceModal/close/serviceModalCloseButtons/index.html +++ b/playground/serviceModal/close/serviceModalCloseButtons/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/serviceModal/code/serviceCode/index.html b/playground/serviceModal/code/serviceCode/index.html index 823657b91..d2f06f293 100644 --- a/playground/serviceModal/code/serviceCode/index.html +++ b/playground/serviceModal/code/serviceCode/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/serviceModal/fields/serviceConstructableObject/index.html b/playground/serviceModal/fields/serviceConstructableObject/index.html index 64f89f210..261576ff4 100644 --- a/playground/serviceModal/fields/serviceConstructableObject/index.html +++ b/playground/serviceModal/fields/serviceConstructableObject/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/serviceModal/fields/serviceField/index.html b/playground/serviceModal/fields/serviceField/index.html index b6b922094..eb359bcc2 100644 --- a/playground/serviceModal/fields/serviceField/index.html +++ b/playground/serviceModal/fields/serviceField/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/serviceModal/fields/serviceOptionalParametersFields/index.html b/playground/serviceModal/fields/serviceOptionalParametersFields/index.html index 9478b8bb2..c9a53840c 100644 --- a/playground/serviceModal/fields/serviceOptionalParametersFields/index.html +++ b/playground/serviceModal/fields/serviceOptionalParametersFields/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/serviceModal/fields/serviceRequiredField/index.html b/playground/serviceModal/fields/serviceRequiredField/index.html index 8ec0b41f2..951c79a7a 100644 --- a/playground/serviceModal/fields/serviceRequiredField/index.html +++ b/playground/serviceModal/fields/serviceRequiredField/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/serviceModal/fields/serviceTypeField/index.html b/playground/serviceModal/fields/serviceTypeField/index.html index 55933348c..4df9e4111 100644 --- a/playground/serviceModal/fields/serviceTypeField/index.html +++ b/playground/serviceModal/fields/serviceTypeField/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/serviceModal/serviceModal/index.html b/playground/serviceModal/serviceModal/index.html index bbf1702c6..75716a4b3 100644 --- a/playground/serviceModal/serviceModal/index.html +++ b/playground/serviceModal/serviceModal/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/serviceModal/wrappers/collapsableSection/index.html b/playground/serviceModal/wrappers/collapsableSection/index.html index f18ad6c73..338194ec4 100644 --- a/playground/serviceModal/wrappers/collapsableSection/index.html +++ b/playground/serviceModal/wrappers/collapsableSection/index.html @@ -13,7 +13,7 @@ - + diff --git a/playground/tooltip/playgroundTooltipWrapper/index.html b/playground/tooltip/playgroundTooltipWrapper/index.html index 34b2930eb..159d93053 100644 --- a/playground/tooltip/playgroundTooltipWrapper/index.html +++ b/playground/tooltip/playgroundTooltipWrapper/index.html @@ -13,7 +13,7 @@ - + diff --git a/preload/preloadImages/index.html b/preload/preloadImages/index.html index 8141992dc..d5cced7f7 100644 --- a/preload/preloadImages/index.html +++ b/preload/preloadImages/index.html @@ -13,7 +13,7 @@ - + diff --git a/preload/preloadPlaygroundImages/index.html b/preload/preloadPlaygroundImages/index.html index b1e2c174f..3ae3b809d 100644 --- a/preload/preloadPlaygroundImages/index.html +++ b/preload/preloadPlaygroundImages/index.html @@ -13,7 +13,7 @@ - + diff --git a/preload/preloadStartImages/index.html b/preload/preloadStartImages/index.html index 5111bb7cd..560d058d5 100644 --- a/preload/preloadStartImages/index.html +++ b/preload/preloadStartImages/index.html @@ -13,7 +13,7 @@ - + diff --git a/search/index.html b/search/index.html index 3d9217c8a..00bb63bec 100644 --- a/search/index.html +++ b/search/index.html @@ -13,7 +13,7 @@ - + diff --git a/smallScreen/deepChatLogo/index.html b/smallScreen/deepChatLogo/index.html index 2505ec708..bbdcf0180 100644 --- a/smallScreen/deepChatLogo/index.html +++ b/smallScreen/deepChatLogo/index.html @@ -13,7 +13,7 @@ - + diff --git a/smallScreen/smallScreen/index.html b/smallScreen/smallScreen/index.html index 86074b245..72e9d0c47 100644 --- a/smallScreen/smallScreen/index.html +++ b/smallScreen/smallScreen/index.html @@ -13,7 +13,7 @@ - + diff --git a/start/aiInYourBrowser/index.html b/start/aiInYourBrowser/index.html index d7feef33d..5d3cf6d7c 100644 --- a/start/aiInYourBrowser/index.html +++ b/start/aiInYourBrowser/index.html @@ -13,7 +13,7 @@ - + diff --git a/start/connectToCustomAPI/index.html b/start/connectToCustomAPI/index.html index a539e6128..7f3eb1498 100644 --- a/start/connectToCustomAPI/index.html +++ b/start/connectToCustomAPI/index.html @@ -13,7 +13,7 @@ - + diff --git a/start/connectToPopularAPI/index.html b/start/connectToPopularAPI/index.html index bec202351..2204b34ff 100644 --- a/start/connectToPopularAPI/index.html +++ b/start/connectToPopularAPI/index.html @@ -13,7 +13,7 @@ - + diff --git a/start/createComponent/index.html b/start/createComponent/index.html index e8e3e5601..352c2d9be 100644 --- a/start/createComponent/index.html +++ b/start/createComponent/index.html @@ -13,7 +13,7 @@ - + diff --git a/start/index.html b/start/index.html index 0d5db443b..9228d4015 100644 --- a/start/index.html +++ b/start/index.html @@ -13,7 +13,7 @@ - + diff --git a/start/options/index.html b/start/options/index.html index 515df9f2a..38e81e033 100644 --- a/start/options/index.html +++ b/start/options/index.html @@ -13,7 +13,7 @@ - + diff --git a/start/startParticles/index.html b/start/startParticles/index.html index e36201541..a859e2398 100644 --- a/start/startParticles/index.html +++ b/start/startParticles/index.html @@ -13,7 +13,7 @@ - + diff --git a/start/startSmallScreen/index.html b/start/startSmallScreen/index.html index 6861f9a57..c4c69a6c0 100644 --- a/start/startSmallScreen/index.html +++ b/start/startSmallScreen/index.html @@ -13,7 +13,7 @@ - + diff --git a/startPanel/startPanel/index.html b/startPanel/startPanel/index.html index 76b70f755..d22a72d87 100644 --- a/startPanel/startPanel/index.html +++ b/startPanel/startPanel/index.html @@ -13,7 +13,7 @@ - + diff --git a/startPanel/startPanelParticles/index.html b/startPanel/startPanelParticles/index.html index 2a75adc70..04ea81243 100644 --- a/startPanel/startPanelParticles/index.html +++ b/startPanel/startPanelParticles/index.html @@ -13,7 +13,7 @@ - + diff --git a/utils/fadeInContent/index.html b/utils/fadeInContent/index.html index b1b3b2fc6..2e1a5cdeb 100644 --- a/utils/fadeInContent/index.html +++ b/utils/fadeInContent/index.html @@ -13,7 +13,7 @@ - + diff --git a/utils/fadeInNav/index.html b/utils/fadeInNav/index.html index 7f78270f8..aeedb6bf1 100644 --- a/utils/fadeInNav/index.html +++ b/utils/fadeInNav/index.html @@ -13,7 +13,7 @@ - + diff --git a/utils/onVisibleAnimation/index.html b/utils/onVisibleAnimation/index.html index f8b43f47b..c0ab6cb41 100644 --- a/utils/onVisibleAnimation/index.html +++ b/utils/onVisibleAnimation/index.html @@ -13,7 +13,7 @@ - +