lr-chatbot 0.19.7 → 0.19.9

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.
Files changed (3) hide show
  1. package/index.js +39 -27
  2. package/index.js.map +1 -1
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -13607,26 +13607,31 @@ const fm = Te`
13607
13607
  --background-color: var(--lr-background-primary-disabled);
13608
13608
  --color: var(--lr-color-primary-disabled);
13609
13609
  }
13610
- &:not([disabled]):hover {
13611
- --color: var(--lr-color-primary-hover);
13612
- --background-color: var(--lr-background-primary-hover);
13613
- &::before {
13614
- opacity: 1;
13615
- }
13616
- }
13617
- &:not([disabled]):active {
13618
- --background-color: var(--lr-background-primary-active);
13619
- --color: var(--lr-color-primary-active);
13620
- &::before {
13621
- opacity: 0;
13622
- }
13623
- }
13624
13610
 
13625
13611
  .text {
13626
13612
  padding: 0 6px;
13627
13613
  }
13628
13614
  }
13629
13615
 
13616
+ @media (hover: hover) and (pointer: fine) {
13617
+ :host .button {
13618
+ &:not([disabled]):hover {
13619
+ --color: var(--lr-color-primary-hover);
13620
+ --background-color: var(--lr-background-primary-hover);
13621
+ &::before {
13622
+ opacity: 1;
13623
+ }
13624
+ }
13625
+ &:not([disabled]):active {
13626
+ --background-color: var(--lr-background-primary-active);
13627
+ --color: var(--lr-color-primary-active);
13628
+ &::before {
13629
+ opacity: 0;
13630
+ }
13631
+ }
13632
+ }
13633
+ }
13634
+
13630
13635
  :host([size='small']) .button {
13631
13636
  --padding: var(--lr-padding-small);
13632
13637
  --font-size: var(--lr-text-12);
@@ -13729,13 +13734,19 @@ const fm = Te`
13729
13734
  --background-color: var(--lr-background-tertiary-disabled);
13730
13735
  --color: var(--lr-color-tertiary-disabled);
13731
13736
  }
13732
- &:not([disabled]):hover {
13733
- --background-color: var(--lr-background-tertiary-hover);
13734
- --color: var(--lr-color-tertiary-hover);
13735
- }
13736
- &:not([disabled]):active {
13737
- --background-color: var(--lr-background-tertiary-active);
13738
- --color: var(--lr-color-tertiary-active);
13737
+ }
13738
+
13739
+ @media (hover: hover) and (pointer: fine) {
13740
+ :host([variant='tertiary']) .button,
13741
+ :host([variant='tertiary-transparent']) .button {
13742
+ &:not([disabled]):hover {
13743
+ --background-color: var(--lr-background-tertiary-hover);
13744
+ --color: var(--lr-color-tertiary-hover);
13745
+ }
13746
+ &:not([disabled]):active {
13747
+ --background-color: var(--lr-background-tertiary-active);
13748
+ --color: var(--lr-color-tertiary-active);
13749
+ }
13739
13750
  }
13740
13751
  }
13741
13752
 
@@ -21074,9 +21085,11 @@ const Da = /* @__PURE__ */ new WeakMap(), D3 = zi(class extends jd {
21074
21085
  }), B3 = Te`
21075
21086
  :host {
21076
21087
  --chat-sticky-offset-right: 100px;
21088
+ --chat-sticky-offset-bottom: 5%;
21077
21089
  --chat-sticky-width: 100%;
21078
21090
  --chat-sticky-min-width: 360px;
21079
21091
  --chat-sticky-minimized-size: 80px;
21092
+ --chat-sticky-offset-left: calc(100% - var(--chat-sticky-minimized-size));
21080
21093
  --chat-menu-height: 50px;
21081
21094
  --font-family: var(--lr-poppins);
21082
21095
  font-family: var(--font-family);
@@ -21159,9 +21172,9 @@ const Da = /* @__PURE__ */ new WeakMap(), D3 = zi(class extends jd {
21159
21172
  position: fixed;
21160
21173
  width: var(--chat-sticky-minimized-size);
21161
21174
  height: var(--chat-sticky-minimized-size);
21162
- bottom: 5%;
21175
+ bottom: var(--chat-sticky-offset-bottom);
21163
21176
  z-index: 10001;
21164
- left: calc(100% - var(--chat-sticky-minimized-size));
21177
+ left: var(--chat-sticky-offset-left);
21165
21178
  background-color: #cbd2ff;
21166
21179
  border-radius: 16px;
21167
21180
  display: flex;
@@ -21179,15 +21192,14 @@ const Da = /* @__PURE__ */ new WeakMap(), D3 = zi(class extends jd {
21179
21192
  }
21180
21193
  @media (min-width: ${x(_.devices.mobile.max)}px) {
21181
21194
  --chat-sticky-width: 45vw;
21182
- transform: scale(1) translate(0%, 0%);
21183
- left: calc(
21195
+ --chat-sticky-offset-left: calc(
21184
21196
  100% -
21185
21197
  (
21186
21198
  var(--chat-sticky-offset-right) +
21187
21199
  ((var(--chat-sticky-width) / 2) - var(--chat-sticky-minimized-size))
21188
21200
  )
21189
21201
  );
21190
-
21202
+ transform: scale(1) translate(0%, 0%);
21191
21203
  &:hover {
21192
21204
  transform: scale(1.1) translate(0%, 0%);
21193
21205
  }
@@ -22579,7 +22591,7 @@ let At = class extends me {
22579
22591
  Bn(this, oi, t);
22580
22592
  }
22581
22593
  getVersion() {
22582
- return "LR Chatbot - 0.19.7";
22594
+ return "LR Chatbot - 0.19.9";
22583
22595
  }
22584
22596
  async connectedCallback() {
22585
22597
  super.connectedCallback(), this._conversationHistoryTask.run();