@telia-ace/widget-components-widget-header-flamingo 1.1.21 → 1.1.22-rc.1

package/index.js

@@ -1 +1 @@
-"use strict";const r=async e=>{e.registerComponent("widget-header",Promise.resolve().then(()=>require("./widget-header-27125458.js")))};module.exports=r;
+"use strict";const r=async e=>{e.registerComponent("widget-header",Promise.resolve().then(()=>require("./widget-header-4f40115e.js")))};module.exports=r;

package/index.mjs

@@ -1,5 +1,5 @@
 const t = async (e) => {
-  e.registerComponent("widget-header", import("./widget-header-cc7cf27d.mjs"));
+  e.registerComponent("widget-header", import("./widget-header-8883c6f7.mjs"));
 };
 export {
   t as default

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@telia-ace/widget-components-widget-header-flamingo",
-  "version": "1.1.21",
+  "version": "1.1.22-rc.1",
   "dependencies": {
     "lit": "^3.0.2",
-    "@telia-ace/widget-core-flamingo": "1.1.21"
+    "@telia-ace/widget-core-flamingo": "1.1.22-rc.1"
   },
   "main": "./index.js",
   "module": "./index.mjs",

package/{widget-header-27125458.js → widget-header-4f40115e.js}

@@ -199,23 +199,34 @@
       display: block;
     }
 
-    :host(.floating) {
+    :host(.inline) {
+      height: 100%;
       position: fixed;
+      inset: 0 0 0 0;
+    }
+
+    :host(.floating) {
       z-index: 6;
-      inset: auto 20px 95px auto;
-      max-height: calc(100vh - 120px);
-      width: 400px;
-      height: 700px;
+      position: fixed;
+    }
+    @media screen and (max-width: 800px) {
+      :host(.floating) {
+        inset: 0 0 95px 0;
+      }
+    }
+    @media screen and (min-width: 801px) {
+      :host(.floating) {
+        inset: auto 20px 95px auto;
+        max-height: calc(100vh - 120px);
+        width: 400px;
+        height: 700px;
+      }
     }
+
     :host(.floating) .widget-container {
       box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
       border-radius: 0.7rem;
     }
-    :host(.inline) {
-      height: 100%;
-      position: fixed;
-      inset: 0 0 0 0;
-    }
 
     * {
       box-sizing: border-box;

package/{widget-header-cc7cf27d.mjs → widget-header-8883c6f7.mjs}

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const j = globalThis, F = j.ShadowRoot && (j.ShadyCSS === void 0 || j.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, X = Symbol(), rt = /* @__PURE__ */ new WeakMap();
-let $t = class {
+let ft = class {
   constructor(t, e, s) {
     if (this._$cssResult$ = !0, s !== X)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -23,7 +23,7 @@ let $t = class {
     return this.cssText;
   }
 };
-const Tt = (r) => new $t(typeof r == "string" ? r : r + "", void 0, X), P = (r, ...t) => {
+const Tt = (r) => new ft(typeof r == "string" ? r : r + "", void 0, X), P = (r, ...t) => {
   const e = r.length === 1 ? r[0] : t.reduce((s, i, n) => s + ((o) => {
     if (o._$cssResult$ === !0)
       return o.cssText;
@@ -31,7 +31,7 @@ const Tt = (r) => new $t(typeof r == "string" ? r : r + "", void 0, X), P = (r,
       return o;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(i) + r[n + 1], r[0]);
-  return new $t(e, r, X);
+  return new ft(e, r, X);
 }, Ot = (r, t) => {
   if (F)
     r.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
@@ -298,7 +298,7 @@ C.elementStyles = [], C.shadowRootOptions = { mode: "open" }, C[O("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const U = globalThis, W = U.trustedTypes, ct = W ? W.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, ft = "$lit$", m = `lit$${(Math.random() + "").slice(9)}$`, mt = "?" + m, zt = `<${mt}>`, w = document, N = () => w.createComment(""), M = (r) => r === null || typeof r != "object" && typeof r != "function", _t = Array.isArray, Dt = (r) => _t(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", J = `[ 	
+const U = globalThis, W = U.trustedTypes, ct = W ? W.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, $t = "$lit$", m = `lit$${(Math.random() + "").slice(9)}$`, mt = "?" + m, zt = `<${mt}>`, w = document, N = () => w.createComment(""), M = (r) => r === null || typeof r != "object" && typeof r != "function", _t = Array.isArray, Dt = (r) => _t(r) || typeof (r == null ? void 0 : r[Symbol.iterator]) == "function", J = `[ 	
 \f\r]`, T = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ht = /-->/g, lt = />/g, y = RegExp(`>|${J}(?:([^\\s"'>=/]+)(${J}*=${J}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), dt = /'/g, pt = /"/g, vt = /^(?:script|style|textarea|title)$/i, Bt = (r) => (t, ...e) => ({ _$litType$: r, strings: t, values: e }), v = Bt(1), x = Symbol.for("lit-noChange"), h = Symbol.for("lit-nothing"), ut = /* @__PURE__ */ new WeakMap(), b = w.createTreeWalker(w, 129);
 function yt(r, t) {
@@ -314,8 +314,8 @@ const jt = (r, t) => {
     let d, p, l = -1, u = 0;
     for (; u < a.length && (o.lastIndex = u, p = o.exec(a), p !== null); )
       u = o.lastIndex, o === T ? p[1] === "!--" ? o = ht : p[1] !== void 0 ? o = lt : p[2] !== void 0 ? (vt.test(p[2]) && (i = RegExp("</" + p[2], "g")), o = y) : p[3] !== void 0 && (o = y) : o === y ? p[0] === ">" ? (o = i ?? T, l = -1) : p[1] === void 0 ? l = -2 : (l = o.lastIndex - p[2].length, d = p[1], o = p[3] === void 0 ? y : p[3] === '"' ? pt : dt) : o === pt || o === dt ? o = y : o === ht || o === lt ? o = T : (o = y, i = void 0);
-    const f = o === y && r[c + 1].startsWith("/>") ? " " : "";
-    n += o === T ? a + zt : l >= 0 ? (s.push(d), a.slice(0, l) + ft + a.slice(l) + m + f) : a + m + (l === -2 ? c : f);
+    const $ = o === y && r[c + 1].startsWith("/>") ? " " : "";
+    n += o === T ? a + zt : l >= 0 ? (s.push(d), a.slice(0, l) + $t + a.slice(l) + m + $) : a + m + (l === -2 ? c : $);
   }
   return [yt(r, n + (r[e] || "<?>") + (t === 2 ? "</svg>" : "")), s];
 };
@@ -333,17 +333,17 @@ class H {
       if (i.nodeType === 1) {
         if (i.hasAttributes())
           for (const l of i.getAttributeNames())
-            if (l.endsWith(ft)) {
-              const u = p[o++], f = i.getAttribute(l).split(m), D = /([.?@])?(.*)/.exec(u);
-              a.push({ type: 1, index: n, name: D[2], strings: f, ctor: D[1] === "." ? Wt : D[1] === "?" ? Gt : D[1] === "@" ? Vt : V }), i.removeAttribute(l);
+            if (l.endsWith($t)) {
+              const u = p[o++], $ = i.getAttribute(l).split(m), D = /([.?@])?(.*)/.exec(u);
+              a.push({ type: 1, index: n, name: D[2], strings: $, ctor: D[1] === "." ? Wt : D[1] === "?" ? Gt : D[1] === "@" ? Vt : V }), i.removeAttribute(l);
             } else
               l.startsWith(m) && (a.push({ type: 6, index: n }), i.removeAttribute(l));
         if (vt.test(i.tagName)) {
           const l = i.textContent.split(m), u = l.length - 1;
           if (u > 0) {
             i.textContent = W ? W.emptyScript : "";
-            for (let f = 0; f < u; f++)
-              i.append(l[f], N()), b.nextNode(), a.push({ type: 2, index: ++n });
+            for (let $ = 0; $ < u; $++)
+              i.append(l[$], N()), b.nextNode(), a.push({ type: 2, index: ++n });
             i.append(l[u], N());
           }
         }
@@ -550,7 +550,7 @@ const Yt = (r, t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let $ = class extends C {
+let f = class extends C {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -576,9 +576,9 @@ let $ = class extends C {
   }
 };
 var gt;
-$._$litElement$ = !0, $.finalized = !0, (gt = globalThis.litElementHydrateSupport) == null || gt.call(globalThis, { LitElement: $ });
+f._$litElement$ = !0, f.finalized = !0, (gt = globalThis.litElementHydrateSupport) == null || gt.call(globalThis, { LitElement: f });
 const Z = globalThis.litElementPolyfillSupport;
-Z == null || Z({ LitElement: $ });
+Z == null || Z({ LitElement: f });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.1");
 /**
  * @license
@@ -696,7 +696,7 @@ var Qt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, q = (r, t,
     (o = r[n]) && (i = (s ? o(t, e, i) : o(i)) || i);
   return s && i && Qt(t, e, i), i;
 };
-class E extends $ {
+class E extends f {
   constructor() {
     super(...arguments), this.active = !1, this.loaded = !1;
   }
@@ -928,7 +928,7 @@ const Et = (r) => {
     g({ attribute: !1 })
   ], t.prototype, "parent", 2), t;
 };
-class Ct extends Et($) {
+class Ct extends Et(f) {
   render() {
     return v`Non resolved component`;
   }
@@ -1071,7 +1071,7 @@ var et = /* @__PURE__ */ ((r) => (r.Inline = "inline", r.Trigger = "trigger", r)
     (o = r[n]) && (i = (s ? o(t, e, i) : o(i)) || i);
   return s && i && le(t, e, i), i;
 };
-class st extends $ {
+class st extends f {
   constructor() {
     super(...arguments), this.nodes = [], this.wrapperRef = oe();
   }
@@ -1118,23 +1118,34 @@ st.styles = P`
       display: block;
     }
 
-    :host(.floating) {
+    :host(.inline) {
+      height: 100%;
       position: fixed;
+      inset: 0 0 0 0;
+    }
+
+    :host(.floating) {
       z-index: 6;
-      inset: auto 20px 95px auto;
-      max-height: calc(100vh - 120px);
-      width: 400px;
-      height: 700px;
+      position: fixed;
+    }
+    @media screen and (max-width: 800px) {
+      :host(.floating) {
+        inset: 0 0 95px 0;
+      }
+    }
+    @media screen and (min-width: 801px) {
+      :host(.floating) {
+        inset: auto 20px 95px auto;
+        max-height: calc(100vh - 120px);
+        width: 400px;
+        height: 700px;
+      }
     }
+
     :host(.floating) .widget-container {
       box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
       border-radius: 0.7rem;
     }
-    :host(.inline) {
-      height: 100%;
-      position: fixed;
-      inset: 0 0 0 0;
-    }
 
     * {
       box-sizing: border-box;
@@ -1181,7 +1192,7 @@ var ue = Object.defineProperty, ge = Object.getOwnPropertyDescriptor, it = (r, t
     (o = r[n]) && (i = (s ? o(t, e, i) : o(i)) || i);
   return s && i && ue(t, e, i), i;
 };
-class z extends $ {
+class z extends f {
   constructor() {
     super(), this.status = "deactivated", this.addEventListener("environment-created", this.onEnvironmentCreated);
   }
@@ -1233,8 +1244,8 @@ customElements.get("ace-trigger") || customElements.define("ace-trigger", E);
 customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", Ct);
 customElements.get("ace-wrapper") || customElements.define("ace-wrapper", st);
 customElements.get("ace-widget") || customElements.define("ace-widget", z);
-const Pt = Et($);
-class $e extends Pt {
+const Pt = Et(f);
+class fe extends Pt {
   render() {
     var s;
     const t = this.application.branding(), e = (s = t == null ? void 0 : t.graphics) == null ? void 0 : s.logotype;
@@ -1250,7 +1261,7 @@ class $e extends Pt {
     </div>`;
   }
 }
-$e.styles = [
+fe.styles = [
   Pt.styles || [],
   P`
       :host {
@@ -1286,6 +1297,6 @@ $e.styles = [
     `
 ];
 export {
-  $e as WidgetHeader,
-  $e as default
+  fe as WidgetHeader,
+  fe as default
 };