@dso-toolkit/core 45.1.0 → 46.0.0

package/dist/collection/components/responsive-element/responsive-element.js

@@ -1,25 +1,28 @@
-import { Component, Element, Event, h, Host, Method, State } from '@stencil/core';
+import { h, Host } from "@stencil/core";
 const elementSizes = [
   {
-    width: 624, alias: 'large'
+    width: 624,
+    alias: "large",
   },
   {
-    width: 375, alias: 'medium'
+    width: 375,
+    alias: "medium",
   },
   {
-    width: 0, alias: 'small'
-  }
+    width: 0,
+    alias: "small",
+  },
 ];
 export class ResponsiveElement {
   constructor() {
-    this.sizeAlias = elementSizes[0].alias;
-    this.sizeWidth = 0;
     this.observer = new ResizeObserver(([entry]) => {
       var _a, _b;
-      const size = (_b = (_a = elementSizes.find(s => entry.contentRect.width >= s.width)) === null || _a === void 0 ? void 0 : _a.alias) !== null && _b !== void 0 ? _b : elementSizes[0].alias;
+      const size = (_b = (_a = elementSizes.find((s) => entry.contentRect.width >= s.width)) === null || _a === void 0 ? void 0 : _a.alias) !== null && _b !== void 0 ? _b : elementSizes[0].alias;
       this.sizeAlias = size;
       this.dsoSizeChange.emit(size);
     });
+    this.sizeAlias = elementSizes[0].alias;
+    this.sizeWidth = 0;
   }
   async getSize() {
     return this.sizeAlias;
@@ -31,63 +34,72 @@ export class ResponsiveElement {
     this.observer.unobserve(this.host);
   }
   render() {
-    return (h(Host, { small: this.sizeAlias === 'small', medium: this.sizeAlias === 'medium', large: this.sizeAlias === 'large' },
-      h("slot", null)));
+    return (h(Host, { small: this.sizeAlias === "small", medium: this.sizeAlias === "medium", large: this.sizeAlias === "large" }, h("slot", null)));
   }
   static get is() { return "dso-responsive-element"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["./responsive-element.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["responsive-element.css"]
-  }; }
-  static get states() { return {
-    "sizeAlias": {},
-    "sizeWidth": {}
-  }; }
-  static get events() { return [{
-      "method": "dsoSizeChange",
-      "name": "dsoSizeChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "ResponsiveElementSize",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {
-          "ResponsiveElementSize": {
-            "location": "import",
-            "path": "./responsive-element.interfaces"
+  static get originalStyleUrls() {
+    return {
+      "$": ["./responsive-element.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["responsive-element.css"]
+    };
+  }
+  static get states() {
+    return {
+      "sizeAlias": {},
+      "sizeWidth": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "dsoSizeChange",
+        "name": "dsoSizeChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "ResponsiveElementSize",
+          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "references": {
+            "ResponsiveElementSize": {
+              "location": "import",
+              "path": "./responsive-element.interfaces"
+            }
           }
         }
-      }
-    }]; }
-  static get methods() { return {
-    "getSize": {
-      "complexType": {
-        "signature": "() => Promise<ResponsiveElementSize>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+      }];
+  }
+  static get methods() {
+    return {
+      "getSize": {
+        "complexType": {
+          "signature": "() => Promise<ResponsiveElementSize>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "ResponsiveElementSize": {
+              "location": "import",
+              "path": "./responsive-element.interfaces"
+            }
           },
-          "ResponsiveElementSize": {
-            "location": "import",
-            "path": "./responsive-element.interfaces"
-          }
+          "return": "Promise<ResponsiveElementSize>"
         },
-        "return": "Promise<ResponsiveElementSize>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "host"; }
 }