@oiz/stzh-components 2.0.0 → 2.1.0-alpha

package/dist/components/stzh-loader.js

@@ -1,46 +1,4 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const stzhLoaderCss = ".sc-stzh-loader-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-loader-h{display:none}.sc-stzh-loader-h *.sc-stzh-loader,.sc-stzh-loader-h *.sc-stzh-loader::before,.sc-stzh-loader-h *.sc-stzh-loader::after{-webkit-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes stzh-loader{0%{-webkit-transform:scale(0);transform:scale(0);left:0;opacity:1}12.5%{-webkit-transform:scale(1);transform:scale(1)}25%{left:0}37.5%{left:4.375rem}50%{left:4.375rem}62.5%{left:8.75rem}75%{left:8.75rem;-webkit-transform:scale(1);transform:scale(1)}87.5%{left:8.75rem;-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{left:8.75rem;opacity:0}}@keyframes stzh-loader{0%{-webkit-transform:scale(0);transform:scale(0);left:0;opacity:1}12.5%{-webkit-transform:scale(1);transform:scale(1)}25%{left:0}37.5%{left:4.375rem}50%{left:4.375rem}62.5%{left:8.75rem}75%{left:8.75rem;-webkit-transform:scale(1);transform:scale(1)}87.5%{left:8.75rem;-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{left:8.75rem;opacity:0}}.stzh-loader.sc-stzh-loader{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.stzh-loader__label.sc-stzh-loader{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-align:center}.stzh-loader__label.sc-stzh-loader:not(:empty){margin-top:var(--stzh-space-medium)}.stzh-loader__wrapper.sc-stzh-loader{width:2.5rem;height:0.5rem}.stzh-loader__uil.sc-stzh-loader{background:none;position:relative;width:12.5rem;height:2.5rem;-webkit-transform:scale(0.2);transform:scale(0.2);-webkit-transform-origin:top left;transform-origin:top left}.stzh-loader__ib.sc-stzh-loader{width:100%;height:100%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.stzh-loader__circle.sc-stzh-loader{width:3.75rem;height:2.5rem;position:absolute;opacity:0;text-align:center;-webkit-animation:stzh-loader 3s linear infinite;animation:stzh-loader 3s linear infinite}.stzh-loader__circle.sc-stzh-loader>div.sc-stzh-loader{width:2.5rem;height:2.5rem;border-radius:1.25rem;margin:0 0.625rem}.stzh-loader__circle.sc-stzh-loader:nth-of-type(2n+1)>div.sc-stzh-loader{background:#0F05A0}.stzh-loader__circle.sc-stzh-loader:nth-of-type(2n)>div.sc-stzh-loader{background:#0F05A0}.stzh-loader__circle.sc-stzh-loader:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(2){-webkit-animation-delay:0.75s;animation-delay:0.75s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(3){-webkit-animation-delay:1.5s;animation-delay:1.5s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(4){-webkit-animation-delay:2.25s;animation-delay:2.25s}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__label.sc-stzh-loader{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__label.sc-stzh-loader:not(:empty){margin-top:var(--stzh-space-xsmall)}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__wrapper.sc-stzh-loader{width:1.25rem;height:0.25rem}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__uil.sc-stzh-loader{-webkit-transform:scale(0.1);transform:scale(0.1)}.stzh-loader--hide-label.sc-stzh-loader .stzh-loader__label.sc-stzh-loader{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}";
-
-const StzhLoader$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    /** Size */
-    this.size = "default";
-    /** Label */
-    this.label = "";
-    /** Hide label text visually (still anounced for screenreaders) */
-    this.hideLabel = false;
-  }
-  render() {
-    const classes = {
-      "stzh-loader": true,
-      "stzh-loader--hide-label": this.hideLabel,
-      [`stzh-loader--size-${this.size}`]: !!this.size
-    };
-    return (h(Host, null, h("div", { class: classes }, h("div", { class: "stzh-loader__wrapper" }, h("div", { class: "stzh-loader__uil" }, h("div", { class: "stzh-loader__ib" }, h("div", { class: "stzh-loader__circle" }, h("div", null)), h("div", { class: "stzh-loader__circle" }, h("div", null)), h("div", { class: "stzh-loader__circle" }, h("div", null)), h("div", { class: "stzh-loader__circle" }, h("div", null))))), h("div", { class: "stzh-loader__label", "aria-live": "polite" }, this.label ? this.label : h("slot", null)))));
-  }
-  get element() { return this; }
-  static get style() { return stzhLoaderCss; }
-}, [6, "stzh-loader", {
-    "size": [1],
-    "label": [1],
-    "hideLabel": [4, "hide-label"]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["stzh-loader"];
-  components.forEach(tagName => { switch (tagName) {
-    case "stzh-loader":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, StzhLoader$1);
-      }
-      break;
-  } });
-}
+import { S as StzhLoader$1, d as defineCustomElement$1 } from './stzh-loader2.js';
 
 const StzhLoader = StzhLoader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/stzh-loader2.js

@@ -0,0 +1,42 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const stzhLoaderCss = ".sc-stzh-loader-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-loader-h{display:none}.sc-stzh-loader-h *.sc-stzh-loader,.sc-stzh-loader-h *.sc-stzh-loader::before,.sc-stzh-loader-h *.sc-stzh-loader::after{-webkit-box-sizing:border-box;box-sizing:border-box}@-webkit-keyframes stzh-loader{0%{-webkit-transform:scale(0);transform:scale(0);left:0;opacity:1}12.5%{-webkit-transform:scale(1);transform:scale(1)}25%{left:0}37.5%{left:4.375rem}50%{left:4.375rem}62.5%{left:8.75rem}75%{left:8.75rem;-webkit-transform:scale(1);transform:scale(1)}87.5%{left:8.75rem;-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{left:8.75rem;opacity:0}}@keyframes stzh-loader{0%{-webkit-transform:scale(0);transform:scale(0);left:0;opacity:1}12.5%{-webkit-transform:scale(1);transform:scale(1)}25%{left:0}37.5%{left:4.375rem}50%{left:4.375rem}62.5%{left:8.75rem}75%{left:8.75rem;-webkit-transform:scale(1);transform:scale(1)}87.5%{left:8.75rem;-webkit-transform:scale(0);transform:scale(0);opacity:1}100%{left:8.75rem;opacity:0}}.stzh-loader.sc-stzh-loader{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.stzh-loader__label.sc-stzh-loader{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);text-align:center}.stzh-loader__label.sc-stzh-loader:not(:empty){margin-top:var(--stzh-space-medium)}.stzh-loader__wrapper.sc-stzh-loader{width:2.5rem;height:0.5rem}.stzh-loader__uil.sc-stzh-loader{background:none;position:relative;width:12.5rem;height:2.5rem;-webkit-transform:scale(0.2);transform:scale(0.2);-webkit-transform-origin:top left;transform-origin:top left}.stzh-loader__ib.sc-stzh-loader{width:100%;height:100%;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.stzh-loader__circle.sc-stzh-loader{width:3.75rem;height:2.5rem;position:absolute;opacity:0;text-align:center;-webkit-animation:stzh-loader 3s linear infinite;animation:stzh-loader 3s linear infinite}.stzh-loader__circle.sc-stzh-loader>div.sc-stzh-loader{width:2.5rem;height:2.5rem;border-radius:1.25rem;margin:0 0.625rem}.stzh-loader__circle.sc-stzh-loader:nth-of-type(2n+1)>div.sc-stzh-loader{background:#0F05A0}.stzh-loader__circle.sc-stzh-loader:nth-of-type(2n)>div.sc-stzh-loader{background:#0F05A0}.stzh-loader__circle.sc-stzh-loader:nth-of-type(1){-webkit-animation-delay:0s;animation-delay:0s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(2){-webkit-animation-delay:0.75s;animation-delay:0.75s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(3){-webkit-animation-delay:1.5s;animation-delay:1.5s}.stzh-loader__circle.sc-stzh-loader:nth-of-type(4){-webkit-animation-delay:2.25s;animation-delay:2.25s}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__label.sc-stzh-loader{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__label.sc-stzh-loader:not(:empty){margin-top:var(--stzh-space-xsmall)}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__wrapper.sc-stzh-loader{width:1.25rem;height:0.25rem}.stzh-loader--size-small.sc-stzh-loader .stzh-loader__uil.sc-stzh-loader{-webkit-transform:scale(0.1);transform:scale(0.1)}.stzh-loader--hide-label.sc-stzh-loader .stzh-loader__label.sc-stzh-loader{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}";
+
+const StzhLoader = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.size = "default";
+    this.label = "";
+    this.hideLabel = false;
+  }
+  render() {
+    const classes = {
+      "stzh-loader": true,
+      "stzh-loader--hide-label": this.hideLabel,
+      [`stzh-loader--size-${this.size}`]: !!this.size
+    };
+    return (h(Host, null, h("div", { class: classes }, h("div", { class: "stzh-loader__wrapper" }, h("div", { class: "stzh-loader__uil" }, h("div", { class: "stzh-loader__ib" }, h("div", { class: "stzh-loader__circle" }, h("div", null)), h("div", { class: "stzh-loader__circle" }, h("div", null)), h("div", { class: "stzh-loader__circle" }, h("div", null)), h("div", { class: "stzh-loader__circle" }, h("div", null))))), h("div", { class: "stzh-loader__label", "aria-live": "polite" }, this.label ? this.label : h("slot", null)))));
+  }
+  get element() { return this; }
+  static get style() { return stzhLoaderCss; }
+}, [6, "stzh-loader", {
+    "size": [1],
+    "label": [1],
+    "hideLabel": [4, "hide-label"]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["stzh-loader"];
+  components.forEach(tagName => { switch (tagName) {
+    case "stzh-loader":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, StzhLoader);
+      }
+      break;
+  } });
+}
+
+export { StzhLoader as S, defineCustomElement as d };

package/dist/components/stzh-loadingbar.js

@@ -6,11 +6,8 @@ const StzhLoadingbar$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
   constructor() {
     super();
     this.__registerHost();
-    /** Percent */
     this.percent = 0;
-    /** Whether to hide/show percent */
     this.hidePercent = false;
-    /** Label */
     this.label = "";
   }
   render() {

package/dist/components/stzh-menu-item2.js

@@ -11,24 +11,6 @@ const StzhMenuItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.__registerHost();
     this.stzhFocus = createEvent(this, "stzhFocus", 7);
     this.stzhBlur = createEvent(this, "stzhBlur", 7);
-    /** Badge */
-    this.badge = "";
-    /** Badge type */
-    this.badgeType = "default";
-    /** Whether badge should be displayed empty */
-    this.badgeEmpty = false;
-    /** Icon (use instead of icon slot) */
-    this.icon = "";
-    /** Whether the button is active */
-    this.active = false;
-    /** Label */
-    this.label = "";
-    /** `href` if the button should be used as link  */
-    this.href = "";
-    /** Target if the button is used as link (if `href` used)  */
-    this.target = "";
-    /** Whether the button is disabled */
-    this.disabled = false;
     this.onFocus = (event) => {
       const focusEvent = new FocusEvent("focus", {
         view: window,
@@ -53,6 +35,16 @@ const StzhMenuItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         originalEvent: event
       });
     };
+    this.badge = "";
+    this.badgeType = "default";
+    this.badgeEmpty = false;
+    this.icon = "";
+    this.active = false;
+    this.label = "";
+    this.href = "";
+    this.target = "";
+    this.disabled = false;
+    this.a11yLabel = undefined;
   }
   /** Focus menu item */
   async setFocus() {

package/dist/components/stzh-message.js

@@ -12,29 +12,16 @@ const StzhMessage$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.__registerHost();
     this.stzhOpen = createEvent(this, "stzhOpen", 7);
     this.stzhClose = createEvent(this, "stzhClose", 7);
-    /** Label */
+    this.onCloseButtonClick = () => {
+      this.hide();
+    };
     this.label = "";
-    /** Description (use instead of default slot) */
     this.description = "";
-    /**
-     * Close cookie name key.
-     * Component will check for the cookie (stzh-components-message-close-{name})
-     * and if not empty (message already closed before) will hide the message.
-     */
     this.closeKey = "";
-    /** Type */
     this.type = "info";
-    // high priority variants are currently not allowed to use
-    // (discussion will be resumed in relaunch, when colors are a topic)
-    // /** Prority */
-    // @Prop({ reflect: true }) priority: "default" | "high" = "default";
-    /** Whether to hide close button */
     this.hideClose = false;
-    /** Open state */
+    this.localization = undefined;
     this.open = true;
-    this.onCloseButtonClick = () => {
-      this.hide();
-    };
   }
   async show() {
     this.open = true;

package/dist/components/stzh-olmap.d.ts

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