@websolutespa/bom-llm 0.0.31 → 0.0.32

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @websolutespa/bom-llm
 
+## 0.0.32
+
+### Patch Changes
+
+- 0e85a82: Added: LlmApp additionalLogos
+- 0e85a82: Modified: theme & style
+
 ## 0.0.31
 
 ### Patch Changes

package/dist/index.d.ts

@@ -39,6 +39,9 @@ type LlmContents = {
     layoutBuilder: LlmCard[];
     logo?: IMedia;
     logoMini?: IMedia;
+    additionalLogos?: {
+        logo: IMedia;
+    }[];
     promptPlaceholder?: string;
     sampleInputTexts: LlmSampleInputText[];
     shortWelcomeText: string;

package/dist/umd/index.css

@@ -182,6 +182,9 @@
   font-display: swap;
 }
 */
+.llm ::selection {
+  background: var(--llm-color-accent-foreground);
+}
 .llm,
 .llm h1,
 .llm h2,
@@ -1272,67 +1275,54 @@ llm-embed {
     height: 70px;
   }
 }
-.llm .llm__header-logo-full {
-  position: relative;
-  overflow: hidden;
-  width: clamp(130px, 130px + (100vw - 375px) / 1545 * 70, 200px);
-}
-.llm .llm__header-logo-full > iframe,
-.llm .llm__header-logo-full > picture,
-.llm .llm__header-logo-full > picture > img,
-.llm .llm__header-logo-full > img,
-.llm .llm__header-logo-full > svg {
-  display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-  object-position: center;
+.llm .llm__header-logo {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  column-gap: 1em;
+  row-gap: 0.5em;
 }
-.llm .llm__header-logo-full:after {
-  content: "";
-  display: block;
-  height: 0;
-  padding-bottom: 30.303030303%;
+.llm .llm__header-logo-full {
+  height: clamp(40px, 40px + (100vw - 375px) / 1545 * 20, 60px);
+  /*
+  @include imgPad(198, 60);
+  width: clampValue(130, 200);
+  */
 }
 .-llm-scrolled .llm .llm__header-logo-full {
   display: none;
 }
 .llm .llm__header-logo-full > img {
+  height: 100%;
   object-fit: contain;
 }
 .llm .llm__header-logo-mini {
-  position: relative;
-  overflow: hidden;
+  height: clamp(40px, 40px + (100vw - 375px) / 1545 * 20, 60px);
+  /*
+  @include imgPad(65, 60);
   width: 43px;
+  */
   display: none;
 }
-.llm .llm__header-logo-mini > iframe,
-.llm .llm__header-logo-mini > picture,
-.llm .llm__header-logo-mini > picture > img,
-.llm .llm__header-logo-mini > img,
-.llm .llm__header-logo-mini > svg {
+.-llm-scrolled .llm .llm__header-logo-mini {
   display: block;
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
+}
+.llm .llm__header-logo-mini > img {
   height: 100%;
-  object-fit: cover;
-  object-position: center;
+  object-fit: contain;
 }
-.llm .llm__header-logo-mini:after {
-  content: "";
-  display: block;
-  height: 0;
-  padding-bottom: 92.3076923077%;
+.llm .llm__header-logo-additional {
+  height: clamp(28px, 28px + (100vw - 375px) / 1545 * 12, 40px);
+  /*
+  @include imgPad(198, 60);
+  width: clampValue(130, 200);
+  */
 }
-.-llm-scrolled .llm .llm__header-logo-mini {
-  display: block;
+.-llm-scrolled .llm .llm__header-logo-additional {
+  display: none;
 }
-.llm .llm__header-logo-mini > img {
+.llm .llm__header-logo-additional > img {
+  height: 100%;
   object-fit: contain;
 }
 .llm .llm__header-skip {
@@ -2880,7 +2870,7 @@ llm-embed {
   line-height: var(--llm-typography-body4-line-height);
   letter-spacing: var(--llm-typography-body4-letter-spacing);
   font-size: clamp(var(--llm-typography-body4-font-size-min) * 1px, var(--llm-typography-body4-font-size-min) * 1px + (100vw - 375px) / 1545 * (var(--llm-typography-body4-font-size-max) - var(--llm-typography-body4-font-size-min)), var(--llm-typography-body4-font-size-max) * 1px);
-  font-weight: 100;
+  font-weight: 400;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
@@ -2894,7 +2884,7 @@ llm-embed {
   line-height: var(--llm-typography-body5-line-height);
   letter-spacing: var(--llm-typography-body5-letter-spacing);
   font-size: clamp(var(--llm-typography-body5-font-size-min) * 1px, var(--llm-typography-body5-font-size-min) * 1px + (100vw - 375px) / 1545 * (var(--llm-typography-body5-font-size-max) - var(--llm-typography-body5-font-size-min)), var(--llm-typography-body5-font-size-max) * 1px);
-  font-weight: 100;
+  font-weight: 300;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;

package/dist/umd/index.js

@@ -17945,7 +17945,8 @@
 	};
 	var border = "1px solid var(--llm-color-neutral-200)";
 	var canvas = {
-	  opacity: 0.8
+	  opacity: 0.8,
+	  enabled: true
 	};
 	var trigger$1 = {
 	  size: "60px",
@@ -21105,7 +21106,7 @@ void main(void) {
 	  const canvasRef = reactExports.useRef();
 	  const shaderRef = reactExports.useRef();
 	  reactExports.useEffect(() => {
-	    if (canvasRef.current == null && isBrowser$1) {
+	    if (canvasRef.current == null && theme.canvas.enabled && isBrowser$1) {
 	      if (!sharedCanvas) {
 	        const pixelRatio = window.devicePixelRatio;
 	        sharedCanvas = document.createElement('canvas');
@@ -21172,7 +21173,7 @@ void main(void) {
 	  const pixelRatio = window.devicePixelRatio;
 	  reactExports.useEffect(() => {
 	    // console.log('useCanvasOffscreen', canvasRef.current);
-	    if (canvasRef.current != null) {
+	    if (canvasRef.current != null && isBrowser$1) {
 	      const canvas = canvasRef.current;
 	      const onResize = _ref3 => {
 	        let [entry] = _ref3;
@@ -21665,6 +21666,7 @@ void main(void) {
 	  const label = useLabel();
 	  const logo = app?.contents.logo;
 	  const logoMini = app?.contents?.logoMini;
+	  const additionalLogos = app?.contents?.additionalLogos;
 	  const classes = getClassNames('llm__header', {
 	    hidden,
 	    fixed
@@ -21682,7 +21684,13 @@ void main(void) {
 	            src: logo.src || logo.url,
 	            alt: logo.alt
 	          })
-	        }), logoMini && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+	        }), additionalLogos && additionalLogos.map((x, i) => /*#__PURE__*/jsxRuntimeExports.jsx("div", {
+	          className: "llm__header-logo-additional",
+	          children: /*#__PURE__*/jsxRuntimeExports.jsx("img", {
+	            src: x.logo.src || x.logo.url,
+	            alt: x.logo.alt
+	          })
+	        }, i)), logoMini && /*#__PURE__*/jsxRuntimeExports.jsx("div", {
 	          className: "llm__header-logo-mini",
 	          children: /*#__PURE__*/jsxRuntimeExports.jsx("img", {
 	            src: logoMini.src || logoMini.url,