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

package/{area-e69cf83e.mjs → area-916940ea.mjs}

@@ -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;

package/{area-d6192162.js → area-f305c00f.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/index.js

@@ -1 +1 @@
-"use strict";const r=async e=>{e.registerComponent("area",Promise.resolve().then(()=>require("./area-d6192162.js")))};module.exports=r;
+"use strict";const r=async e=>{e.registerComponent("area",Promise.resolve().then(()=>require("./area-f305c00f.js")))};module.exports=r;

package/index.mjs

@@ -1,5 +1,5 @@
 const o = async (e) => {
-  e.registerComponent("area", import("./area-e69cf83e.mjs"));
+  e.registerComponent("area", import("./area-916940ea.mjs"));
 };
 export {
   o as default

package/package.json

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