@ni/spright-components 4.4.1 → 4.5.0

package/dist/all-components-bundle.min.js

@@ -15007,8 +15007,65 @@ this.canvas.width=i,this.canvas.height=n,this.canvasWidth=i,this.canvasHeight=n}
 return zU(n)?n.then((e=>t(e))):n.isAsync()?n.readAll().then((t=>new uK(t))):new uK(n.readAll())}},t([ft({attribute:"origin-location"})],ZX.prototype,"originLocation",void 0),t([ft({attribute:"grid-min-x",converter:ut})],ZX.prototype,"gridMinX",void 0),t([ft({attribute:"grid-max-x",converter:ut})],ZX.prototype,"gridMaxX",void 0),t([ft({attribute:"grid-min-y",converter:ut})],ZX.prototype,"gridMinY",void 0),t([ft({attribute:"grid-max-y",converter:ut})],ZX.prototype,"gridMaxY",void 0),t([ft],ZX.prototype,"orientation",void 0),t([ft({attribute:"max-characters",converter:ut})],ZX.prototype,"maxCharacters",void 0),t([ft({attribute:"die-labels-hidden",mode:"boolean"})],ZX.prototype,"dieLabelsHidden",void 0),t([ft({attribute:"die-labels-suffix"})],ZX.prototype,"dieLabelsSuffix",void 0),t([ft({attribute:"color-scale-mode"})],ZX.prototype,"colorScaleMode",void 0),t([C],ZX.prototype,"renderer",void 0),t([C],ZX.prototype,"canvasWidth",void 0),t([C],ZX.prototype,"canvasHeight",void 0),t([C],ZX.prototype,"transform",void 0),t([C],ZX.prototype,"hoverTransform",void 0),t([C],ZX.prototype,"hoverOpacity",void 0),t([C],ZX.prototype,"hoverWidth",void 0),t([C],ZX.prototype,"hoverHeight",void 0),t([C],ZX.prototype,"hoverDie",void 0),t([C],ZX.prototype,"highlightedTags",void 0),t([C],ZX.prototype,"dies",void 0),t([C],ZX.prototype,"diesTable",void 0),t([C],ZX.prototype,"colorScale",void 0)
 const KX=ZX.compose({baseName:"wafer-map",template:uY,styles:pY})
 _i.getOrCreate().withPrefix("nimble").register(KX())
-const YX=Mt`
-    ${XX="inline-block",`${Ns(XX)}:host{box-sizing:border-box;}*{box-sizing:border-box;}:host::before,:host::after,::before,::after{box-sizing:border-box;}`}
+const YX=t=>`${Ns(t)}:host{box-sizing:border-box;}*{box-sizing:border-box;}:host::before,:host::after,::before,::after{box-sizing:border-box;}`,XX=Mt`
+    ${YX("flex")}
+
+    :host {
+        flex-direction: column;
+        justify-content: flex-start;
+        row-gap: ${ql};
+        padding: ${Ul};
+        background: ${vl};
+        overflow-y: auto;
+    }
+`,JX=Q`<slot></slot>`
+const QX=class extends We{}.compose({baseName:"chat-conversation",template:JX,styles:XX})
+_i.getOrCreate().withPrefix("spright").register(QX())
+const tJ=Mt`
+    ${YX("flex")}
+
+    :host {
+        min-width: 16px;
+        min-height: 16px;
+
+        flex-direction: row;
+        justify-content: center;
+        flex-shrink: 0;
+        font: ${od};
+        color: ${rd};
+    }
+
+    :host([message-type='outbound']) {
+        justify-content: flex-end;
+    }
+
+    :host([message-type='inbound']) {
+        justify-content: flex-start;
+    }
+
+    div {
+        max-width: calc(100% - 200px);
+        width: fit-content;
+        height: fit-content;
+        padding: ${Ul};
+        overflow-x: auto;
+    }
+
+    :host([message-type='outbound']) div {
+        background: ${bl};
+        border: ${Wl} solid ${$l};
+        border-radius: 8px 8px 0px 8px;
+    }
+
+    :host([message-type='inbound']) div {
+        border-radius: 8px 8px 8px 0px;
+    }
+`,eJ=Q`<div><slot></slot></div>`,nJ={system:void 0}
+class iJ extends We{constructor(){super(...arguments),this.messageType=nJ.system}}t([ft({attribute:"message-type"})],iJ.prototype,"messageType",void 0)
+const sJ=iJ.compose({baseName:"chat-message",template:eJ,styles:tJ})
+_i.getOrCreate().withPrefix("spright").register(sJ())
+const oJ=Mt`
+    ${YX("inline-block")}
 
     :host {
         border: 2px solid ${$l};
@@ -15030,9 +15087,7 @@ const YX=Mt`
     :host([disabled]) slot {
         color: ${ad};
     }
-`
-var XX
-const JX=Q`<slot></slot>`
-const QX=class extends We{}.compose({baseName:"rectangle",template:JX,styles:YX})
-_i.getOrCreate().withPrefix("spright").register(QX())}()
+`,rJ=Q`<slot></slot>`
+const aJ=class extends We{}.compose({baseName:"rectangle",template:rJ,styles:oJ})
+_i.getOrCreate().withPrefix("spright").register(aJ())}()
 //# sourceMappingURL=all-components-bundle.min.js.map