@telia-ace/widget-conversation-flamingo 1.1.70-rc.17 → 1.1.70-rc.19

Sign up to get free protection for your applications and to get access to all the features.
Files changed (3) hide show
  1. package/index.js +14 -2
  2. package/index.mjs +14 -2
  3. package/package.json +2 -2
package/index.js CHANGED
@@ -305,6 +305,7 @@
305
305
  @media screen and (max-width: 800px) {
306
306
  :host(.floating) {
307
307
  inset: 0 0 95px 0;
308
+ height: 100vh;
308
309
  }
309
310
  }
310
311
  @media screen and (min-width: 801px) {
@@ -325,6 +326,10 @@
325
326
  :host(.floating) .widget-container {
326
327
  box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
327
328
  border-radius: 0.7rem;
329
+
330
+ @media screen and (max-width: 800px) {
331
+ border-radius: 0;
332
+ }
328
333
  }
329
334
 
330
335
  * {
@@ -363,6 +368,7 @@
363
368
  :host(.hidden) {
364
369
  opacity: 0;
365
370
  animation: slideDown 0.3s linear;
371
+ pointer-events: none;
366
372
  }
367
373
  `;_a([w({attribute:!1}),xa({context:Sa})],cn.prototype,"application",2);var Ca=Object.defineProperty,Aa=Object.getOwnPropertyDescriptor,hn=(s,e,t,n)=>{for(var i=n>1?void 0:n?Aa(e,t):e,r=s.length-1,o;r>=0;r--)(o=s[r])&&(i=(n?o(e,t,i):o(i))||i);return n&&i&&Ca(e,t,i),i};class ze extends k{constructor(){super(),this.status="deactivated",this.addEventListener("environment-created",this.onEnvironmentCreated)}async connectedCallback(){super.connectedCallback(),await this.getGlobalEnvironment()}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("environment-created",this.onEnvironmentCreated)}async onEnvironmentCreated(e){this.widget=e.detail.widget,await this.activate(),this.requestUpdate()}async activate(){this.widget&&(await this.widget.activate(),this.status="activated")}async getGlobalEnvironment(){const e=globalThis.widgets;e&&(this.widget=e.applications.find(t=>t.name===this.name),await this.activate())}render(){if(!this.widget||this.status!=="activated")return g;if(this.widget.renderStrategy===ln.Trigger){const e=new re;return e.application=this.widget,e}return this.widget.render()}}ze.styles=[A`
368
374
  :host {
@@ -866,8 +872,10 @@ Please report this to https://github.com/markedjs/marked.`,e){const i="<p>An err
866
872
  --input-text-color: var(--conversation-input-text-color, inherit);
867
873
  --conversation-input-bg: var(--conversation-input-bg-color, #fff);
868
874
 
869
- --toast-bg: #eb5185;
870
- --toast-text-color: white;
875
+ --toast-bg: #caeaff;
876
+ --toast-border: 1px solid #0078cb;
877
+
878
+ --toast-text-color: #000;
871
879
 
872
880
  --error-text-color: #eb5185;
873
881
 
@@ -951,6 +959,7 @@ Please report this to https://github.com/markedjs/marked.`,e){const i="<p>An err
951
959
  .conversation.conversation--has-toast .conversation-content {
952
960
  border-top-right-radius: 0;
953
961
  border-top-left-radius: 0;
962
+ padding-top: var(--spacing-md);
954
963
  }
955
964
  .conversation.disabled .conversation-bottom {
956
965
  --conversation-input-bg: rgba(255, 255, 255, 0.4);
@@ -997,6 +1006,9 @@ Please report this to https://github.com/markedjs/marked.`,e){const i="<p>An err
997
1006
  }
998
1007
  .conversation__toast {
999
1008
  background-color: var(--toast-bg);
1009
+ border: var(--toast-border);
1010
+ border-radius: var(--border-radius-sm);
1011
+ margin: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
1000
1012
  color: var(--toast-text-color);
1001
1013
  padding: var(--spacing-md);
1002
1014
  position: sticky;
package/index.mjs CHANGED
@@ -3641,6 +3641,7 @@ ln.styles = A`
3641
3641
  @media screen and (max-width: 800px) {
3642
3642
  :host(.floating) {
3643
3643
  inset: 0 0 95px 0;
3644
+ height: 100vh;
3644
3645
  }
3645
3646
  }
3646
3647
  @media screen and (min-width: 801px) {
@@ -3661,6 +3662,10 @@ ln.styles = A`
3661
3662
  :host(.floating) .widget-container {
3662
3663
  box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
3663
3664
  border-radius: 0.7rem;
3665
+
3666
+ @media screen and (max-width: 800px) {
3667
+ border-radius: 0;
3668
+ }
3664
3669
  }
3665
3670
 
3666
3671
  * {
@@ -3699,6 +3704,7 @@ ln.styles = A`
3699
3704
  :host(.hidden) {
3700
3705
  opacity: 0;
3701
3706
  animation: slideDown 0.3s linear;
3707
+ pointer-events: none;
3702
3708
  }
3703
3709
  `;
3704
3710
  wa([
@@ -6366,8 +6372,10 @@ R.styles = [
6366
6372
  --input-text-color: var(--conversation-input-text-color, inherit);
6367
6373
  --conversation-input-bg: var(--conversation-input-bg-color, #fff);
6368
6374
 
6369
- --toast-bg: #eb5185;
6370
- --toast-text-color: white;
6375
+ --toast-bg: #caeaff;
6376
+ --toast-border: 1px solid #0078cb;
6377
+
6378
+ --toast-text-color: #000;
6371
6379
 
6372
6380
  --error-text-color: #eb5185;
6373
6381
 
@@ -6451,6 +6459,7 @@ R.styles = [
6451
6459
  .conversation.conversation--has-toast .conversation-content {
6452
6460
  border-top-right-radius: 0;
6453
6461
  border-top-left-radius: 0;
6462
+ padding-top: var(--spacing-md);
6454
6463
  }
6455
6464
  .conversation.disabled .conversation-bottom {
6456
6465
  --conversation-input-bg: rgba(255, 255, 255, 0.4);
@@ -6497,6 +6506,9 @@ R.styles = [
6497
6506
  }
6498
6507
  .conversation__toast {
6499
6508
  background-color: var(--toast-bg);
6509
+ border: var(--toast-border);
6510
+ border-radius: var(--border-radius-sm);
6511
+ margin: 0 var(--spacing-md) var(--spacing-md) var(--spacing-md);
6500
6512
  color: var(--toast-text-color);
6501
6513
  padding: var(--spacing-md);
6502
6514
  position: sticky;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@telia-ace/widget-conversation-flamingo",
3
- "version": "1.1.70-rc.17",
3
+ "version": "1.1.70-rc.19",
4
4
  "publishConfig": {
5
5
  "registry": "https://registry.npmjs.org"
6
6
  },
@@ -9,7 +9,7 @@
9
9
  "@lit-labs/motion": "^1.0.4",
10
10
  "@teliads/icons": "^8.4.0",
11
11
  "@teliads/components": "^22.1.1",
12
- "@telia-ace/widget-core-flamingo": "1.1.70-rc.17",
12
+ "@telia-ace/widget-core-flamingo": "1.1.70-rc.19",
13
13
  "lit-html": "^3.0.2",
14
14
  "rxjs": "^7.8.1",
15
15
  "marked": "^12.0.2"