@telia-ace/widget-components-copyright-flamingo 1.1.72-rc.24 → 1.1.72-rc.26

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.
@@ -62,7 +62,7 @@
62
62
  * @license
63
63
  * Copyright 2020 Google LLC
64
64
  * SPDX-License-Identifier: BSD-3-Clause
65
- */const de=()=>new hi;class hi{}const lt=new WeakMap,ue=_t(class extends he{render(r){return d}update(r,[t]){var i;const e=t!==this.Y;return e&&this.Y!==void 0&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.Y=t,this.ht=(i=r.options)==null?void 0:i.host,this.rt(this.ct=r.element)),d}rt(r){if(typeof this.Y=="function"){const t=this.ht??globalThis;let e=lt.get(t);e===void 0&&(e=new WeakMap,lt.set(t,e)),e.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),e.set(this.Y,r),r!==void 0&&this.Y.call(this.ht,r)}else this.Y.value=r}get lt(){var r,t;return typeof this.Y=="function"?(r=lt.get(this.ht??globalThis))==null?void 0:r.get(this.Y):(t=this.Y)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var pi=Object.defineProperty,di=Object.getOwnPropertyDescriptor,z=(r,t,e,i)=>{for(var s=i>1?void 0:i?di(t,e):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&pi(t,e,s),s};class w extends m{constructor(){super(...arguments),this.active=!1,this.triggerVisible=!0,this.loaded=!1,this.containerRef=de(),this.widgetActive$=new Pe(!1),this.componentIsDestroyed$=new gt}async connectedCallback(){super.connectedCallback(),this.icon=await this._renderSymbol(),this.loaded=!0,this._applyBranding()}disconnectedCallback(){super.disconnectedCallback(),this.componentIsDestroyed$.next(),this.componentIsDestroyed$.complete()}toggleActive(){var t;if(!((t=this.application)!=null&&t.root)){console.warn("Could not activate widget. No root element assigned to widget.");return}this.active=!this.active,this.active?(this.application.appendToDOM(),this.widgetActive$.next(!0)):(this.application.hide(),this.widgetActive$.next(!1))}_applyBranding(){var t;(t=this.application)!=null&&t.settings&&pe(this.application.settings.branding,this)}async _renderSymbol(){var a,c,l;const t=(a=this.application)==null?void 0:a.branding(),e=(c=t==null?void 0:t.graphics)==null?void 0:c.trigger;if(e)return x` <img src=${e} class="trigger-icon" alt="" /> `;const i=(l=this.application)==null?void 0:l.triggerIcon;if(!i)return d;const s=async h=>li,{type:o,content:n}=i;switch(o){case"Telia":{const h=await s();return h?x`<telia-icon
65
+ */const de=()=>new hi;class hi{}const lt=new WeakMap,ue=_t(class extends he{render(r){return d}update(r,[t]){var i;const e=t!==this.Y;return e&&this.Y!==void 0&&this.rt(void 0),(e||this.lt!==this.ct)&&(this.Y=t,this.ht=(i=r.options)==null?void 0:i.host,this.rt(this.ct=r.element)),d}rt(r){if(typeof this.Y=="function"){const t=this.ht??globalThis;let e=lt.get(t);e===void 0&&(e=new WeakMap,lt.set(t,e)),e.get(this.Y)!==void 0&&this.Y.call(this.ht,void 0),e.set(this.Y,r),r!==void 0&&this.Y.call(this.ht,r)}else this.Y.value=r}get lt(){var r,t;return typeof this.Y=="function"?(r=lt.get(this.ht??globalThis))==null?void 0:r.get(this.Y):(t=this.Y)==null?void 0:t.value}disconnected(){this.lt===this.ct&&this.rt(void 0)}reconnected(){this.rt(this.ct)}});var pi=Object.defineProperty,di=Object.getOwnPropertyDescriptor,z=(r,t,e,i)=>{for(var s=i>1?void 0:i?di(t,e):t,o=r.length-1,n;o>=0;o--)(n=r[o])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&pi(t,e,s),s};class w extends m{constructor(){super(...arguments),this.active=!1,this.triggerVisible=!0,this.loaded=!1,this.containerRef=de(),this.widgetActive$=new Pe(!1),this.componentIsDestroyed$=new gt}async connectedCallback(){super.connectedCallback(),this.icon=await this._renderSymbol(),this.loaded=!0,this._applyBranding()}disconnectedCallback(){super.disconnectedCallback(),this.componentIsDestroyed$.next(),this.componentIsDestroyed$.complete()}toggleActive(){var t;if(!((t=this.application)!=null&&t.root)){console.warn("Could not activate widget. No root element assigned to widget.");return}this.active=!this.active,this.active?(this.application.appendToDOM(),this.widgetActive$.next(!0),this.hideTrigger()):(this.application.hide(),this.widgetActive$.next(!1),this.showTrigger())}_applyBranding(){var t;(t=this.application)!=null&&t.settings&&pe(this.application.settings.branding,this)}async _renderSymbol(){var a,c,l;const t=(a=this.application)==null?void 0:a.branding(),e=(c=t==null?void 0:t.graphics)==null?void 0:c.trigger;if(e)return x` <img src=${e} class="trigger-icon" alt="" /> `;const i=(l=this.application)==null?void 0:l.triggerIcon;if(!i)return d;const s=async h=>li,{type:o,content:n}=i;switch(o){case"Telia":{const h=await s();return h?x`<telia-icon
66
66
  class="trigger-icon"
67
67
  svg=${h.svg}
68
68
  size="lg"
@@ -313,6 +313,7 @@
313
313
 
314
314
  --header-height: 69px;
315
315
  }
316
+
316
317
  :host {
317
318
  --voca-rem-multiplier: 0.625;
318
319
  box-sizing: border-box;
@@ -329,23 +330,27 @@
329
330
  z-index: 6;
330
331
  position: fixed;
331
332
  }
333
+
332
334
  @media screen and (max-width: 800px) {
333
335
  :host(.floating) {
334
- inset: 0 0 95px 0;
336
+ inset: 0;
335
337
  height: 100%;
336
338
  }
339
+
337
340
  :host(.third-party) {
338
- inset: 0 0 95px 0;
341
+ inset: 0;
339
342
  height: 100vh;
340
343
  }
341
344
  }
345
+
342
346
  @media screen and (min-width: 801px) {
343
347
  :host(.floating) {
344
- inset: auto 20px 95px auto;
348
+ inset: auto 20px 20px auto;
345
349
  max-height: calc(100vh - 120px);
346
350
  width: 400px;
347
- height: 700px;
351
+ height: 775px;
348
352
  }
353
+
349
354
  :host(.third-party) {
350
355
  max-width: 1000px;
351
356
  height: 100vh;
@@ -354,11 +359,13 @@
354
359
  transform: translateX(-50%);
355
360
  margin: -10px 0;
356
361
  }
362
+
357
363
  :host(.floating.bottom-right) {
358
- inset: auto 20px 95px auto;
364
+ inset: auto 20px 20px auto;
359
365
  }
366
+
360
367
  :host(.floating.bottom-left) {
361
- inset: auto auto 95px 20px;
368
+ inset: auto auto 20px 20px;
362
369
  }
363
370
  }
364
371
 
@@ -374,12 +381,14 @@
374
381
  * {
375
382
  box-sizing: border-box;
376
383
  }
384
+
377
385
  .widget-container {
378
386
  height: 100%;
379
387
  background-color: var(--primary-background);
380
388
  padding: var(--spacing-sm);
381
389
  border: var(--widget-border, none);
382
390
  }
391
+
383
392
  @keyframes slideDown {
384
393
  from {
385
394
  transform: translateY(0);
@@ -390,6 +399,7 @@
390
399
  opacity: 0;
391
400
  }
392
401
  }
402
+
393
403
  @keyframes slideUp {
394
404
  from {
395
405
  transform: translateY(100%);
@@ -400,10 +410,12 @@
400
410
  opacity: 1;
401
411
  }
402
412
  }
413
+
403
414
  :host(.expanded) {
404
415
  opacity: 1;
405
416
  animation: slideUp 0.3s linear;
406
417
  }
418
+
407
419
  :host(.hidden) {
408
420
  opacity: 0;
409
421
  animation: slideDown 0.3s linear;
package/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";const o=async e=>{e.registerComponent("copyright",Promise.resolve().then(()=>require("./copyright-ffc672c7.js")))};module.exports=o;
1
+ "use strict";const o=async e=>{e.registerComponent("copyright",Promise.resolve().then(()=>require("./copyright-e072a3a2.js")))};module.exports=o;
package/index.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  const t = async (o) => {
2
- o.registerComponent("copyright", import("./copyright-0bfadc91.mjs"));
2
+ o.registerComponent("copyright", import("./copyright-c81f0e36.mjs"));
3
3
  };
4
4
  export {
5
5
  t as default
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@telia-ace/widget-components-copyright-flamingo",
3
- "version": "1.1.72-rc.24",
3
+ "version": "1.1.72-rc.26",
4
4
  "dependencies": {
5
5
  "lit": "^3.0.2",
6
- "@telia-ace/widget-core-flamingo": "1.1.72-rc.24"
6
+ "@telia-ace/widget-core-flamingo": "1.1.72-rc.26"
7
7
  },
8
8
  "main": "./index.js",
9
9
  "module": "./index.mjs",