@ni/ok-components 1.9.1 → 1.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -18180,9 +18180,12 @@ const e5=It`
|
|
|
18180
18180
|
:host {
|
|
18181
18181
|
min-width: ${Nc};
|
|
18182
18182
|
min-height: ${Nc};
|
|
18183
|
+
width: fit-content;
|
|
18184
|
+
max-width: 100%;
|
|
18183
18185
|
|
|
18184
18186
|
flex-direction: row;
|
|
18185
18187
|
justify-content: flex-start;
|
|
18188
|
+
align-self: flex-start;
|
|
18186
18189
|
flex-shrink: 0;
|
|
18187
18190
|
font: ${gd};
|
|
18188
18191
|
color: ${vd};
|
|
@@ -18191,7 +18194,7 @@ const e5=It`
|
|
|
18191
18194
|
.container {
|
|
18192
18195
|
display: flex;
|
|
18193
18196
|
flex-direction: column;
|
|
18194
|
-
|
|
18197
|
+
width: 100%;
|
|
18195
18198
|
}
|
|
18196
18199
|
|
|
18197
18200
|
[part='start'] {
|
|
@@ -18201,6 +18204,7 @@ const e5=It`
|
|
|
18201
18204
|
.message-content {
|
|
18202
18205
|
width: fit-content;
|
|
18203
18206
|
height: fit-content;
|
|
18207
|
+
max-width: 100%;
|
|
18204
18208
|
overflow-x: auto;
|
|
18205
18209
|
}
|
|
18206
18210
|
|
|
@@ -18254,9 +18258,12 @@ const o5=It`
|
|
|
18254
18258
|
:host {
|
|
18255
18259
|
min-width: ${Nc};
|
|
18256
18260
|
min-height: ${Nc};
|
|
18261
|
+
width: fit-content;
|
|
18262
|
+
max-width: 90%;
|
|
18257
18263
|
|
|
18258
18264
|
flex-direction: row;
|
|
18259
18265
|
justify-content: flex-end;
|
|
18266
|
+
align-self: flex-end;
|
|
18260
18267
|
flex-shrink: 0;
|
|
18261
18268
|
font: ${gd};
|
|
18262
18269
|
color: ${vd};
|
|
@@ -18265,21 +18272,19 @@ const o5=It`
|
|
|
18265
18272
|
.container {
|
|
18266
18273
|
display: flex;
|
|
18267
18274
|
flex-direction: column;
|
|
18268
|
-
|
|
18275
|
+
width: 100%;
|
|
18276
|
+
background: ${oc};
|
|
18277
|
+
border: ${zc} solid ${mc};
|
|
18278
|
+
border-radius: ${Bc} ${Bc} 0px ${Bc};
|
|
18279
|
+
padding: ${Bc};
|
|
18269
18280
|
}
|
|
18270
18281
|
|
|
18271
18282
|
.message-content {
|
|
18272
18283
|
width: fit-content;
|
|
18273
18284
|
height: fit-content;
|
|
18285
|
+
max-width: 100%;
|
|
18274
18286
|
overflow-x: auto;
|
|
18275
18287
|
}
|
|
18276
|
-
|
|
18277
|
-
:host .message-content {
|
|
18278
|
-
background: ${oc};
|
|
18279
|
-
border: ${zc} solid ${mc};
|
|
18280
|
-
border-radius: ${Bc} ${Bc} 0px ${Bc};
|
|
18281
|
-
padding: ${Bc};
|
|
18282
|
-
}
|
|
18283
18288
|
`
|
|
18284
18289
|
const r5=class extends qe{constructor(){super(...arguments),this.messageInternals=new U6(this,{anchorOnInsert:!0})}}.compose({baseName:"chat-message-outbound",template:()=>Q`
|
|
18285
18290
|
<div class="container">
|
|
@@ -18295,9 +18300,12 @@ const s5=It`
|
|
|
18295
18300
|
:host {
|
|
18296
18301
|
min-width: ${Nc};
|
|
18297
18302
|
min-height: ${Nc};
|
|
18303
|
+
width: fit-content;
|
|
18304
|
+
max-width: 90%;
|
|
18298
18305
|
|
|
18299
18306
|
flex-direction: row;
|
|
18300
18307
|
justify-content: center;
|
|
18308
|
+
align-self: center;
|
|
18301
18309
|
flex-shrink: 0;
|
|
18302
18310
|
font: ${gd};
|
|
18303
18311
|
color: ${vd};
|
|
@@ -18306,12 +18314,13 @@ const s5=It`
|
|
|
18306
18314
|
.container {
|
|
18307
18315
|
display: flex;
|
|
18308
18316
|
flex-direction: column;
|
|
18309
|
-
|
|
18317
|
+
width: 100%;
|
|
18310
18318
|
}
|
|
18311
18319
|
|
|
18312
18320
|
.message-content {
|
|
18313
18321
|
width: fit-content;
|
|
18314
18322
|
height: fit-content;
|
|
18323
|
+
max-width: 100%;
|
|
18315
18324
|
overflow-x: auto;
|
|
18316
18325
|
}
|
|
18317
18326
|
`
|
|
@@ -18329,10 +18338,12 @@ const l5=It`
|
|
|
18329
18338
|
:host {
|
|
18330
18339
|
min-width: ${Nc};
|
|
18331
18340
|
min-height: ${Nc};
|
|
18341
|
+
max-width: 90%;
|
|
18332
18342
|
|
|
18333
18343
|
flex: 1;
|
|
18334
18344
|
flex-direction: row;
|
|
18335
18345
|
justify-content: center;
|
|
18346
|
+
align-self: center;
|
|
18336
18347
|
align-items: center;
|
|
18337
18348
|
font: ${gd};
|
|
18338
18349
|
color: ${vd};
|
|
@@ -18342,7 +18353,6 @@ const l5=It`
|
|
|
18342
18353
|
display: flex;
|
|
18343
18354
|
flex-direction: column;
|
|
18344
18355
|
align-items: center;
|
|
18345
|
-
max-width: calc(90%);
|
|
18346
18356
|
gap: ${Bc};
|
|
18347
18357
|
}
|
|
18348
18358
|
|
|
@@ -18376,6 +18386,7 @@ const l5=It`
|
|
|
18376
18386
|
align-items: center;
|
|
18377
18387
|
width: fit-content;
|
|
18378
18388
|
height: fit-content;
|
|
18389
|
+
max-width: 100%;
|
|
18379
18390
|
overflow-x: auto;
|
|
18380
18391
|
gap: ${Bc};
|
|
18381
18392
|
}
|