@proximus/lavender-image 1.0.0-alpha.10

package/dist/index.js

@@ -0,0 +1,50 @@
+import { PxElement as n } from "@proximus/lavender-common";
+const a = "img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;border-style:none}@media only screen and (max-width: 40em){.mo,.m,.l{display:none}}@media only screen and (min-width: 40.0625em) and (max-width: 64em){.l{display:none}}@media only screen and (min-width: 40.0625em){.so{display:none}}@media only screen and (min-width: 64.0625em){.so,.mo{display:none}}", r = new CSSStyleSheet();
+r.replaceSync(a);
+class h extends n {
+  constructor() {
+    super(r);
+  }
+  static get observedAttributes() {
+    return [...super.observedAttributes, "showfor"];
+  }
+  get showfor() {
+    return this.getAttribute("showfor");
+  }
+  set showfor(e) {
+    this.setAttribute("showfor", e);
+  }
+  attributeChangedCallback(e, t, s) {
+    if (t !== s)
+      switch (e) {
+        case "showfor":
+          this.updateShowFor(t, s);
+          break;
+        default:
+          super.attributeChangedCallback(e, t, s);
+          break;
+      }
+  }
+  toggleClass(e, t) {
+    e !== null && e !== "" && e !== "default" && this.$el.classList.toggle(e), t !== null && t !== "" && t !== "default" && this.$el.classList.toggle(t);
+  }
+  checkName(e) {
+    return ["", "s", "so", "mo", "m", "l"].includes(e);
+  }
+  updateShowFor(e, t) {
+    this.checkName(t) ? this.toggleClass(e, t) : console.error('Bad "showfor" value for', this);
+  }
+}
+const o = class o extends h {
+  constructor() {
+    super();
+    const e = document.createElement(this.nativeName);
+    this.shadowRoot.appendChild(e);
+  }
+};
+o.nativeName = "img";
+let i = o;
+customElements.define("px-image", i);
+export {
+  i as Image
+};

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@proximus/lavender-image",
+  "version": "1.0.0-alpha.10",
+  "description": "",
+  "main": "dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./src/index.ts",
+      "development": "./src/index.ts",
+      "default": "./dist/index.js"
+    },
+    "./src/*.css": {
+      "development": "src/*.css"
+    }
+  },
+  "files": [
+    "dist/*"
+  ],
+  "type": "module",
+  "scripts": {
+    "build": "rm -rf dist;tsc; vite build",
+    "test": "vitest run --coverage"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "3bf7639ce5c999b5c8e5b0b12b9e2a5913b9c76b",
+  "lerna": {
+    "command": {
+      "publish": {
+        "assets": [
+          "CHANGELOG.md",
+          "package.json",
+          "dist/*.js",
+          "dist/css/**/*.css"
+        ]
+      }
+    }
+  }
+}