@websolutespa/bom-mixer-llm 0.0.7 → 0.0.8

package/CHANGELOG.md

@@ -1,56 +1,64 @@
-# @websolutespa/bom-mixer-llm
-
-## 0.0.7
-
-### Patch Changes
-
-- Added: theme, customTheme, customIntro
-- Added: cross visibility check
-- Fixing: textToChunks
-
-## 0.0.6
-
-### Patch Changes
-
-- Fixing: markdown links
-
-## 0.0.5
-
-### Patch Changes
-
-- Added: shared state between instances
-
-## 0.0.4
-
-### Patch Changes
-
-- Added: embed options
-- Added: returning instance with methods
-
-## 0.0.3
-
-### Patch Changes
-
-- Updating: dependencies
-- Updated dependencies
-  - @websolutespa/bom-mixer-models@1.7.2
-  - @websolutespa/bom-mixer-forms@0.3.1
-  - @websolutespa/bom-mixer-hooks@1.7.2
-  - @websolutespa/bom-mixer-icons@0.2.3
-  - @websolutespa/bom-mixer-store@1.7.3
-  - @websolutespa/bom-mixer-ui@1.7.5
-  - @websolutespa/bom-core@1.7.3
-
-## 0.0.2
-
-### Patch Changes
-
-- Modified: Speech synthesis & recognition, disclaimer, markdown
-- Updated dependencies
-  - @websolutespa/bom-mixer-icons@0.2.2
-
-## 0.0.1
-
-### Patch Changes
-
-- Added: first release
+# @websolutespa/bom-mixer-llm
+
+## 0.0.8
+
+### Patch Changes
+
+- Added: CanvasOffscreenProvider
+- Updated dependencies [75b1311]
+  - @websolutespa/bom-mixer-ui@1.7.8
+
+## 0.0.7
+
+### Patch Changes
+
+- Added: theme, customTheme, customIntro
+- Added: cross visibility check
+- Fixing: textToChunks
+
+## 0.0.6
+
+### Patch Changes
+
+- Fixing: markdown links
+
+## 0.0.5
+
+### Patch Changes
+
+- Added: shared state between instances
+
+## 0.0.4
+
+### Patch Changes
+
+- Added: embed options
+- Added: returning instance with methods
+
+## 0.0.3
+
+### Patch Changes
+
+- Updating: dependencies
+- Updated dependencies
+  - @websolutespa/bom-mixer-models@1.7.2
+  - @websolutespa/bom-mixer-forms@0.3.1
+  - @websolutespa/bom-mixer-hooks@1.7.2
+  - @websolutespa/bom-mixer-icons@0.2.3
+  - @websolutespa/bom-mixer-store@1.7.3
+  - @websolutespa/bom-mixer-ui@1.7.5
+  - @websolutespa/bom-core@1.7.3
+
+## 0.0.2
+
+### Patch Changes
+
+- Modified: Speech synthesis & recognition, disclaimer, markdown
+- Updated dependencies
+  - @websolutespa/bom-mixer-icons@0.2.2
+
+## 0.0.1
+
+### Patch Changes
+
+- Added: first release

package/dist/cjs/index.css

@@ -323,6 +323,7 @@ llm-embed {
   font-weight: 500;
   line-height: 1;
   letter-spacing: 0.06em;
+  font-style: normal;
   font-size: clamp(12px, 12px + (100vw - 375px) / 1545 * (2), 14px);
 }
 
@@ -836,14 +837,14 @@ llm-embed {
 }
 
 .llm .llm__trigger {
+  position: relative;
   display: flex;
   justify-content: center;
-  font-size: 0;
-  pointer-events: auto;
   margin: 24px;
   border-radius: 50%;
+  font-size: 0;
+  pointer-events: auto;
   cursor: pointer;
-  position: relative;
 }
 .llm .llm__trigger-btn {
   position: relative;
@@ -856,6 +857,7 @@ llm-embed {
   will-change: transform;
   transition: 0.4s;
   box-shadow: var(--llm-trigger-box-shadow);
+  pointer-events: auto;
   cursor: pointer;
 }
 .llm .llm__trigger-btn > span {
@@ -965,6 +967,13 @@ llm-embed {
   inset: 0;
   overflow-x: hidden;
   overflow-y: auto;
+  /*
+  &.lenis.lenis-stopped {
+    overflow-x: hidden;
+    overflow-y: auto;
+    pointer-events: none;
+  }
+  */
 }
 .llm .llm__scroller::-webkit-scrollbar {
   width: 6px;
@@ -1054,6 +1063,7 @@ llm-embed {
   border-radius: 50%;
   background: var(--llm-input-background);
   color: var(--llm-input-accent);
+  pointer-events: auto;
   cursor: pointer;
 }
 .llm .llm__toggle-speak svg {
@@ -1162,6 +1172,7 @@ llm-embed {
   text-transform: uppercase;
   user-select: none;
   color: var(--llm-color-foreground);
+  pointer-events: auto;
   cursor: pointer;
 }
 
@@ -1236,6 +1247,7 @@ llm-embed {
   border: var(--llm-hint-border);
   font-family: var(--llm-hint-font-family);
   backdrop-filter: blur(20px);
+  pointer-events: auto;
   cursor: pointer;
 }
 @media (min-width: 768px) {
@@ -1317,6 +1329,7 @@ llm-embed {
   border-radius: 50%;
   font-size: 16px;
   color: var(--llm-input-accent);
+  pointer-events: auto;
   cursor: pointer;
 }
 .llm .llm__prompt-speak svg, .llm .llm__prompt-microphone svg {
@@ -1344,6 +1357,7 @@ llm-embed {
   background: var(--llm-trigger-background);
   color: var(--llm-trigger-foreground);
   border-radius: 50%;
+  pointer-events: auto;
   cursor: pointer;
 }
 @media (min-width: 1024px) {
@@ -1378,12 +1392,11 @@ llm-embed {
 .llm .llm__prompt-suggestions {
   padding-bottom: clamp(8px, 8px + (100vw - 375px) / 1545 * (0), 8px);
   width: 100%;
-  display: none;
-}
-@media (min-width: 1024px) {
-  .llm .llm__prompt-suggestions {
+  /*
+  @include bp(md) {
     display: block;
   }
+  */
 }
 .llm .llm__prompt-suggestions .llm__suggestions {
   margin: 0 calc(clamp(20px, 20px + (100vw - 375px) / 1545 * (90), 110px) * -1);
@@ -1405,6 +1418,7 @@ llm-embed {
   color: var(--llm-pill-foreground);
   font-family: var(--llm-pill-font-family);
   backdrop-filter: blur(20px);
+  pointer-events: auto;
   cursor: pointer;
 }
 .llm .llm__prompt-powered-by {
@@ -1420,6 +1434,7 @@ llm-embed {
   color: var(--llm-color-foreground);
   opacity: 0.4;
   transition: opacity ease-in-out 250ms;
+  pointer-events: auto;
   cursor: pointer;
 }
 .llm .llm__prompt-powered-by:hover {
@@ -1767,6 +1782,7 @@ llm-embed {
 }
 .llm .llm__events-nav button {
   color: currentColor;
+  pointer-events: auto;
   cursor: pointer;
 }
 .llm .llm__events-nav button.swiper-button-disabled {
@@ -1782,12 +1798,6 @@ llm-embed {
 }
 
 .llm .llm__cta {
-  line-height: 1;
-  font-family: var(--llm-font-secondary);
-  font-weight: 300;
-  line-height: 1;
-  font-style: italic;
-  font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -1796,6 +1806,16 @@ llm-embed {
   overflow: hidden;
   white-space: nowrap;
   transition: opacity 0.3s;
+  pointer-events: auto;
+  cursor: pointer;
+}
+.llm .llm__cta, .llm .llm__cta > span {
+  line-height: 1;
+  font-family: var(--llm-font-secondary);
+  font-weight: 300;
+  line-height: 1;
+  font-style: italic;
+  font-size: clamp(14px, 14px + (100vw - 375px) / 1545 * (2), 16px);
 }
 @media (hover: hover) {
   .llm .llm__cta:hover {
@@ -1804,12 +1824,6 @@ llm-embed {
   }
 }
 .llm .llm__cta--button, .llm .llm__cta--submit {
-  line-height: 1;
-  font-family: var(--llm-font-primary);
-  font-weight: 500;
-  line-height: 1;
-  letter-spacing: 0.06em;
-  font-size: clamp(12px, 12px + (100vw - 375px) / 1545 * (2), 14px);
   background: var(--llm-color-primary-background);
   color: var(--llm-color-primary-foreground);
   height: 42px;
@@ -1819,8 +1833,18 @@ llm-embed {
   border-radius: 50px;
   overflow: hidden;
   text-decoration: none;
+  pointer-events: auto;
   cursor: pointer;
 }
+.llm .llm__cta--button, .llm .llm__cta--button > span, .llm .llm__cta--submit, .llm .llm__cta--submit > span {
+  line-height: 1;
+  font-family: var(--llm-font-primary);
+  font-weight: 500;
+  line-height: 1;
+  letter-spacing: 0.06em;
+  font-style: normal;
+  font-size: clamp(12px, 12px + (100vw - 375px) / 1545 * (2), 14px);
+}
 .llm .llm__cta--button .llm__background, .llm .llm__cta--submit .llm__background {
   z-index: 1;
   background: none;
@@ -1844,6 +1868,7 @@ llm-embed {
   font-weight: 500;
   line-height: 1;
   letter-spacing: 0.06em;
+  font-style: normal;
   font-size: clamp(12px, 12px + (100vw - 375px) / 1545 * (2), 14px);
   padding: 0 clamp(24px, 24px + (100vw - 375px) / 1545 * (24), 48px);
   height: 42px;
@@ -1855,6 +1880,7 @@ llm-embed {
   border-radius: 12px;
   overflow: hidden;
   text-decoration: none;
+  pointer-events: auto;
   cursor: pointer;
 }
 .llm .llm__cta--simple > span {
@@ -2268,6 +2294,7 @@ llm-embed {
   position: relative;
   display: block;
   padding-left: 24px;
+  pointer-events: auto;
   cursor: pointer;
 }
 .llm .llm__subscribe-field.-privacy label:before, .llm .llm__subscribe-field.-privacy label:after {