@sme.up/ketchup 6.8.0 → 7.0.0

package/dist/components/kup-qlik.js

@@ -0,0 +1,302 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { k as kupManagerInstance, 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 kupQlikCss = ".kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height)/2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height)/3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height)*2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height)*3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-color, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";
+
+const KupQlik$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    /**
+     * Instance of the KupManager class.
+     */
+    this.kupManager = kupManagerInstance();
+    this.config = undefined;
+    this.qlik = undefined;
+    this.appid = '';
+    this.app = false;
+    this.grid = [];
+    this.debug = false;
+    this.fluid = false;
+    this.bordered = false;
+    this.defobjsize = '400px';
+    this.divlist = [];
+  }
+  /**
+   * Get objects from qlik and assign id to html div
+   * @param grid
+   */
+  getObjects(grid) {
+    let noSelections;
+    return new Promise((resolve) => {
+      grid.rows.forEach((row) => {
+        row.columns.forEach((column) => {
+          noSelections = false;
+          if (column.noSelections)
+            noSelections = column.noSelections;
+          this.app.getObject(column.obj, column.obj, {
+            noInteraction: false,
+            noSelections: noSelections,
+          });
+        });
+      });
+      resolve(true);
+    });
+  }
+  /**
+   * Do field selection in Qlik app
+   * @param grid
+   */
+  doSelection(grid) {
+    return new Promise((resolve) => {
+      if (grid.selections) {
+        grid.selections.forEach((selection) => {
+          this.app
+            .field(selection.field)
+            .selectValues(selection.values, false, true);
+        });
+      }
+      resolve(true);
+    });
+  }
+  /**
+   * Set dimamic variable "divlist" with grid structure before render
+   * @param grid
+   */
+  setRender(grid) {
+    return new Promise((resolve) => {
+      this.divlist = [];
+      grid.rows.forEach((row) => {
+        let tmp = [];
+        row.columns.forEach((column) => {
+          let style = 'qvobject ';
+          if (this.bordered) {
+            style = style + 'bordered ';
+          }
+          style =
+            style +
+              'width-' +
+              column.colDim +
+              ' size-' +
+              column.size;
+          if (column.obj != '')
+            tmp.push(h("div", { id: column.obj, class: style }));
+          else
+            tmp.push(h("div", { class: style }));
+        });
+        this.divlist.push(h("div", { class: "kup-qlik-row" }, tmp));
+      });
+      resolve(true);
+    });
+  }
+  componentWillLoad() {
+    this.kupManager.debug.logLoad(this, false);
+  }
+  componentDidLoad() {
+    this.kupManager.debug.logLoad(this, true);
+  }
+  componentWillRender() {
+    this.kupManager.debug.logRender(this, false);
+    this.setRender(this.grid);
+  }
+  render() {
+    let classLayout = null;
+    let layoutStyle = null;
+    if (this.fluid) {
+      classLayout = {
+        ['kup-qlik-container-fluid']: true,
+      };
+    }
+    else {
+      classLayout = {
+        ['kup-qlik-container']: true,
+      };
+    }
+    layoutStyle = {
+      ['--lyo_obj-height']: this.defobjsize,
+    };
+    return (h("div", { class: classLayout, style: layoutStyle }, this.divlist));
+  }
+  componentDidRender() {
+    if (this.debug) {
+      console.log('Grid', this.grid);
+    }
+    if (this.qlik) {
+      if (this.appid != '' && !this.app) {
+        this.app = this.qlik.openApp(this.appid, this.config);
+      }
+      else {
+        if (this.debug) {
+          console.log('App already open:', this.app);
+        }
+      }
+      if (this.app) {
+        this.getObjects(this.grid).then(() => {
+          this.doSelection(this.grid);
+        });
+      }
+    }
+    this.kupManager.debug.logRender(this, true);
+  }
+  get rootElement() { return this; }
+  static get style() { return kupQlikCss; }
+}, [0, "kup-qlik", {
+    "config": [16],
+    "qlik": [8],
+    "appid": [513],
+    "app": [520],
+    "grid": [16],
+    "debug": [4],
+    "fluid": [4],
+    "bordered": [4],
+    "defobjsize": [1],
+    "divlist": [32]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["kup-qlik", "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-qlik":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, KupQlik$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 KupQlik = KupQlik$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { KupQlik, defineCustomElement };

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

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

package/dist/components/kup-radio.js

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

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

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

package/dist/components/kup-rating.js

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

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

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

package/dist/components/kup-snackbar.js

@@ -0,0 +1,272 @@
+import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
+import { k as kupManagerInstance, g as getProps, s as setProps, c as componentWrapperId, T as FButton, 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 snackbarClass = 'snackbar';
+/**
+ * Props of the kup-snackbar component.
+ * Used to export every prop in an object.
+ */
+var KupSnackbarProps;
+(function (KupSnackbarProps) {
+  KupSnackbarProps["actionButton"] = "Set of FButton props to set the action button.";
+  KupSnackbarProps["closeButton"] = "When true, the hide button will be displayed.";
+  KupSnackbarProps["customStyle"] = "Custom style of the component.";
+  KupSnackbarProps["text"] = "Sets the textual content of the snackbar.";
+  KupSnackbarProps["timeout"] = "Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds.";
+})(KupSnackbarProps || (KupSnackbarProps = {}));
+
+const kupSnackbarCss = ":host{animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background:var(--kup-navbar-background-color);border-radius:5px;box-shadow:var(--kup-box-shadow);color:var(--kup-navbar-color);display:flex;justify-content:flex-start;max-width:672px;min-height:48px;min-width:344px}.snackbar__text{padding:14px 16px;pointer-events:all;white-space:nowrap}.snackbar__buttons{--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);align-items:center;display:flex;justify-content:flex-end;margin-right:8px;pointer-events:all;width:100%}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";
+
+const KupSnackbar$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.kupActionClick = createEvent(this, "kup-snackbar-actionclick", 6);
+    /*-------------------------------------------------*/
+    /*       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();
+    this.visible = false;
+    this.actionButton = null;
+    this.closeButton = true;
+    this.customStyle = '';
+    this.text = '';
+    this.timeout = null;
+  }
+  onKupActionClick() {
+    this.hide();
+    this.kupActionClick.emit({
+      comp: this,
+      id: this.rootElement.id,
+    });
+  }
+  /*-------------------------------------------------*/
+  /*           P u b l i c   M e t h o d s           */
+  /*-------------------------------------------------*/
+  /**
+   * Used to retrieve component's props values.
+   * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+   * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+   */
+  async getProps(descriptions) {
+    return getProps(this, KupSnackbarProps, descriptions);
+  }
+  /**
+   * Hides the snackbar.
+   */
+  async hide() {
+    this.visible = false;
+  }
+  /**
+   * This method is used to trigger a new render of the component.
+   */
+  async refresh() {
+    forceUpdate(this);
+  }
+  /**
+   * Sets the props to the component.
+   * @param {GenericObject} props - Object containing props that will be set to the component.
+   */
+  async setProps(props) {
+    setProps(this, KupSnackbarProps, props);
+  }
+  /**
+   * Displays the snackbar.
+   */
+  async show() {
+    this.visible = true;
+  }
+  /*-------------------------------------------------*/
+  /*          L i f e c y c l e   H o o k s          */
+  /*-------------------------------------------------*/
+  componentWillLoad() {
+    this.kupManager.debug.logLoad(this, false);
+    this.kupManager.theme.register(this);
+  }
+  componentDidLoad() {
+    this.kupManager.debug.logLoad(this, true);
+  }
+  componentWillRender() {
+    this.kupManager.debug.logRender(this, false);
+  }
+  componentDidRender() {
+    if (this.timeout && this.visible) {
+      setTimeout(() => {
+        this.hide();
+      }, this.timeout);
+    }
+    this.kupManager.debug.logRender(this, true);
+  }
+  render() {
+    return (h(Host, { "kup-visible": this.visible }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: snackbarClass }, h("div", { class: `${snackbarClass}__text` }, this.text), this.actionButton || this.closeButton ? (h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (h("div", { class: `${snackbarClass}__action` }, h(FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (h("div", { class: `${snackbarClass}__close` }, h(FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
+  }
+  disconnectedCallback() {
+    this.kupManager.theme.unregister(this);
+  }
+  get rootElement() { return this; }
+  static get style() { return kupSnackbarCss; }
+}, [1, "kup-snackbar", {
+    "actionButton": [16],
+    "closeButton": [4, "close-button"],
+    "customStyle": [1, "custom-style"],
+    "text": [1],
+    "timeout": [2],
+    "visible": [32],
+    "getProps": [64],
+    "hide": [64],
+    "refresh": [64],
+    "setProps": [64],
+    "show": [64]
+  }]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["kup-snackbar", "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-snackbar":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, KupSnackbar$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 KupSnackbar = KupSnackbar$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { KupSnackbar, defineCustomElement };

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

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

package/dist/components/kup-spinner.js

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

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

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

package/dist/components/kup-switch.js

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

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

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

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

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