blue-web 1.19.1 → 1.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1 @@
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)})();
@@ -0,0 +1,6 @@
1
+ declare class Button extends HTMLElement {
2
+ constructor();
3
+ connectedCallback(): void;
4
+ }
5
+ export { Button };
6
+ export default Button;
@@ -0,0 +1,16 @@
1
+ class Button extends HTMLElement {
2
+ constructor() {
3
+ super();
4
+ this.attachShadow({
5
+ mode: "open"
6
+ });
7
+ }
8
+ connectedCallback() {
9
+ this.shadowRoot.innerHTML = /* html*/"<button part=\"base\" type=\"button\">Hello world</button>";
10
+ }
11
+ }
12
+ if (!customElements.get("bl-button")) {
13
+ customElements.define("bl-button", Button);
14
+ }
15
+ export { Button };
16
+ export default Button;
@@ -1 +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)}}})();
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"],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)}}})();
@@ -0,0 +1,129 @@
1
+ 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; }
2
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
3
+ 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); }
4
+ import { DxfViewer as DxfViewerLib } from "dxf-viewer";
5
+ export class DxfViewer extends HTMLElement {
6
+ constructor() {
7
+ super(...arguments);
8
+ _defineProperty(this, "viewer", null);
9
+ _defineProperty(this, "container", null);
10
+ _defineProperty(this, "resizeObserver", null);
11
+ _defineProperty(this, "THREE", null);
12
+ }
13
+ static get observedAttributes() {
14
+ return ["src", "clear-color", "auto-resize"];
15
+ }
16
+ async connectedCallback() {
17
+ if (!this.THREE) {
18
+ this.THREE = await import("three");
19
+ }
20
+ this.render();
21
+ this.loadDxf();
22
+ }
23
+ disconnectedCallback() {
24
+ this.cleanup();
25
+ }
26
+ attributeChangedCallback(name, oldValue, newValue) {
27
+ if (oldValue === newValue) return;
28
+ if (name === "src") {
29
+ this.loadDxf();
30
+ }
31
+ }
32
+ render() {
33
+ this.container = document.createElement("div");
34
+ this.container.style.width = "100%";
35
+ this.container.style.height = "100%";
36
+ this.container.style.minHeight = "400px";
37
+ this.appendChild(this.container);
38
+ if (this.getAttribute("auto-resize") !== "false") {
39
+ this.resizeObserver = new ResizeObserver(() => {
40
+ if (this.viewer && this.container) {
41
+ this.viewer.SetSize(this.container.clientWidth, this.container.clientHeight);
42
+ }
43
+ });
44
+ this.resizeObserver.observe(this.container);
45
+ }
46
+ }
47
+ async loadDxf() {
48
+ if (!this.container) return;
49
+ const src = this.getAttribute("src");
50
+ if (!src) return;
51
+ try {
52
+ if (this.viewer) {
53
+ this.viewer.Destroy();
54
+ this.viewer = null;
55
+ }
56
+ this.container.innerHTML = "";
57
+ this.viewer = new DxfViewerLib(this.container, {
58
+ clearColor: this.parseClearColor(this.getAttribute("clear-color") || "#ffffff"),
59
+ autoResize: this.getAttribute("auto-resize") !== "false",
60
+ sceneOptions: {
61
+ wireframeMesh: this.getAttribute("wireframe") === "true"
62
+ }
63
+ });
64
+ const fontsAttr = this.getAttribute("fonts");
65
+ const fonts = fontsAttr ? fontsAttr.split(",").map(f => f.trim()) : null;
66
+ await this.viewer.Load({
67
+ url: src,
68
+ fonts: fonts
69
+ });
70
+ this.viewer.Subscribe("loaded", () => {
71
+ this.dispatchEvent(new CustomEvent("dxf-loaded", {
72
+ detail: {
73
+ viewer: this.viewer
74
+ }
75
+ }));
76
+ });
77
+ this.viewer.Subscribe("message", event => {
78
+ console.log("DXF Viewer message:", event.message);
79
+ });
80
+ } catch (error) {
81
+ console.error("Error loading DXF file:", error);
82
+ this.dispatchEvent(new CustomEvent("dxf-error", {
83
+ detail: {
84
+ error
85
+ }
86
+ }));
87
+ }
88
+ }
89
+ parseClearColor(color) {
90
+ if (!this.THREE) return null;
91
+ if (!color) return new this.THREE.Color(0xffffff);
92
+ return new this.THREE.Color(color);
93
+ }
94
+ cleanup() {
95
+ if (this.resizeObserver) {
96
+ this.resizeObserver.disconnect();
97
+ this.resizeObserver = null;
98
+ }
99
+ if (this.viewer) {
100
+ this.viewer.Destroy();
101
+ this.viewer = null;
102
+ }
103
+ }
104
+ getViewer() {
105
+ return this.viewer;
106
+ }
107
+ async reload() {
108
+ await this.loadDxf();
109
+ }
110
+ showLayer(name, show) {
111
+ if (this.viewer) {
112
+ this.viewer.ShowLayer(name, show);
113
+ }
114
+ }
115
+ fitView(minX, maxX, minY, maxY) {
116
+ let padding = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
117
+ if (this.viewer) {
118
+ this.viewer.FitView(minX, maxX, minY, maxY, padding);
119
+ }
120
+ }
121
+ getLayers() {
122
+ return this.viewer ? Array.from(this.viewer.GetLayers()) : [];
123
+ }
124
+ getBounds() {
125
+ var _this$viewer;
126
+ return ((_this$viewer = this.viewer) === null || _this$viewer === void 0 ? void 0 : _this$viewer.GetBounds()) || null;
127
+ }
128
+ }
129
+ customElements.define("dxf-viewer", DxfViewer);
package/dist/js/shared.js CHANGED
@@ -6,7 +6,9 @@ const phrases = {
6
6
  "Toggle menu": ["Toggle menu", "Menü umschalten"],
7
7
  "Close all": ["Close all", "Alle schließen"],
8
8
  Error: ["Error", "Fehler"],
9
- Information: ["Information", "Information"]
9
+ Information: ["Information", "Information"],
10
+ Loading: ["Loading", "Laden"],
11
+ Successful: ["Successful", "Erfolgreich"]
10
12
  };
11
13
  export function getPhrase(keyword) {
12
14
  let countryCode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;