@websolutespa/llm-plugin-maxmeyer 0.0.1

package/dist/esm/blocks/UserMessage/user-message.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/UserMessage/user-message.tsx"],"sourcesContent":["import { LlmTextBlock } from '@websolutespa/bom-mixer-llm';\nimport style from './user-message.module.scss';\n\nexport type UserMessageProps = LlmTextBlock<'user'>;\n\nexport const UserMessage: React.FC<UserMessageProps> = (props) => {\n  const { text } = props;\n  return (\n    <div className=\"llm__row\">\n      <div className=\"llm__col --end-xs-12 --xs-10 --sm-9 --md-8 --lg-7 --xl-6\">\n        <div className={style.UserMessage}>\n          <h2 className=\"llm__text-body\" dangerouslySetInnerHTML={{ __html: text }} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\n"],"names":["style","UserMessage","props","text","div","className","h2","dangerouslySetInnerHTML","__html"],"mappings":";AACA,OAAOA,WAAW,6BAA6B;AAI/C,OAAO,MAAMC,cAA0C,CAACC;IACtD,MAAM,EAAEC,IAAI,EAAE,GAAGD;IACjB,qBACE,KAACE;QAAIC,WAAU;kBACb,cAAA,KAACD;YAAIC,WAAU;sBACb,cAAA,KAACD;gBAAIC,WAAWL,MAAMC,WAAW;0BAC/B,cAAA,KAACK;oBAAGD,WAAU;oBAAiBE,yBAAyB;wBAAEC,QAAQL;oBAAK;;;;;AAKjF,EAAE"}

package/dist/esm/blocks/UserMessage/user-message.module.scss

@@ -0,0 +1,13 @@
+@import '../../scss/mixin';
+
+.UserMessage {
+  @include text(body3);
+  padding: size(3) size(4);
+  color: var(--llm-color-neutral-100);
+  border-radius: 6px;
+  border: 1px solid var(--llm-color-neutral-900);
+  background: linear-gradient(91deg, var(--llm-color-neutral-900) 18.52%, var(--llm-color-neutral-800) 95%);
+  width: fit-content;
+  margin-left: auto;
+  min-width: 200px;
+}

package/dist/esm/blocks/index.js

@@ -0,0 +1,28 @@
+import { Action } from './Action/action';
+import { ActionGroup } from './ActionGroup/action-group';
+import { AssistantMessage } from './AssistantMessage/assistant-message';
+import { CustomCard } from './CustomCard/custom-card';
+import { CustomCardGroup } from './CustomCardGroup/custom-card-group';
+import { FormRecap } from './FormRecap/FormRecap';
+import { FormRecapError } from './FormRecapError/FormRecapError';
+import { FormRecapSuccess } from './FormRecapSuccess/FormRecapSuccess';
+import { FormRequest } from './FormRequest/FormRequest';
+import { NotFound } from './NotFound/not-found';
+import { StreamError } from './StreamError/StreamError';
+import { UserMessage } from './UserMessage/user-message';
+export const blocks = {
+    action: Action,
+    actionGroup: ActionGroup,
+    assistantMessage: AssistantMessage,
+    customCard: CustomCard,
+    customCardGroup: CustomCardGroup,
+    formRecap: FormRecap,
+    formRecapError: FormRecapError,
+    formRecapSuccess: FormRecapSuccess,
+    formRequest: FormRequest,
+    notFound: NotFound,
+    error: StreamError,
+    userMessage: UserMessage
+};
+
+//# sourceMappingURL=index.js.map

package/dist/esm/blocks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/blocks/index.ts"],"sourcesContent":["import { Action } from './Action/action';\nimport { ActionGroup } from './ActionGroup/action-group';\nimport { AssistantMessage } from './AssistantMessage/assistant-message';\nimport { CustomCard } from './CustomCard/custom-card';\nimport { CustomCardGroup } from './CustomCardGroup/custom-card-group';\nimport { FormRecap } from './FormRecap/FormRecap';\nimport { FormRecapError } from './FormRecapError/FormRecapError';\nimport { FormRecapSuccess } from './FormRecapSuccess/FormRecapSuccess';\nimport { FormRequest } from './FormRequest/FormRequest';\nimport { NotFound } from './NotFound/not-found';\nimport { StreamError } from './StreamError/StreamError';\nimport { UserMessage } from './UserMessage/user-message';\n\nexport const blocks = {\n  action: Action,\n  actionGroup: ActionGroup,\n  assistantMessage: AssistantMessage,\n  customCard: CustomCard,\n  customCardGroup: CustomCardGroup,\n  formRecap: FormRecap,\n  formRecapError: FormRecapError,\n  formRecapSuccess: FormRecapSuccess,\n  formRequest: FormRequest,\n  notFound: NotFound,\n  error: StreamError,\n  userMessage: UserMessage,\n};\n"],"names":["Action","ActionGroup","AssistantMessage","CustomCard","CustomCardGroup","FormRecap","FormRecapError","FormRecapSuccess","FormRequest","NotFound","StreamError","UserMessage","blocks","action","actionGroup","assistantMessage","customCard","customCardGroup","formRecap","formRecapError","formRecapSuccess","formRequest","notFound","error","userMessage"],"mappings":"AAAA,SAASA,MAAM,QAAQ,kBAAkB;AACzC,SAASC,WAAW,QAAQ,6BAA6B;AACzD,SAASC,gBAAgB,QAAQ,uCAAuC;AACxE,SAASC,UAAU,QAAQ,2BAA2B;AACtD,SAASC,eAAe,QAAQ,sCAAsC;AACtE,SAASC,SAAS,QAAQ,wBAAwB;AAClD,SAASC,cAAc,QAAQ,kCAAkC;AACjE,SAASC,gBAAgB,QAAQ,sCAAsC;AACvE,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,WAAW,QAAQ,6BAA6B;AAEzD,OAAO,MAAMC,SAAS;IACpBC,QAAQb;IACRc,aAAab;IACbc,kBAAkBb;IAClBc,YAAYb;IACZc,iBAAiBb;IACjBc,WAAWb;IACXc,gBAAgBb;IAChBc,kBAAkBb;IAClBc,aAAab;IACbc,UAAUb;IACVc,OAAOb;IACPc,aAAab;AACf,EAAE"}

package/dist/esm/components/chat/Root/root.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassNames } from '@websolutespa/bom-core';
+import { CanvasOffscreenProvider, Font, Main, Trigger } from '@websolutespa/bom-mixer-llm';
+import { AnimatePresence } from 'framer-motion';
+import { forwardRef } from 'react';
+import '../../../scss/style.scss';
+import style from './root.module.scss';
+export const Root = /*#__PURE__*/ forwardRef(function Root({ opened, embedded, customIntro, shouldShowTrigger, mode }, ref) {
+    const classNames = getClassNames('llm', style.root, {
+        '-open': opened,
+        '-embedded': embedded,
+        '-custom-intro': customIntro,
+        [style['-' + mode]]: true
+    });
+    return /*#__PURE__*/ _jsx("section", {
+        ref: ref,
+        className: classNames,
+        children: /*#__PURE__*/ _jsxs(CanvasOffscreenProvider, {
+            children: [
+                /*#__PURE__*/ _jsx(Font, {}),
+                /*#__PURE__*/ _jsx(AnimatePresence, {
+                    mode: "wait",
+                    initial: false,
+                    children: opened && /*#__PURE__*/ _jsx(Main, {}, "main")
+                }),
+                /*#__PURE__*/ _jsx(AnimatePresence, {
+                    mode: "wait",
+                    initial: false,
+                    children: shouldShowTrigger && /*#__PURE__*/ _jsx(Trigger, {}, "trigger")
+                })
+            ]
+        })
+    });
+});
+
+//# sourceMappingURL=root.js.map

package/dist/esm/components/chat/Root/root.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/chat/Root/root.tsx"],"sourcesContent":["import { getClassNames } from '@websolutespa/bom-core';\nimport { CanvasOffscreenProvider, Font, Main, Trigger } from '@websolutespa/bom-mixer-llm';\nimport { AnimatePresence } from 'framer-motion';\nimport { forwardRef } from 'react';\nimport '../../../scss/style.scss';\nimport style from './root.module.scss';\n\nexport type RootProps = {\n  mode: string;\n  opened?: boolean;\n  embedded?: boolean;\n  customIntro?: boolean;\n  shouldShowTrigger?: boolean;\n};\n\nexport const Root = forwardRef<HTMLDivElement, RootProps>(\n  function Root({\n    opened,\n    embedded,\n    customIntro,\n    shouldShowTrigger,\n    mode,\n  }, ref) {\n\n    const classNames = getClassNames('llm', style.root, {\n      '-open': opened,\n      '-embedded': embedded,\n      '-custom-intro': customIntro,\n      [style['-' + mode]]: true,\n    });\n\n    return (\n      <section ref={ref} className={classNames}>\n        <CanvasOffscreenProvider>\n          <Font />\n          <AnimatePresence mode=\"wait\" initial={false}>\n            {opened && (\n              <Main key=\"main\" />\n            )}\n          </AnimatePresence>\n          <AnimatePresence mode=\"wait\" initial={false}>\n            {shouldShowTrigger && (\n              <Trigger key=\"trigger\" />\n            )}\n          </AnimatePresence>\n        </CanvasOffscreenProvider>\n      </section>\n    );\n  }\n);\n"],"names":["getClassNames","CanvasOffscreenProvider","Font","Main","Trigger","AnimatePresence","forwardRef","style","Root","opened","embedded","customIntro","shouldShowTrigger","mode","ref","classNames","root","section","className","initial"],"mappings":";AAAA,SAASA,aAAa,QAAQ,yBAAyB;AACvD,SAASC,uBAAuB,EAAEC,IAAI,EAAEC,IAAI,EAAEC,OAAO,QAAQ,8BAA8B;AAC3F,SAASC,eAAe,QAAQ,gBAAgB;AAChD,SAASC,UAAU,QAAQ,QAAQ;AACnC,OAAO,2BAA2B;AAClC,OAAOC,WAAW,qBAAqB;AAUvC,OAAO,MAAMC,qBAAOF,WAClB,SAASE,KAAK,EACZC,MAAM,EACNC,QAAQ,EACRC,WAAW,EACXC,iBAAiB,EACjBC,IAAI,EACL,EAAEC,GAAG;IAEJ,MAAMC,aAAaf,cAAc,OAAOO,MAAMS,IAAI,EAAE;QAClD,SAASP;QACT,aAAaC;QACb,iBAAiBC;QACjB,CAACJ,KAAK,CAAC,MAAMM,KAAK,CAAC,EAAE;IACvB;IAEA,qBACE,KAACI;QAAQH,KAAKA;QAAKI,WAAWH;kBAC5B,cAAA,MAACd;;8BACC,KAACC;8BACD,KAACG;oBAAgBQ,MAAK;oBAAOM,SAAS;8BACnCV,wBACC,KAACN,UAAS;;8BAGd,KAACE;oBAAgBQ,MAAK;oBAAOM,SAAS;8BACnCP,mCACC,KAACR,aAAY;;;;;AAMzB,GACA"}

package/dist/esm/components/chat/Root/root.module.scss

@@ -0,0 +1,58 @@
+@import '../../../scss/mixin';
+
+.root {
+  --s: 1;
+  --u: 1vw;
+  --rem: 16px;
+
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-end;
+  width: 100%;
+  height: 100%;
+
+  :global {
+    [data-main=true] {
+      container-type: inline-size;
+      --u: 1cqw;
+      --rem: 16px;
+      --margin: #{clampUnit(20, 110)};
+      --negative-margin: calc(var(--margin) * -1);
+      --gap: #{clampUnit(16, 32)};
+    }
+
+    .llm__container {
+      padding: 0 clampUnit(20, 110);
+    }
+  }
+
+  &:not([data-embedded=true]) {
+    position: fixed;
+    top: 0;
+    left: 0;
+    pointer-events: none;
+    z-index: 9999;
+
+    &[data-mode=chat] {
+      @include bp(sm) {
+        :global {
+          [data-main=true] {
+            position: absolute;
+            width: 100%;
+            height: 100%;
+            overflow: hidden;
+            top: var(--llm-chat-top);
+            right: var(--llm-chat-right);
+            bottom: var(--llm-chat-bottom);
+            left: var(--llm-chat-left);
+            max-width: var(--llm-chat-max-width);
+            max-height: var(--llm-chat-max-height);
+            border-radius: var(--llm-chat-border-radius);
+            box-shadow: var(--llm-chat-box-shadow);
+          }
+        }
+      }
+    }
+  }
+}

package/dist/esm/components/chat/Thread/thread.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassNames } from '@websolutespa/bom-core';
+import { useLabel } from '@websolutespa/bom-mixer-hooks';
+import { ChunkWrapper, Disclaimer, Feedback, Stream, useLlm } from '@websolutespa/bom-mixer-llm';
+import React from 'react';
+import style from './thread.module.scss';
+export const Thread = ()=>{
+    const label = useLabel();
+    const enableFeedback = useLlm((state)=>state.app?.contents.enableFeedback);
+    const messages = useLlm((state)=>state.messages);
+    const hasChunks = useLlm((state)=>state.chunks !== undefined);
+    return /*#__PURE__*/ _jsxs("section", {
+        className: getClassNames(style.thread, 'llm__container'),
+        children: [
+            messages.map((message, m)=>/*#__PURE__*/ _jsxs("div", {
+                    className: getClassNames(style.threadMessage, message.role === 'user' ? style.threadMessageUser : style.threadMessageAssistant),
+                    role: "region",
+                    "aria-label": message.role === 'user' ? label('llm.question') : label('llm.answer'),
+                    children: [
+                        message.chunks.map((chunk, c)=>/*#__PURE__*/ _jsx(ChunkWrapper, {
+                                className: getClassNames(style.threadInner, style[chunk.type]),
+                                item: chunk,
+                                chunkIndex: c,
+                                index: m,
+                                total: messages.length,
+                                role: message.role
+                            }, `llm-message-${m}-chunk-${c}`)),
+                        message.role === 'user' ? m === 0 && /*#__PURE__*/ _jsx(Disclaimer, {}) : m === messages.length - 1 && enableFeedback && /*#__PURE__*/ _jsx(Feedback, {
+                            message: message
+                        })
+                    ]
+                }, `llm-message-${m}`)),
+            hasChunks && /*#__PURE__*/ _jsx(Stream, {
+                index: messages.length
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=thread.js.map

package/dist/esm/components/chat/Thread/thread.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/chat/Thread/thread.tsx"],"sourcesContent":["import { getClassNames } from '@websolutespa/bom-core';\nimport { useLabel } from '@websolutespa/bom-mixer-hooks';\nimport { ChunkWrapper, Disclaimer, Feedback, Stream, useLlm } from '@websolutespa/bom-mixer-llm';\nimport React from 'react';\nimport style from './thread.module.scss';\n\nexport type ThreadProps = {\n};\n\nexport const Thread: React.FC<ThreadProps> = () => {\n  const label = useLabel();\n  const enableFeedback = useLlm(state => state.app?.contents.enableFeedback);\n  const messages = useLlm(state => state.messages);\n  const hasChunks = useLlm(state => state.chunks !== undefined);\n  return (\n    <section className={getClassNames(style.thread, 'llm__container')}>\n      {messages.map((message, m) => (\n        <div\n          key={`llm-message-${m}`}\n          className={getClassNames(style.threadMessage, message.role === 'user' ? style.threadMessageUser : style.threadMessageAssistant)}\n          role=\"region\"\n          aria-label={message.role === 'user' ? label('llm.question') : label('llm.answer')}>\n          {message.chunks.map((chunk, c) => (\n            <ChunkWrapper\n              key={`llm-message-${m}-chunk-${c}`}\n              className={getClassNames(style.threadInner, style[chunk.type as string])}\n              item={chunk} chunkIndex={c} index={m} total={messages.length} role={message.role}\n            />\n          ))}\n          {message.role === 'user' ? (\n            m === 0 && <Disclaimer />\n          ) : (\n            m === messages.length - 1 && enableFeedback && <Feedback message={message} />\n          )}\n        </div>\n      ))}\n      {hasChunks && (\n        <Stream index={messages.length} />\n      )}\n    </section>\n  );\n};\n"],"names":["getClassNames","useLabel","ChunkWrapper","Disclaimer","Feedback","Stream","useLlm","React","style","Thread","label","enableFeedback","state","app","contents","messages","hasChunks","chunks","undefined","section","className","thread","map","message","m","div","threadMessage","role","threadMessageUser","threadMessageAssistant","aria-label","chunk","c","threadInner","type","item","chunkIndex","index","total","length"],"mappings":";AAAA,SAASA,aAAa,QAAQ,yBAAyB;AACvD,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,SAASC,YAAY,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,MAAM,QAAQ,8BAA8B;AACjG,OAAOC,WAAW,QAAQ;AAC1B,OAAOC,WAAW,uBAAuB;AAKzC,OAAO,MAAMC,SAAgC;IAC3C,MAAMC,QAAQT;IACd,MAAMU,iBAAiBL,OAAOM,CAAAA,QAASA,MAAMC,GAAG,EAAEC,SAASH;IAC3D,MAAMI,WAAWT,OAAOM,CAAAA,QAASA,MAAMG,QAAQ;IAC/C,MAAMC,YAAYV,OAAOM,CAAAA,QAASA,MAAMK,MAAM,KAAKC;IACnD,qBACE,MAACC;QAAQC,WAAWpB,cAAcQ,MAAMa,MAAM,EAAE;;YAC7CN,SAASO,GAAG,CAAC,CAACC,SAASC,kBACtB,MAACC;oBAECL,WAAWpB,cAAcQ,MAAMkB,aAAa,EAAEH,QAAQI,IAAI,KAAK,SAASnB,MAAMoB,iBAAiB,GAAGpB,MAAMqB,sBAAsB;oBAC9HF,MAAK;oBACLG,cAAYP,QAAQI,IAAI,KAAK,SAASjB,MAAM,kBAAkBA,MAAM;;wBACnEa,QAAQN,MAAM,CAACK,GAAG,CAAC,CAACS,OAAOC,kBAC1B,KAAC9B;gCAECkB,WAAWpB,cAAcQ,MAAMyB,WAAW,EAAEzB,KAAK,CAACuB,MAAMG,IAAI,CAAW;gCACvEC,MAAMJ;gCAAOK,YAAYJ;gCAAGK,OAAOb;gCAAGc,OAAOvB,SAASwB,MAAM;gCAAEZ,MAAMJ,QAAQI,IAAI;+BAF3E,CAAC,YAAY,EAAEH,EAAE,OAAO,EAAEQ,EAAE,CAAC;wBAKrCT,QAAQI,IAAI,KAAK,SAChBH,MAAM,mBAAK,KAACrB,kBAEZqB,MAAMT,SAASwB,MAAM,GAAG,KAAK5B,gCAAkB,KAACP;4BAASmB,SAASA;;;mBAd/D,CAAC,YAAY,EAAEC,EAAE,CAAC;YAkB1BR,2BACC,KAACX;gBAAOgC,OAAOtB,SAASwB,MAAM;;;;AAItC,EAAE"}

package/dist/esm/components/chat/Thread/thread.module.scss

@@ -0,0 +1,30 @@
+@import '../../../scss/mixin';
+
+.thread {
+  margin-top: size(15);
+  display: flex;
+  flex-direction: column;
+  row-gap: size(15);
+}
+
+.threadMessage {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  row-gap: size(2);
+}
+
+.threadMessageUser {}
+
+.threadMessageAssistant {}
+
+.threadInner {
+  &:empty {
+    display: none;
+  }
+}
+
+.threadEnd {
+  height: 0;
+  margin-top: -33px;
+}

package/dist/esm/components/chat/index.js

@@ -0,0 +1,8 @@
+import { Root } from './Root/root';
+import { Thread } from './Thread/thread';
+export const components = {
+    Root,
+    Thread
+};
+
+//# sourceMappingURL=index.js.map

package/dist/esm/components/chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/chat/index.ts"],"sourcesContent":["import { Root } from './Root/root';\nimport { Thread } from './Thread/thread';\n\nexport const components = {\n  Root,\n  Thread,\n};\n"],"names":["Root","Thread","components"],"mappings":"AAAA,SAASA,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,OAAO,MAAMC,aAAa;IACxBF;IACAC;AACF,EAAE"}

package/dist/esm/components/index.js

@@ -0,0 +1,3 @@
+export * from './chat';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './chat';\n"],"names":[],"mappings":"AAAA,cAAc,SAAS"}

package/dist/esm/components/page/PageLoading/page-loading.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassNames } from '@websolutespa/bom-core';
+import { useLabel } from '@websolutespa/bom-mixer-hooks';
+import style from './page-loading.module.scss';
+export const PageLoading = ()=>{
+    const label = useLabel();
+    return /*#__PURE__*/ _jsxs("div", {
+        className: getClassNames(style.container),
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: style.title,
+                children: label('llm.thinking')
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: style.loading,
+                children: [
+                    /*#__PURE__*/ _jsx("span", {
+                        children: " "
+                    }),
+                    /*#__PURE__*/ _jsx("span", {
+                        children: " "
+                    }),
+                    /*#__PURE__*/ _jsx("span", {
+                        children: " "
+                    })
+                ]
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=page-loading.js.map

package/dist/esm/components/page/PageLoading/page-loading.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/page/PageLoading/page-loading.tsx"],"sourcesContent":["import { getClassNames } from '@websolutespa/bom-core';\nimport { useLabel } from '@websolutespa/bom-mixer-hooks';\nimport style from './page-loading.module.scss';\n\nexport const PageLoading: React.FC = () => {\n  const label = useLabel();\n  return (\n    <div className={getClassNames(style.container)}>\n      <div className={style.title}>{label('llm.thinking')}</div>\n      <div className={style.loading}>\n        <span>&nbsp;</span>\n        <span>&nbsp;</span>\n        <span>&nbsp;</span>\n      </div>\n    </div>\n  );\n};\n"],"names":["getClassNames","useLabel","style","PageLoading","label","div","className","container","title","loading","span"],"mappings":";AAAA,SAASA,aAAa,QAAQ,yBAAyB;AACvD,SAASC,QAAQ,QAAQ,gCAAgC;AACzD,OAAOC,WAAW,6BAA6B;AAE/C,OAAO,MAAMC,cAAwB;IACnC,MAAMC,QAAQH;IACd,qBACE,MAACI;QAAIC,WAAWN,cAAcE,MAAMK,SAAS;;0BAC3C,KAACF;gBAAIC,WAAWJ,MAAMM,KAAK;0BAAGJ,MAAM;;0BACpC,MAACC;gBAAIC,WAAWJ,MAAMO,OAAO;;kCAC3B,KAACC;kCAAK;;kCACN,KAACA;kCAAK;;kCACN,KAACA;kCAAK;;;;;;AAId,EAAE"}

package/dist/esm/components/page/PageLoading/page-loading.module.scss

@@ -0,0 +1,302 @@
+@import '../../../scss/mixin';
+
+.container {
+  min-height: calc(100vh - 100px);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  background: var(--llm-color-background);
+  color: var(--llm-color-foreground);
+}
+
+.title {
+  align-self: stretch;
+  font-family: var(--llm-font-primary);
+  font-size: 40px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.45;
+  letter-spacing: -0.02em;
+  text-align: center;
+  color: #3E3F41;
+}
+
+.loading {
+  flex-shrink: 0;
+  position: relative;
+  margin-top: 0.12vh;
+  width: 100px;
+  height: 100px;
+
+  span {
+    position: absolute;
+    display: block;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: #D2CCC2;
+
+    &:nth-child(1) {
+      left: 0;
+      width: calc(50% - 2px);
+      top: 0;
+      height: 100%;
+      animation: loading-1 10s infinite;
+    }
+
+    &:nth-child(2) {
+      left: calc(50% + 2px);
+      width: calc(50% - 2px);
+      top: 0;
+      height: calc(30% - 2px);
+      animation: loading-2 10s infinite;
+    }
+
+    &:nth-child(3) {
+      left: calc(50% + 2px);
+      width: calc(50% - 2px);
+      top: calc(30% + 2px);
+      height: calc(70% - 2px);
+      animation: loading-3 10s infinite;
+    }
+  }
+}
+
+@keyframes loading-1 {
+  0% {
+    left: 0;
+    width: calc(50% - 2px);
+    top: 0;
+    height: 100%;
+  }
+
+  10% {
+    left: 0;
+    width: calc(50% - 2px);
+    top: 0;
+    height: 100%;
+  }
+
+  15% {
+    left: 0;
+    width: calc(50% - 2px);
+    top: 0;
+    height: calc(70% - 2px);
+  }
+
+  30% {
+    left: 0;
+    width: calc(50% - 2px);
+    top: 0;
+    height: calc(70% - 2px);
+  }
+
+  35% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: 0;
+    height: calc(70% - 2px);
+  }
+
+  50% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: 0;
+    height: calc(70% - 2px);
+  }
+
+  55% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: calc(70% + 2px);
+    height: calc(30% - 2px);
+  }
+
+  70% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: calc(70% + 2px);
+    height: calc(30% - 2px);
+  }
+
+  75% {
+    left: 0;
+    width: calc(50% - 2px);
+    top: calc(70% + 2px);
+    height: calc(30% - 2px);
+  }
+
+  90% {
+    left: 0;
+    width: calc(50% - 2px);
+    top: calc(70% + 2px);
+    height: calc(30% - 2px);
+  }
+
+  100% {
+    left: 0;
+    width: calc(50% - 2px);
+    top: 0;
+    height: 100%;
+  }
+}
+
+@keyframes loading-2 {
+  0% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: 0;
+    height: calc(30% - 2px);
+  }
+
+  15% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: 0;
+    height: calc(30% - 2px);
+  }
+
+  20% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: 0;
+    height: calc(70% - 2px);
+  }
+
+  35% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: 0;
+    height: calc(70% - 2px);
+  }
+
+  40% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: calc(70% + 2px);
+    height: calc(30% - 2px);
+  }
+
+  55% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: calc(70% + 2px);
+    height: calc(30% - 2px);
+  }
+
+  60% {
+    left: 0;
+    width: calc(50% - 2px);
+    top: calc(30% + 2px);
+    height: calc(70% - 2px);
+  }
+
+  75% {
+    left: 0;
+    width: calc(50% - 2px);
+    top: calc(30% + 2px);
+    height: calc(70% - 2px);
+  }
+
+  80% {
+    left: 0;
+    width: calc(50% - 2px);
+    top: 0;
+    height: calc(70% - 2px);
+  }
+
+  95% {
+    left: 0;
+    width: calc(50% - 2px);
+    top: 0;
+    height: calc(70% - 2px);
+  }
+
+  100% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: 0;
+    height: calc(30% - 2px);
+  }
+}
+
+@keyframes loading-3 {
+  0% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: calc(30% + 2px);
+    height: calc(70% - 2px);
+  }
+
+  15% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: calc(30% + 2px);
+    height: calc(70% - 2px);
+  }
+
+  20% {
+    left: 0;
+    width: calc(50% - 2px);
+    top: calc(70% + 2px);
+    height: calc(30% - 2px);
+  }
+
+  35% {
+    left: 0;
+    width: calc(50% - 2px);
+    top: calc(70% + 2px);
+    height: calc(30% - 2px);
+  }
+
+  40% {
+    left: 0;
+    width: calc(50% - 2px);
+    top: 0;
+    height: calc(70% - 2px);
+  }
+
+  55% {
+    left: 0;
+    width: calc(50% - 2px);
+    top: 0;
+    height: calc(70% - 2px);
+  }
+
+  60% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: 0;
+    height: calc(30% - 2px);
+  }
+
+  75% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: 0;
+    height: calc(30% - 2px);
+  }
+
+  80% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: 0;
+    height: calc(30% - 2px);
+  }
+
+  95% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: 0;
+    height: calc(30% - 2px);
+  }
+
+  100% {
+    left: calc(50% + 2px);
+    width: calc(50% - 2px);
+    top: calc(30% + 2px);
+    height: calc(70% - 2px);
+  }
+}

package/dist/esm/components/page/PageRoot/page-root.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getClassNames } from '@websolutespa/bom-core';
+import { CanvasOffscreenProvider, useLlm } from '@websolutespa/bom-mixer-llm';
+import { forwardRef } from 'react';
+import '../../../scss/style.scss';
+import style from './page-root.module.scss';
+export const PageRoot = /*#__PURE__*/ forwardRef(function PageRoot({ opened, embedded, customIntro, mode }, ref) {
+    const { Font, PageMain } = useLlm((state)=>state.components);
+    const classNames = getClassNames(style.root, 'llm', {
+        '-open': opened,
+        '-embedded': embedded,
+        '-custom-intro': customIntro,
+        ['-' + mode]: true
+    });
+    return /*#__PURE__*/ _jsx("section", {
+        ref: ref,
+        className: classNames,
+        "data-opened": opened,
+        "data-embedded": embedded,
+        "data-custom-intro": customIntro,
+        "data-mode": mode,
+        children: /*#__PURE__*/ _jsxs(CanvasOffscreenProvider, {
+            children: [
+                /*#__PURE__*/ _jsx(Font, {}),
+                /*#__PURE__*/ _jsx(PageMain, {}, "main")
+            ]
+        })
+    });
+});
+
+//# sourceMappingURL=page-root.js.map

package/dist/esm/components/page/PageRoot/page-root.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/page/PageRoot/page-root.tsx"],"sourcesContent":["import { getClassNames } from '@websolutespa/bom-core';\nimport { CanvasOffscreenProvider, useLlm } from '@websolutespa/bom-mixer-llm';\nimport { forwardRef } from 'react';\nimport '../../../scss/style.scss';\nimport style from './page-root.module.scss';\n\nexport type PageRootProps = {\n  mode: string;\n  opened?: boolean;\n  embedded?: boolean;\n  customIntro?: boolean;\n};\n\nexport const PageRoot = forwardRef<HTMLDivElement, PageRootProps>(\n  function PageRoot({\n    opened,\n    embedded,\n    customIntro,\n    mode,\n  }, ref) {\n    const {\n      Font,\n      PageMain,\n    } = useLlm(state => state.components);\n\n    const classNames = getClassNames(style.root, 'llm', {\n      '-open': opened,\n      '-embedded': embedded,\n      '-custom-intro': customIntro,\n      ['-' + mode]: true,\n    });\n\n    return (\n      <section\n        ref={ref}\n        className={classNames}\n        data-opened={opened}\n        data-embedded={embedded}\n        data-custom-intro={customIntro}\n        data-mode={mode}\n      >\n        <CanvasOffscreenProvider>\n          <Font />\n          <PageMain key=\"main\" />\n        </CanvasOffscreenProvider>\n      </section>\n    );\n  }\n);\n"],"names":["getClassNames","CanvasOffscreenProvider","useLlm","forwardRef","style","PageRoot","opened","embedded","customIntro","mode","ref","Font","PageMain","state","components","classNames","root","section","className","data-opened","data-embedded","data-custom-intro","data-mode"],"mappings":";AAAA,SAASA,aAAa,QAAQ,yBAAyB;AACvD,SAASC,uBAAuB,EAAEC,MAAM,QAAQ,8BAA8B;AAC9E,SAASC,UAAU,QAAQ,QAAQ;AACnC,OAAO,2BAA2B;AAClC,OAAOC,WAAW,0BAA0B;AAS5C,OAAO,MAAMC,yBAAWF,WACtB,SAASE,SAAS,EAChBC,MAAM,EACNC,QAAQ,EACRC,WAAW,EACXC,IAAI,EACL,EAAEC,GAAG;IACJ,MAAM,EACJC,IAAI,EACJC,QAAQ,EACT,GAAGV,OAAOW,CAAAA,QAASA,MAAMC,UAAU;IAEpC,MAAMC,aAAaf,cAAcI,MAAMY,IAAI,EAAE,OAAO;QAClD,SAASV;QACT,aAAaC;QACb,iBAAiBC;QACjB,CAAC,MAAMC,KAAK,EAAE;IAChB;IAEA,qBACE,KAACQ;QACCP,KAAKA;QACLQ,WAAWH;QACXI,eAAab;QACbc,iBAAeb;QACfc,qBAAmBb;QACnBc,aAAWb;kBAEX,cAAA,MAACR;;8BACC,KAACU;8BACD,KAACC,cAAa;;;;AAItB,GACA"}

package/dist/esm/components/page/PageRoot/page-root.module.scss

@@ -0,0 +1,24 @@
+@import '../../../scss/mixin';
+
+.root {
+  --s: 1;
+  --u: 1vw;
+  --rem: 16px;
+
+  pointer-events: none;
+  position: fixed;
+  bottom: 0;
+
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-end;
+  width: 100%;
+  height: 100%;
+
+  z-index: 10000;
+
+  :global(.llm__container) {
+    padding: 0 clampUnit(20, 110);
+  }
+}