blue-web 1.19.0 → 1.20.0

package/dist/js/button.bundle.js

@@ -0,0 +1 @@
+(()=>{"use strict";class t extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){this.shadowRoot.innerHTML='<button part="base" type="button">Hello world</button>'}}customElements.get("bl-button")||customElements.define("bl-button",t)})();

package/dist/js/button.d.ts

@@ -0,0 +1,6 @@
+declare class Button extends HTMLElement {
+    constructor();
+    connectedCallback(): void;
+}
+export { Button };
+export default Button;

package/dist/js/button.js

@@ -0,0 +1,16 @@
+class Button extends HTMLElement {
+  constructor() {
+    super();
+    this.attachShadow({
+      mode: "open"
+    });
+  }
+  connectedCallback() {
+    this.shadowRoot.innerHTML = /* html*/"<button part=\"base\" type=\"button\">Hello world</button>";
+  }
+}
+if (!customElements.get("bl-button")) {
+  customElements.define("bl-button", Button);
+}
+export { Button };
+export default Button;

package/dist/js/dialog.bundle.js

@@ -1 +1 @@
-(()=>{"use strict";var n={762:(n,e,t)=>{function o(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}t.d(e,{Os:()=>a});const a=()=>o()+o()+"-"+o()+"-"+o()+"-"+o()+"-"+o()+o()+o()},786:(n,e,t)=>{t.d(e,{k:()=>a});const o={Cancel:["Cancel","Abbrechen"],Yes:["Yes","Ja"],No:["No","Nein"],Message:["Message","Nachricht"],"Toggle menu":["Toggle menu","Menü umschalten"],"Close all":["Close all","Alle schließen"],Error:["Error","Fehler"],Information:["Information","Information"]};function a(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;return e=e||navigator.language.toLowerCase().indexOf("de")>-1?"de-DE":"en-US",t=t||o,t[n]?e.indexOf("de-")>-1?t[n][1]:t[n][0]:n}}},e={};function t(o){var a=e[o];if(void 0!==a)return a.exports;var l=e[o]={exports:{}};return n[o](l,l.exports,t),l.exports}t.d=(n,e)=>{for(var o in e)t.o(e,o)&&!t.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:e[o]})},t.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e);var o=t(762),a=t(786);async function l(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},{title:l=(0,a.k)("Message"),icon:c,switchPrimaryBtn:i=!1,acceptBtnText:r=("verify"===n?(0,a.k)("Yes"):"OK"),cancelBtnText:s=("verify"===n?(0,a.k)("No"):(0,a.k)("Cancel")),inputType:d="text",defaultValue:u}="string"==typeof t?JSON.parse(t):t;const m=(0,o.Os)();return document.getElementById(m)||document.body.insertAdjacentHTML("beforeend",'<dialog class="blue-modal modal" id="'.concat(m,'" aria-labelledby="').concat(m,'-label">\n                <div class="modal-dialog">\n                    <div class="modal-content">\n                        <form>\n                            <div class="modal-header">\n                                ').concat(c?'<div class="me-2">'.concat(c,"</div>"):"",'\n                                <h1 class="modal-title fs-5" id="').concat(m,'-label">').concat(l,'</h1>\n                                <button\n                                    type="button"\n                                    class="btn-close"\n                                    aria-label="').concat(s,'"\n                                    onclick="document.getElementById(\'').concat(m,'\').close()"\n                                ></button>\n                            </div>\n                            <div class="modal-body">\n                                ').concat("ask"===n?'<label for="'.concat(m,'-input">').concat(e,'</label>\n                                          <input\n                                              type="').concat(d,'"\n                                              ').concat(void 0!==u?' value="'.concat(u,'"'):"",'\n                                              id="').concat(m,'-input"\n                                              class="form-control mt-3"\n                                          />'):e,'\n                            </div>\n                            <div class="modal-footer">\n                                ').concat("verify"===n||"ask"===n?'<button\n                                          type="button"\n                                          class="btn '.concat(i?"btn-primary":"blue-btn-plain-primary",'"\n                                          onclick="document.getElementById(\'').concat(m,"').close()\"\n                                      >\n                                          ").concat(s,"\n                                      </button>"):"",'\n                                <button\n                                    type="submit"\n                                    class="btn ').concat(i?"blue-btn-plain-primary":"btn-primary",'"\n                                >\n                                    ').concat(r,'\n                                </button>\n                            </div>\n                        </form>\n                    </div>\n                </div>\n\n                <form method="dialog" class="blue-modal-backdrop">\n                    <button>').concat(s,"</button>\n                </form>\n            </dialog>")),new Promise(e=>{var t;const o=document.getElementById(m),a=()=>{const n=document.getElementById(m);n&&n.remove()};null==o||o.showModal(),null==o||o.addEventListener("close",()=>{a(),e(!1)}),null==o||null===(t=o.querySelector(".modal-content > form"))||void 0===t||t.addEventListener("submit",t=>{t.preventDefault(),"ask"===n&&(o.close(),a(),e((null==o?void 0:o.querySelector("input")).value||"")),o.close(),a(),e(!0)})})}window.blueWeb=window.blueWeb||{},window.blueWeb.dialog={ask:async function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return await l("ask",n,e)},tell:async function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};await l("tell",n,e)},verify:async function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return!0===await l("verify",n,e)}}})();
+(()=>{"use strict";var n={762:(n,e,t)=>{function o(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}t.d(e,{Os:()=>a});const a=()=>o()+o()+"-"+o()+"-"+o()+"-"+o()+"-"+o()+o()+o()},786:(n,e,t)=>{t.d(e,{k:()=>a});const o={Cancel:["Cancel","Abbrechen"],Yes:["Yes","Ja"],No:["No","Nein"],Message:["Message","Nachricht"],"Toggle menu":["Toggle menu","Menü umschalten"],"Close all":["Close all","Alle schließen"],Error:["Error","Fehler"],Information:["Information","Information"],Loading:["Loading","Laden"],Successful:["Successful","Erfolgreich"]};function a(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;return e=e||navigator.language.toLowerCase().indexOf("de")>-1?"de-DE":"en-US",t=t||o,t[n]?e.indexOf("de-")>-1?t[n][1]:t[n][0]:n}}},e={};function t(o){var a=e[o];if(void 0!==a)return a.exports;var l=e[o]={exports:{}};return n[o](l,l.exports,t),l.exports}t.d=(n,e)=>{for(var o in e)t.o(e,o)&&!t.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:e[o]})},t.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e);var o=t(762),a=t(786);async function l(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},{title:l=(0,a.k)("Message"),icon:c,switchPrimaryBtn:i=!1,acceptBtnText:r=("verify"===n?(0,a.k)("Yes"):"OK"),cancelBtnText:s=("verify"===n?(0,a.k)("No"):(0,a.k)("Cancel")),inputType:d="text",defaultValue:u}="string"==typeof t?JSON.parse(t):t;const m=(0,o.Os)();return document.getElementById(m)||document.body.insertAdjacentHTML("beforeend",'<dialog class="blue-modal modal" id="'.concat(m,'" aria-labelledby="').concat(m,'-label">\n                <div class="modal-dialog">\n                    <div class="modal-content">\n                        <form>\n                            <div class="modal-header">\n                                ').concat(c?'<div class="me-2">'.concat(c,"</div>"):"",'\n                                <h1 class="modal-title fs-5" id="').concat(m,'-label">').concat(l,'</h1>\n                                <button\n                                    type="button"\n                                    class="btn-close"\n                                    aria-label="').concat(s,'"\n                                    onclick="document.getElementById(\'').concat(m,'\').close()"\n                                ></button>\n                            </div>\n                            <div class="modal-body">\n                                ').concat("ask"===n?'<label for="'.concat(m,'-input">').concat(e,'</label>\n                                          <input\n                                              type="').concat(d,'"\n                                              ').concat(void 0!==u?' value="'.concat(u,'"'):"",'\n                                              id="').concat(m,'-input"\n                                              class="form-control mt-3"\n                                          />'):e,'\n                            </div>\n                            <div class="modal-footer">\n                                ').concat("verify"===n||"ask"===n?'<button\n                                          type="button"\n                                          class="btn '.concat(i?"btn-primary":"blue-btn-plain-primary",'"\n                                          onclick="document.getElementById(\'').concat(m,"').close()\"\n                                      >\n                                          ").concat(s,"\n                                      </button>"):"",'\n                                <button\n                                    type="submit"\n                                    class="btn ').concat(i?"blue-btn-plain-primary":"btn-primary",'"\n                                >\n                                    ').concat(r,'\n                                </button>\n                            </div>\n                        </form>\n                    </div>\n                </div>\n\n                <form method="dialog" class="blue-modal-backdrop">\n                    <button>').concat(s,"</button>\n                </form>\n            </dialog>")),new Promise(e=>{var t;const o=document.getElementById(m),a=()=>{const n=document.getElementById(m);n&&n.remove()};null==o||o.showModal(),null==o||o.addEventListener("close",()=>{a(),e(!1)}),null==o||null===(t=o.querySelector(".modal-content > form"))||void 0===t||t.addEventListener("submit",t=>{t.preventDefault(),"ask"===n&&(o.close(),a(),e((null==o?void 0:o.querySelector("input")).value||"")),o.close(),a(),e(!0)})})}window.blueWeb=window.blueWeb||{},window.blueWeb.dialog={ask:async function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return await l("ask",n,e)},tell:async function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};await l("tell",n,e)},verify:async function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return!0===await l("verify",n,e)}}})();

package/dist/js/dxf-viewer.js

@@ -0,0 +1,129 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { DxfViewer as DxfViewerLib } from "dxf-viewer";
+export class DxfViewer extends HTMLElement {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "viewer", null);
+    _defineProperty(this, "container", null);
+    _defineProperty(this, "resizeObserver", null);
+    _defineProperty(this, "THREE", null);
+  }
+  static get observedAttributes() {
+    return ["src", "clear-color", "auto-resize"];
+  }
+  async connectedCallback() {
+    if (!this.THREE) {
+      this.THREE = await import("three");
+    }
+    this.render();
+    this.loadDxf();
+  }
+  disconnectedCallback() {
+    this.cleanup();
+  }
+  attributeChangedCallback(name, oldValue, newValue) {
+    if (oldValue === newValue) return;
+    if (name === "src") {
+      this.loadDxf();
+    }
+  }
+  render() {
+    this.container = document.createElement("div");
+    this.container.style.width = "100%";
+    this.container.style.height = "100%";
+    this.container.style.minHeight = "400px";
+    this.appendChild(this.container);
+    if (this.getAttribute("auto-resize") !== "false") {
+      this.resizeObserver = new ResizeObserver(() => {
+        if (this.viewer && this.container) {
+          this.viewer.SetSize(this.container.clientWidth, this.container.clientHeight);
+        }
+      });
+      this.resizeObserver.observe(this.container);
+    }
+  }
+  async loadDxf() {
+    if (!this.container) return;
+    const src = this.getAttribute("src");
+    if (!src) return;
+    try {
+      if (this.viewer) {
+        this.viewer.Destroy();
+        this.viewer = null;
+      }
+      this.container.innerHTML = "";
+      this.viewer = new DxfViewerLib(this.container, {
+        clearColor: this.parseClearColor(this.getAttribute("clear-color") || "#ffffff"),
+        autoResize: this.getAttribute("auto-resize") !== "false",
+        sceneOptions: {
+          wireframeMesh: this.getAttribute("wireframe") === "true"
+        }
+      });
+      const fontsAttr = this.getAttribute("fonts");
+      const fonts = fontsAttr ? fontsAttr.split(",").map(f => f.trim()) : null;
+      await this.viewer.Load({
+        url: src,
+        fonts: fonts
+      });
+      this.viewer.Subscribe("loaded", () => {
+        this.dispatchEvent(new CustomEvent("dxf-loaded", {
+          detail: {
+            viewer: this.viewer
+          }
+        }));
+      });
+      this.viewer.Subscribe("message", event => {
+        console.log("DXF Viewer message:", event.message);
+      });
+    } catch (error) {
+      console.error("Error loading DXF file:", error);
+      this.dispatchEvent(new CustomEvent("dxf-error", {
+        detail: {
+          error
+        }
+      }));
+    }
+  }
+  parseClearColor(color) {
+    if (!this.THREE) return null;
+    if (!color) return new this.THREE.Color(0xffffff);
+    return new this.THREE.Color(color);
+  }
+  cleanup() {
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+      this.resizeObserver = null;
+    }
+    if (this.viewer) {
+      this.viewer.Destroy();
+      this.viewer = null;
+    }
+  }
+  getViewer() {
+    return this.viewer;
+  }
+  async reload() {
+    await this.loadDxf();
+  }
+  showLayer(name, show) {
+    if (this.viewer) {
+      this.viewer.ShowLayer(name, show);
+    }
+  }
+  fitView(minX, maxX, minY, maxY) {
+    let padding = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+    if (this.viewer) {
+      this.viewer.FitView(minX, maxX, minY, maxY, padding);
+    }
+  }
+  getLayers() {
+    return this.viewer ? Array.from(this.viewer.GetLayers()) : [];
+  }
+  getBounds() {
+    var _this$viewer;
+    return ((_this$viewer = this.viewer) === null || _this$viewer === void 0 ? void 0 : _this$viewer.GetBounds()) || null;
+  }
+}
+customElements.define("dxf-viewer", DxfViewer);

package/dist/js/odometer.bundle.js

@@ -1 +1 @@
-(()=>{"use strict";var t={};t.d=(e,n)=>{for(var i in n)t.o(n,i)&&!t.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:n[i]})},t.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);class e extends HTMLElement{static get observedAttributes(){return["value"]}constructor(){var t,e,n;super(),t=this,n=!1,(e=function(t){var e=function(t){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==typeof e?e:e+""}(e="_initialized"))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,this.attachShadow({mode:"open"})}connectedCallback(){this._initialized||(this.setup(),this._initialized=!0,this.updateValue(this.value))}setup(){const t=document.createElement("style");t.textContent="\n        :host {\n          display: inline-flex;\n          min-width: 1em;\n          height: 1em;\n          text-align: center;\n          overflow: hidden;\n          line-height: 1em;\n          transition: background-color 0.3s;\n        }\n        .numbers {\n          display: flex;\n          flex-direction: column;\n          transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n        .numbers span {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          height: 1em;\n        }";const e=document.createElement("span");e.classList.add("numbers"),e.setAttribute("aria-hidden","true");for(let t=0;t<=9;t++){const n=document.createElement("span");n.textContent=String(t),e.appendChild(n)}const n=document.createElement("span");n.textContent="9+",e.appendChild(n),this.shadowRoot.append(t,e),this.wrapper=e}attributeChangedCallback(t,e,n){"value"===t&&n!==e&&this._initialized&&this.updateValue(parseInt(null!=n?n:"0",10))}updateValue(t){const e=t>9?10:Math.max(0,t),n=this.wrapper.getBoundingClientRect().height||16;this.wrapper.style.transform="translateY(-".concat(e*n,"px)");const i=t>9?"9+":"".concat(t);this.setAttribute("aria-label",i)}set value(t){this.value!==t&&(this.setAttribute("value",String(t)),this._initialized&&this.updateValue(t))}get value(){return parseInt(this.getAttribute("value")||"0",10)||0}}customElements.get("bl-odometer")||customElements.define("bl-odometer",e)})();
+(()=>{"use strict";var t={};t.d=(e,n)=>{for(var i in n)t.o(n,i)&&!t.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:n[i]})},t.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);class e extends HTMLElement{static get observedAttributes(){return["value","max"]}constructor(){var t,e,n;super(),t=this,n=!1,(e=function(t){var e=function(t){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,"string");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==typeof e?e:e+""}(e="_initialized"))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,this.attachShadow({mode:"open"})}connectedCallback(){this._initialized||(this.setup(),this._initialized=!0,this.updateValue(this.value))}setup(){const t=document.createElement("style");t.textContent="\n        :host {\n          display: inline-flex;\n          min-width: 1em;\n          height: 1em;\n          text-align: center;\n          overflow: hidden;\n          line-height: 1em;\n          transition: background-color 0.3s;\n        }\n        .numbers {\n          display: flex;\n          flex-direction: column;\n          transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);\n        }\n        .numbers span {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          height: 1em;\n        }";const e=document.createElement("span");e.classList.add("numbers"),e.setAttribute("aria-hidden","true"),this.shadowRoot.append(t,e),this.wrapper=e,this.rebuildNumbers()}rebuildNumbers(){this.wrapper.innerHTML="";const t=this.max;for(let e=0;e<=t;e++){const t=document.createElement("span");t.textContent=String(e),this.wrapper.appendChild(t)}const e=document.createElement("span");e.textContent="".concat(t,"+"),this.wrapper.appendChild(e),this._initialized&&this.updateValue(this.value)}attributeChangedCallback(t,e,n){n!==e&&this._initialized&&("value"===t?this.updateValue(parseInt(null!=n?n:"0",10)):"max"===t&&this.rebuildNumbers())}updateValue(t){const e=this.max,n=t>e?e+1:Math.max(0,t),i=this.wrapper.getBoundingClientRect().height||16;this.wrapper.style.transform="translateY(-".concat(n*i,"px)");const a=t>e?"".concat(e,"+"):"".concat(t);this.setAttribute("aria-label",a)}set value(t){this.value!==t&&(this.setAttribute("value",String(t)),this._initialized&&(this.updateValue(t),this.dispatchEvent(new CustomEvent("change",{detail:{value:t},bubbles:!0,composed:!0}))))}get value(){return parseInt(this.getAttribute("value")||"0",10)||0}set max(t){this.setAttribute("max",String(t))}get max(){return parseInt(this.getAttribute("max")||"9",10)||9}}customElements.get("bl-odometer")||customElements.define("bl-odometer",e)})();

package/dist/js/odometer.d.ts

@@ -5,10 +5,13 @@ declare class Odometer extends HTMLElement {
     constructor();
     connectedCallback(): void;
     private setup;
+    private rebuildNumbers;
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     private updateValue;
     set value(value: number);
     get value(): number;
+    set max(value: number);
+    get max(): number;
 }
 export { Odometer };
 export default Odometer;

package/dist/js/odometer.js

@@ -3,7 +3,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 class Odometer extends HTMLElement {
   static get observedAttributes() {
-    return ["value"];
+    return ["value", "max"];
   }
   constructor() {
     super();
@@ -26,27 +26,42 @@ class Odometer extends HTMLElement {
     const wrapper = document.createElement("span");
     wrapper.classList.add("numbers");
     wrapper.setAttribute("aria-hidden", "true");
-    for (let i = 0; i <= 9; i++) {
+    this.shadowRoot.append(style, wrapper);
+    this.wrapper = wrapper;
+    this.rebuildNumbers();
+  }
+  rebuildNumbers() {
+    this.wrapper.innerHTML = "";
+    const max = this.max;
+    for (let i = 0; i <= max; i++) {
       const s = document.createElement("span");
       s.textContent = String(i);
-      wrapper.appendChild(s);
+      this.wrapper.appendChild(s);
     }
     const plus = document.createElement("span");
-    plus.textContent = "9+";
-    wrapper.appendChild(plus);
-    this.shadowRoot.append(style, wrapper);
-    this.wrapper = wrapper;
+    plus.textContent = "".concat(max, "+");
+    this.wrapper.appendChild(plus);
+
+    // Aktuellen Wert neu anwenden
+    if (this._initialized) {
+      this.updateValue(this.value);
+    }
   }
   attributeChangedCallback(name, oldValue, newValue) {
-    if (name === "value" && newValue !== oldValue && this._initialized) {
-      this.updateValue(parseInt(newValue !== null && newValue !== void 0 ? newValue : "0", 10));
+    if (newValue !== oldValue && this._initialized) {
+      if (name === "value") {
+        this.updateValue(parseInt(newValue !== null && newValue !== void 0 ? newValue : "0", 10));
+      } else if (name === "max") {
+        this.rebuildNumbers();
+      }
     }
   }
   updateValue(value) {
-    const index = value > 9 ? 10 : Math.max(0, value);
+    const max = this.max;
+    const index = value > max ? max + 1 : Math.max(0, value);
     const height = this.wrapper.getBoundingClientRect().height || 16;
     this.wrapper.style.transform = "translateY(-".concat(index * height, "px)");
-    const displayValue = value > 9 ? "9+" : "".concat(value);
+    const displayValue = value > max ? "".concat(max, "+") : "".concat(value);
     this.setAttribute("aria-label", displayValue);
   }
   set value(value) {
@@ -55,12 +70,25 @@ class Odometer extends HTMLElement {
       this.setAttribute("value", String(value));
       if (this._initialized) {
         this.updateValue(value);
+        this.dispatchEvent(new CustomEvent("change", {
+          detail: {
+            value
+          },
+          bubbles: true,
+          composed: true
+        }));
       }
     }
   }
   get value() {
     return parseInt(this.getAttribute("value") || "0", 10) || 0;
   }
+  set max(value) {
+    this.setAttribute("max", String(value));
+  }
+  get max() {
+    return parseInt(this.getAttribute("max") || "9", 10) || 9;
+  }
 }
 if (!customElements.get("bl-odometer")) {
   customElements.define("bl-odometer", Odometer);

package/dist/js/shared.js

@@ -6,7 +6,9 @@ const phrases = {
   "Toggle menu": ["Toggle menu", "Menü umschalten"],
   "Close all": ["Close all", "Alle schließen"],
   Error: ["Error", "Fehler"],
-  Information: ["Information", "Information"]
+  Information: ["Information", "Information"],
+  Loading: ["Loading", "Laden"],
+  Successful: ["Successful", "Erfolgreich"]
 };
 export function getPhrase(keyword) {
   let countryCode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;