@sme.up/ketchup 6.8.0 → 7.0.0

package/dist/components/kup-probe.js

@@ -0,0 +1,403 @@
+import { proxyCustomElement, HTMLElement, forceUpdate, h, Host } from '@stencil/core/internal/client';
+import { k as kupManagerInstance, c as componentWrapperId, d as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, h as defineCustomElement$6, i as defineCustomElement$7, j as defineCustomElement$8, l as defineCustomElement$9, m as defineCustomElement$a, n as defineCustomElement$b, o as defineCustomElement$c, p as defineCustomElement$d, q as defineCustomElement$e, r as defineCustomElement$f, t as defineCustomElement$g, u as defineCustomElement$h, v as defineCustomElement$i, w as defineCustomElement$j, x as defineCustomElement$k, y as defineCustomElement$l, z as defineCustomElement$m, A as defineCustomElement$n, B as defineCustomElement$o, C as defineCustomElement$p, D as defineCustomElement$q, E as defineCustomElement$r } from './kup-autocomplete2.js';
+
+const KupProbe$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Uncomment the code below to test render times with many props (100).
+     */
+    /*
+    @Prop({ reflect: true }) test001 = 'null';
+    @Prop({ reflect: true }) test002 = 'null';
+    @Prop({ reflect: true }) test003 = 'null';
+    @Prop({ reflect: true }) test004 = 'null';
+    @Prop({ reflect: true }) test005 = 'null';
+    @Prop({ reflect: true }) test006 = 'null';
+    @Prop({ reflect: true }) test007 = 'null';
+    @Prop({ reflect: true }) test008 = 'null';
+    @Prop({ reflect: true }) test009 = 'null';
+    @Prop({ reflect: true }) test010 = 'null';
+    @Prop({ reflect: true }) test011 = 'null';
+    @Prop({ reflect: true }) test012 = 'null';
+    @Prop({ reflect: true }) test013 = 'null';
+    @Prop({ reflect: true }) test014 = 'null';
+    @Prop({ reflect: true }) test015 = 'null';
+    @Prop({ reflect: true }) test016 = 'null';
+    @Prop({ reflect: true }) test017 = 'null';
+    @Prop({ reflect: true }) test018 = 'null';
+    @Prop({ reflect: true }) test019 = 'null';
+    @Prop({ reflect: true }) test020 = 'null';
+    @Prop({ reflect: true }) test021 = 'null';
+    @Prop({ reflect: true }) test022 = 'null';
+    @Prop({ reflect: true }) test023 = 'null';
+    @Prop({ reflect: true }) test024 = 'null';
+    @Prop({ reflect: true }) test025 = 'null';
+    @Prop({ reflect: true }) test026 = 'null';
+    @Prop({ reflect: true }) test027 = 'null';
+    @Prop({ reflect: true }) test028 = 'null';
+    @Prop({ reflect: true }) test029 = 'null';
+    @Prop({ reflect: true }) test030 = 'null';
+    @Prop({ reflect: true }) test031 = 'null';
+    @Prop({ reflect: true }) test032 = 'null';
+    @Prop({ reflect: true }) test033 = 'null';
+    @Prop({ reflect: true }) test034 = 'null';
+    @Prop({ reflect: true }) test035 = 'null';
+    @Prop({ reflect: true }) test036 = 'null';
+    @Prop({ reflect: true }) test037 = 'null';
+    @Prop({ reflect: true }) test038 = 'null';
+    @Prop({ reflect: true }) test039 = 'null';
+    @Prop({ reflect: true }) test040 = 'null';
+    @Prop({ reflect: true }) test041 = 'null';
+    @Prop({ reflect: true }) test042 = 'null';
+    @Prop({ reflect: true }) test043 = 'null';
+    @Prop({ reflect: true }) test044 = 'null';
+    @Prop({ reflect: true }) test045 = 'null';
+    @Prop({ reflect: true }) test046 = 'null';
+    @Prop({ reflect: true }) test047 = 'null';
+    @Prop({ reflect: true }) test048 = 'null';
+    @Prop({ reflect: true }) test049 = 'null';
+    @Prop({ reflect: true }) test050 = 'null';
+    @Prop({ reflect: true }) test051 = 'null';
+    @Prop({ reflect: true }) test052 = 'null';
+    @Prop({ reflect: true }) test053 = 'null';
+    @Prop({ reflect: true }) test054 = 'null';
+    @Prop({ reflect: true }) test055 = 'null';
+    @Prop({ reflect: true }) test056 = 'null';
+    @Prop({ reflect: true }) test057 = 'null';
+    @Prop({ reflect: true }) test058 = 'null';
+    @Prop({ reflect: true }) test059 = 'null';
+    @Prop({ reflect: true }) test060 = 'null';
+    @Prop({ reflect: true }) test061 = 'null';
+    @Prop({ reflect: true }) test062 = 'null';
+    @Prop({ reflect: true }) test063 = 'null';
+    @Prop({ reflect: true }) test064 = 'null';
+    @Prop({ reflect: true }) test065 = 'null';
+    @Prop({ reflect: true }) test066 = 'null';
+    @Prop({ reflect: true }) test067 = 'null';
+    @Prop({ reflect: true }) test068 = 'null';
+    @Prop({ reflect: true }) test069 = 'null';
+    @Prop({ reflect: true }) test070 = 'null';
+    @Prop({ reflect: true }) test071 = 'null';
+    @Prop({ reflect: true }) test072 = 'null';
+    @Prop({ reflect: true }) test073 = 'null';
+    @Prop({ reflect: true }) test074 = 'null';
+    @Prop({ reflect: true }) test075 = 'null';
+    @Prop({ reflect: true }) test076 = 'null';
+    @Prop({ reflect: true }) test077 = 'null';
+    @Prop({ reflect: true }) test078 = 'null';
+    @Prop({ reflect: true }) test079 = 'null';
+    @Prop({ reflect: true }) test080 = 'null';
+    @Prop({ reflect: true }) test081 = 'null';
+    @Prop({ reflect: true }) test082 = 'null';
+    @Prop({ reflect: true }) test083 = 'null';
+    @Prop({ reflect: true }) test084 = 'null';
+    @Prop({ reflect: true }) test085 = 'null';
+    @Prop({ reflect: true }) test086 = 'null';
+    @Prop({ reflect: true }) test087 = 'null';
+    @Prop({ reflect: true }) test088 = 'null';
+    @Prop({ reflect: true }) test089 = 'null';
+    @Prop({ reflect: true }) test090 = 'null';
+    @Prop({ reflect: true }) test091 = 'null';
+    @Prop({ reflect: true }) test092 = 'null';
+    @Prop({ reflect: true }) test093 = 'null';
+    @Prop({ reflect: true }) test094 = 'null';
+    @Prop({ reflect: true }) test095 = 'null';
+    @Prop({ reflect: true }) test096 = 'null';
+    @Prop({ reflect: true }) test097 = 'null';
+    @Prop({ reflect: true }) test098 = 'null';
+    @Prop({ reflect: true }) test099 = 'null';
+    @Prop({ reflect: true }) test100 = 'null';
+    */
+    /*-------------------------------------------------*/
+    /*       I n t e r n a l   V a r i a b l e s       */
+    /*-------------------------------------------------*/
+    /**
+     * Instance of the KupManager class.
+     */
+    this.kupManager = kupManagerInstance();
+    /**
+     * Start performance.now()
+     */
+    this.startTime = performance.now();
+    /**
+     * Start performance.now() inside componentWillLoad() lifecycle hook - to measure actual features
+     */
+    this.featuresStartTime = null;
+    /**
+     * End performance.now()
+     */
+    this.endTime = null;
+    this.content = null;
+    this.customStyle = '';
+    this.features = {
+      debug: false,
+      language: false,
+      longCycleProp: false,
+      longCycleVar: false,
+      objects: false,
+      objectsFunction: false,
+      theme: false,
+    };
+  }
+  /*-------------------------------------------------*/
+  /*           P u b l i c   M e t h o d s           */
+  /*-------------------------------------------------*/
+  /**
+   * This method is used to trigger a new render of the component.
+   */
+  async printLifecycleTime() {
+    const featuresTime = this.endTime - this.featuresStartTime;
+    const fullTime = this.endTime - this.startTime;
+    this.content =
+      'Full lifecycle of this probe (' +
+        this.rootElement.tagName +
+        '#' +
+        this.rootElement.id +
+        ') took ' +
+        fullTime +
+        'ms, while features took ' +
+        featuresTime +
+        'ms.';
+    return {
+      id: this.rootElement.id,
+      fullTime: fullTime,
+      featuresTime: featuresTime,
+    };
+  }
+  /**
+   * This method is used to trigger a new render of the component.
+   */
+  async refresh() {
+    forceUpdate(this);
+  }
+  /*-------------------------------------------------*/
+  /*           P r i v a t e   M e t h o d s         */
+  /*-------------------------------------------------*/
+  longCycleProp() {
+  }
+  longCycleVar() {
+  }
+  longCycleObjects() {
+    for (let index = 0; index < 1000000; index++) {
+      this.kupManager.objects.isNumber({ t: 'NR', p: '', k: '' });
+    }
+  }
+  longCycleObjectsFunction() {
+  }
+  /*-------------------------------------------------*/
+  /*          L i f e c y c l e   H o o k s          */
+  /*-------------------------------------------------*/
+  componentWillLoad() {
+    this.featuresStartTime = performance.now();
+    if (this.features.debug) {
+      this.kupManager.debug.logLoad(this, false);
+    }
+    if (this.features.language) {
+      this.kupManager.language.register(this);
+    }
+    if (this.features.longCycleProp) {
+      this.longCycleProp();
+    }
+    if (this.features.longCycleVar) {
+      this.longCycleVar();
+    }
+    if (this.features.objects) {
+      this.longCycleObjects();
+    }
+    if (this.features.objectsFunction) {
+      this.longCycleObjectsFunction();
+    }
+    if (this.features.theme) {
+      this.kupManager.theme.register(this);
+    }
+  }
+  componentDidLoad() {
+    if (this.features.debug) {
+      this.kupManager.debug.logLoad(this, true);
+    }
+    this.endTime = performance.now();
+  }
+  componentWillRender() {
+    if (this.features.debug) {
+      this.kupManager.debug.logRender(this, false);
+    }
+  }
+  componentDidRender() {
+    if (this.features.debug) {
+      this.kupManager.debug.logRender(this, true);
+    }
+  }
+  render() {
+    let customStyle = null;
+    if (this.features.theme) {
+      customStyle = this.kupManager.theme.setKupStyle(this.rootElement);
+    }
+    return (h(Host, null, customStyle ? h("style", null, customStyle) : null, h("div", { id: componentWrapperId }, this.content)));
+  }
+  disconnectedCallback() {
+    if (this.features.language) {
+      this.kupManager.language.unregister(this);
+    }
+    if (this.features.theme) {
+      this.kupManager.theme.unregister(this);
+    }
+  }
+  get rootElement() { return this; }
+}, [1, "kup-probe", {
+    "customStyle": [1, "custom-style"],
+    "features": [16],
+    "content": [32],
+    "printLifecycleTime": [64],
+    "refresh": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["kup-probe", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dropdown-button", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
+  components.forEach(tagName => { switch (tagName) {
+    case "kup-probe":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, KupProbe$1);
+      }
+      break;
+    case "kup-autocomplete":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$r();
+      }
+      break;
+    case "kup-badge":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$q();
+      }
+      break;
+    case "kup-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$p();
+      }
+      break;
+    case "kup-button-list":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$o();
+      }
+      break;
+    case "kup-card":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$n();
+      }
+      break;
+    case "kup-chart":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$m();
+      }
+      break;
+    case "kup-checkbox":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$l();
+      }
+      break;
+    case "kup-chip":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$k();
+      }
+      break;
+    case "kup-color-picker":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$j();
+      }
+      break;
+    case "kup-combobox":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$i();
+      }
+      break;
+    case "kup-data-table":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$h();
+      }
+      break;
+    case "kup-date-picker":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$g();
+      }
+      break;
+    case "kup-dropdown-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$f();
+      }
+      break;
+    case "kup-form":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$e();
+      }
+      break;
+    case "kup-gauge":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
+      }
+      break;
+    case "kup-image":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
+      }
+      break;
+    case "kup-list":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$b();
+      }
+      break;
+    case "kup-progress-bar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
+    case "kup-radio":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "kup-rating":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "kup-spinner":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "kup-switch":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "kup-tab-bar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "kup-text-field":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "kup-time-picker":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "kup-tree":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
+}
+
+const KupProbe = KupProbe$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { KupProbe, defineCustomElement };

package/dist/components/kup-progress-bar.d.ts

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

package/dist/components/kup-progress-bar.js

@@ -0,0 +1,6 @@
+import { aq as KupProgressBar$1, m as defineCustomElement$1 } from './kup-autocomplete2.js';
+
+const KupProgressBar = KupProgressBar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { KupProgressBar, defineCustomElement };

package/dist/components/kup-qlik.d.ts

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