@postnord/pn-marketweb-components 2.1.7 → 2.1.9

package/components/pn-breakpoints.js

@@ -0,0 +1,45 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const pnBreakpointsCss = "pn-breakpoints{width:100%}pn-breakpoints .breakpoints--dotcom{width:100%;background-color:aliceblue;text-align:center;margin-bottom:2.4rem;background-color:aliceblue}pn-breakpoints .breakpoints--dotcom .reference::before{content:\"less than 321\"}@media screen and (min-width: 321px){pn-breakpoints .breakpoints--dotcom{background-color:yellow}pn-breakpoints .breakpoints--dotcom .reference::before{content:\"321 (xs)\"}}@media screen and (min-width: 576px){pn-breakpoints .breakpoints--dotcom{background-color:aqua}pn-breakpoints .breakpoints--dotcom .reference::before{content:\"576 (sm)\"}}@media screen and (min-width: 768px){pn-breakpoints .breakpoints--dotcom{background-color:red;color:#fff}pn-breakpoints .breakpoints--dotcom .reference::before{content:\"768 (md)\"}}@media screen and (min-width: 992px){pn-breakpoints .breakpoints--dotcom{background-color:green;color:#fff}pn-breakpoints .breakpoints--dotcom .reference::before{content:\"992 (lg)\"}}@media screen and (min-width: 1200px){pn-breakpoints .breakpoints--dotcom{background-color:blue;color:#fff}pn-breakpoints .breakpoints--dotcom .reference::before{content:\"1200 (xl)\"}}@media screen and (min-width: 1640px){pn-breakpoints .breakpoints--dotcom{background-color:pink}pn-breakpoints .breakpoints--dotcom .reference::before{content:\"1640 (xxl)\"}}@media screen and (min-width: 1920px){pn-breakpoints .breakpoints--dotcom{background-color:orange}pn-breakpoints .breakpoints--dotcom .reference::before{content:\"1920 (fhd)\"}}";
+
+const PnBreakpoints$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.currentWidth = window.innerWidth;
+    this.breakPointClass = 'dotcom';
+  }
+  handleViewportSizeChange(event) {
+    this.currentWidth = event.target.innerWidth;
+  }
+  createBreakpointClass() {
+    return `breakpoints--${this.breakPointClass}`;
+  }
+  render() {
+    return (h(Host, null, h("div", { class: `breakpoints ${this.createBreakpointClass()} ` }, `${this.currentWidth} px`, ' min-width: ', h("span", { class: "reference" }, ' px'))));
+  }
+  get hostElement() { return this; }
+  static get style() { return pnBreakpointsCss; }
+}, [0, "pn-breakpoints", {
+    "breakPointClass": [1, "break-point-class"],
+    "currentWidth": [32]
+  }, [[9, "resize", "handleViewportSizeChange"]]]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["pn-breakpoints"];
+  components.forEach(tagName => { switch (tagName) {
+    case "pn-breakpoints":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PnBreakpoints$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const PnBreakpoints = PnBreakpoints$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PnBreakpoints, defineCustomElement };

package/components/pn-chart.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PnChart extends Components.PnChart, HTMLElement {}
+export const PnChart: {
+  prototype: PnChart;
+  new (): PnChart;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;