@sme.up/ketchup 9.2.0 → 9.3.0

package/dist/collection/components/kup-card/dialog/kup-card-dialog.js

@@ -10,17 +10,17 @@ const dom = document.documentElement;
  * @returns {VNode} 1st standard layout virtual node.
  */
 export function create1(component) {
-  //Title, subtitle and description
-  const textArray = component.data['text']
-    ? component.data['text']
-    : [];
-  const divs = [];
-  //Loop starts from 1: occurence [0] is the dialog's title
-  for (let index = 1; index < textArray.length; index++) {
-    const isEven = index % 2 == 0;
-    divs.push(h("span", { class: `text ${!isEven ? 'label' : ''}` }, textArray[index]));
-  }
-  return (h("div", { class: `dialog-layout-${component.layoutNumber} dialog-element` }, dialogHeader(textArray[0]), h("div", { class: "section-1" }, divs)));
+    //Title, subtitle and description
+    const textArray = component.data['text']
+        ? component.data['text']
+        : [];
+    const divs = [];
+    //Loop starts from 1: occurence [0] is the dialog's title
+    for (let index = 1; index < textArray.length; index++) {
+        const isEven = index % 2 == 0;
+        divs.push(h("span", { class: `text ${!isEven ? 'label' : ''}` }, textArray[index]));
+    }
+    return (h("div", { class: `dialog-layout-${component.layoutNumber} dialog-element` }, dialogHeader(textArray[0]), h("div", { class: "section-1" }, divs)));
 }
 /**
  * 2nd dialog card layout, used to display information in string format and features an highlighted row on top.
@@ -28,17 +28,17 @@ export function create1(component) {
  * @returns {VNode} 1st standard layout virtual node.
  */
 export function create2(component) {
-  //Title, subtitle and description
-  const textArray = component.data['text']
-    ? component.data['text']
-    : [];
-  const divs = [];
-  //Loop starts from 3: occurence [0] is the dialog's title, [1] and [2] are the highlighted strings
-  for (let index = 3; index < textArray.length; index++) {
-    const isEven = index % 2 == 0;
-    divs.push(h("span", { class: `text ${!isEven ? 'label' : ''}` }, textArray[index]));
-  }
-  return (h("div", { class: `dialog-layout-${component.layoutNumber} dialog-element` }, textArray[0] ? dialogHeader(textArray[0]) : dialogHeader(''), textArray[1] && textArray[2] ? (h("div", { class: "section-1" }, h("div", { class: "text label" }, textArray[1]), h("div", { class: "text " }, textArray[2]))) : null, h("div", { class: "section-2" }, divs)));
+    //Title, subtitle and description
+    const textArray = component.data['text']
+        ? component.data['text']
+        : [];
+    const divs = [];
+    //Loop starts from 3: occurence [0] is the dialog's title, [1] and [2] are the highlighted strings
+    for (let index = 3; index < textArray.length; index++) {
+        const isEven = index % 2 == 0;
+        divs.push(h("span", { class: `text ${!isEven ? 'label' : ''}` }, textArray[index]));
+    }
+    return (h("div", { class: `dialog-layout-${component.layoutNumber} dialog-element` }, textArray[0] ? dialogHeader(textArray[0]) : dialogHeader(''), textArray[1] && textArray[2] ? (h("div", { class: "section-1" }, h("div", { class: "text label" }, textArray[1]), h("div", { class: "text " }, textArray[2]))) : null, h("div", { class: "section-2" }, divs)));
 }
 /**
  * 3rd dialog card layout, buttons and text lines, used for debug window.
@@ -46,21 +46,21 @@ export function create2(component) {
  * @returns {VNode} 1st standard layout virtual node.
  */
 export function create3(component) {
-  //Action buttons
-  const buttonArray = component.data['button']
-    ? component.data['button']
-    : [];
-  //Combobox list
-  const comboboxArray = component.data['combobox']
-    ? component.data['combobox']
-    : [];
-  //Slot list
-  const slots = Array.prototype.slice.call(component.rootElement.children, 0);
-  //Textfield list
-  const textfieldArray = component.data['textfield']
-    ? component.data['textfield']
-    : [];
-  return (h("div", { class: `dialog-layout-${component.layoutNumber} ${KupCardCSSClasses.DIALOG_UNRESIZABLE}` }, h("div", null, buttonArray.length > 0 || textfieldArray.length > 0 ? (h("div", { class: "section-1" }, h(FImage, { id: KupCardIds.DRAG_HANDLE, resource: "drag_handle", sizeX: "32px", sizeY: "32px" }), compList(buttonArray, 'button'), compList(textfieldArray, 'textfield'), compList(comboboxArray, 'combobox'))) : null, slots.length > 0 ? (h("div", { class: "section-2" }, compList(slots, 'slot'))) : null)));
+    //Action buttons
+    const buttonArray = component.data['button']
+        ? component.data['button']
+        : [];
+    //Combobox list
+    const comboboxArray = component.data['combobox']
+        ? component.data['combobox']
+        : [];
+    //Slot list
+    const slots = Array.prototype.slice.call(component.rootElement.children, 0);
+    //Textfield list
+    const textfieldArray = component.data['textfield']
+        ? component.data['textfield']
+        : [];
+    return (h("div", { class: `dialog-layout-${component.layoutNumber} ${KupCardCSSClasses.DIALOG_UNRESIZABLE}` }, h("div", null, buttonArray.length > 0 || textfieldArray.length > 0 ? (h("div", { class: "section-1" }, h(FImage, { id: KupCardIds.DRAG_HANDLE, resource: "drag_handle", sizeX: "32px", sizeY: "32px" }), compList(buttonArray, 'button'), compList(textfieldArray, 'textfield'), compList(comboboxArray, 'combobox'))) : null, slots.length > 0 ? (h("div", { class: "section-2" }, compList(slots, 'slot'))) : null)));
 }
 /**
  * 4th dialog card layout, used to display information with data table.
@@ -68,19 +68,19 @@ export function create3(component) {
  * @returns {VNode} 1st standard layout virtual node.
  */
 export function create4(component) {
-  //Action buttons
-  const buttonArray = component.data['button']
-    ? component.data['button']
-    : [];
-  //Dialog title
-  const textArray = component.data['text']
-    ? component.data['text']
-    : [];
-  //Datatable
-  const datatableArray = component.data['datatable']
-    ? component.data['datatable']
-    : [];
-  return (h("div", { class: `dialog-layout-${component.layoutNumber} dialog-element` }, textArray[0] ? dialogHeader(textArray[0]) : dialogHeader(''), datatableArray[0] && buttonArray[0] && buttonArray[1] ? (h("div", { class: "section-1" }, h("kup-button", Object.assign({}, buttonArray[0], { id: KupCardIds.PREVIOUS_ROW, "onkup-button-click": () => prevButton(component), title: dom.ketchup.language.translate(KupLanguageRow.PREVIOUS) })), h("kup-button", Object.assign({}, buttonArray[1], { id: KupCardIds.NEXT_ROW, "onkup-button-click": () => nextButton(component), title: dom.ketchup.language.translate(KupLanguageRow.NEXT) })))) : null, datatableArray[0] ? (h("div", { class: "section-2" }, h("kup-data-table", Object.assign({ id: "datatable1" }, datatableArray[0])))) : null));
+    //Action buttons
+    const buttonArray = component.data['button']
+        ? component.data['button']
+        : [];
+    //Dialog title
+    const textArray = component.data['text']
+        ? component.data['text']
+        : [];
+    //Datatable
+    const datatableArray = component.data['datatable']
+        ? component.data['datatable']
+        : [];
+    return (h("div", { class: `dialog-layout-${component.layoutNumber} dialog-element` }, textArray[0] ? dialogHeader(textArray[0]) : dialogHeader(''), datatableArray[0] && buttonArray[0] && buttonArray[1] ? (h("div", { class: "section-1" }, h("kup-button", Object.assign({}, buttonArray[0], { id: KupCardIds.PREVIOUS_ROW, "onkup-button-click": () => prevButton(component), title: dom.ketchup.language.translate(KupLanguageRow.PREVIOUS) })), h("kup-button", Object.assign({}, buttonArray[1], { id: KupCardIds.NEXT_ROW, "onkup-button-click": () => nextButton(component), title: dom.ketchup.language.translate(KupLanguageRow.NEXT) })))) : null, datatableArray[0] ? (h("div", { class: "section-2" }, h("kup-data-table", Object.assign({ id: "datatable1" }, datatableArray[0])))) : null));
 }
 /**
  * 5th dialog card layout, buttons and text lines, used for debug window.
@@ -88,17 +88,17 @@ export function create4(component) {
  * @returns {VNode} 1st standard layout virtual node.
  */
 export function create5(component) {
-  //Slot list
-  const slots = Array.prototype.slice.call(component.rootElement.children, 0);
-  //List
-  const listArray = component.data['list']
-    ? component.data['list']
-    : [];
-  //Dialog title
-  const textArray = component.data['text']
-    ? component.data['text']
-    : [];
-  return (h("div", { class: `dialog-layout-${component.layoutNumber} ${KupCardCSSClasses.DIALOG_UNRESIZABLE}` }, textArray[0] ? dialogHeader(textArray[0]) : dialogHeader(''), h("div", null, slots.length > 0 ? (h("div", { class: "section-1" }, compList(slots, 'slot'))) : null, listArray[0] ? (h("div", { class: "section-2" }, h("kup-list", Object.assign({ id: "list1" }, listArray[0])))) : null)));
+    //Slot list
+    const slots = Array.prototype.slice.call(component.rootElement.children, 0);
+    //List
+    const listArray = component.data['list']
+        ? component.data['list']
+        : [];
+    //Dialog title
+    const textArray = component.data['text']
+        ? component.data['text']
+        : [];
+    return (h("div", { class: `dialog-layout-${component.layoutNumber} ${KupCardCSSClasses.DIALOG_UNRESIZABLE}` }, textArray[0] ? dialogHeader(textArray[0]) : dialogHeader(''), h("div", null, slots.length > 0 ? (h("div", { class: "section-1" }, compList(slots, 'slot'))) : null, listArray[0] ? (h("div", { class: "section-2" }, h("kup-list", Object.assign({ id: "list1" }, listArray[0])))) : null)));
 }
 /**
  * 6th dialog card layout, a datatable or a spinner in its place.
@@ -106,15 +106,15 @@ export function create5(component) {
  * @returns {VNode} 1st standard layout virtual node.
  */
 export function create6(component) {
-  //Datatable
-  const datatableArray = component.data['datatable']
-    ? component.data['datatable']
-    : [];
-  //Dialog title
-  const textArray = component.data['text']
-    ? component.data['text']
-    : [];
-  return (h("div", { class: `dialog-layout-${component.layoutNumber}` }, textArray[0] ? dialogHeader(textArray[0]) : dialogHeader(''), h("div", { class: "section-1" }, datatableArray.length > 0 ? (h("kup-data-table", Object.assign({ id: "datatable1" }, datatableArray[0]))) : (h("kup-spinner", { active: true, dimensions: "7px", layout: 14 })))));
+    //Datatable
+    const datatableArray = component.data['datatable']
+        ? component.data['datatable']
+        : [];
+    //Dialog title
+    const textArray = component.data['text']
+        ? component.data['text']
+        : [];
+    return (h("div", { class: `dialog-layout-${component.layoutNumber}` }, textArray[0] ? dialogHeader(textArray[0]) : dialogHeader(''), h("div", { class: "section-1" }, datatableArray.length > 0 ? (h("kup-data-table", Object.assign({ id: "datatable1" }, datatableArray[0]))) : (h("kup-spinner", { active: true, dimensions: "7px", layout: 14 })))));
 }
 /**
  * 7th dialog card layout, a raw slot.
@@ -122,11 +122,11 @@ export function create6(component) {
  * @returns {VNode} 1st standard layout virtual node.
  */
 export function create7(component) {
-  //Dialog title
-  const textArray = component.data && component.data['text'] ? component.data['text'] : [];
-  //Slot list
-  const slots = Array.prototype.slice.call(component.rootElement.children, 0);
-  return (h("div", { class: `dialog-layout-${component.layoutNumber}` }, textArray[0] ? dialogHeader(textArray[0]) : dialogHeader(''), slots.length > 0 ? compList(slots, 'slot') : null));
+    //Dialog title
+    const textArray = component.data && component.data['text'] ? component.data['text'] : [];
+    //Slot list
+    const slots = Array.prototype.slice.call(component.rootElement.children, 0);
+    return (h("div", { class: `dialog-layout-${component.layoutNumber}` }, textArray[0] ? dialogHeader(textArray[0]) : dialogHeader(''), slots.length > 0 ? compList(slots, 'slot') : null));
 }
 /**
  * Invoked by 4th layout to switch to the previous record of the original data table.
@@ -134,36 +134,36 @@ export function create7(component) {
  * @param {KupCard} component - Card component.
  */
 function prevButton(component) {
-  const root = component.rootElement.shadowRoot;
-  let nextButton = null;
-  let prevButton = null;
-  let table = null;
-  let data = null;
-  if (root) {
-    table = root.querySelector('kup-data-table');
-    nextButton = root.querySelector('#' + KupCardIds.NEXT_ROW);
-    prevButton = root.querySelector('#' + KupCardIds.PREVIOUS_ROW);
-    if (table) {
-      data = table.data;
+    const root = component.rootElement.shadowRoot;
+    let nextButton = null;
+    let prevButton = null;
+    let table = null;
+    let data = null;
+    if (root) {
+        table = root.querySelector('kup-data-table');
+        nextButton = root.querySelector('#' + KupCardIds.NEXT_ROW);
+        prevButton = root.querySelector('#' + KupCardIds.PREVIOUS_ROW);
+        if (table) {
+            data = table.data;
+        }
     }
-  }
-  if (data) {
-    let visibleColumnIndex = getVisibleColumn(data);
-    if (visibleColumnIndex) {
-      const currColumn = data.columns[visibleColumnIndex];
-      const prevColumn = data.columns[visibleColumnIndex - 1];
-      const prevPrevColumn = data.columns[visibleColumnIndex - 2];
-      if (!isNaN(parseInt(prevColumn.name))) {
-        currColumn.visible = false;
-        prevColumn.visible = true;
-        if (isNaN(parseInt(prevPrevColumn.name))) {
-          prevButton.disabled = true;
+    if (data) {
+        let visibleColumnIndex = getVisibleColumn(data);
+        if (visibleColumnIndex) {
+            const currColumn = data.columns[visibleColumnIndex];
+            const prevColumn = data.columns[visibleColumnIndex - 1];
+            const prevPrevColumn = data.columns[visibleColumnIndex - 2];
+            if (!isNaN(parseInt(prevColumn.name))) {
+                currColumn.visible = false;
+                prevColumn.visible = true;
+                if (isNaN(parseInt(prevPrevColumn.name))) {
+                    prevButton.disabled = true;
+                }
+            }
+            nextButton.disabled = false;
         }
-      }
-      nextButton.disabled = false;
+        table.refresh();
     }
-    table.refresh();
-  }
 }
 /**
  * Invoked by 4th layout to switch to the next record of the original data table.
@@ -171,47 +171,47 @@ function prevButton(component) {
  * @param {KupCard} component - Card component.
  */
 function nextButton(component) {
-  const root = component.rootElement.shadowRoot;
-  let nextButton = null;
-  let prevButton = null;
-  let table = null;
-  let data = null;
-  if (root) {
-    table = root.querySelector('kup-data-table');
-    nextButton = root.querySelector('#' + KupCardIds.NEXT_ROW);
-    prevButton = root.querySelector('#' + KupCardIds.PREVIOUS_ROW);
-    if (table) {
-      data = table.data;
+    const root = component.rootElement.shadowRoot;
+    let nextButton = null;
+    let prevButton = null;
+    let table = null;
+    let data = null;
+    if (root) {
+        table = root.querySelector('kup-data-table');
+        nextButton = root.querySelector('#' + KupCardIds.NEXT_ROW);
+        prevButton = root.querySelector('#' + KupCardIds.PREVIOUS_ROW);
+        if (table) {
+            data = table.data;
+        }
     }
-  }
-  if (data) {
-    let visibleColumnIndex = getVisibleColumn(data);
-    if (visibleColumnIndex) {
-      const currColumn = data.columns[visibleColumnIndex];
-      const nextColumn = data.columns[visibleColumnIndex + 1];
-      const nextNextColumn = data.columns[visibleColumnIndex + 2];
-      if (nextColumn) {
-        currColumn.visible = false;
-        nextColumn.visible = true;
-        if (!nextNextColumn) {
-          nextButton.disabled = true;
+    if (data) {
+        let visibleColumnIndex = getVisibleColumn(data);
+        if (visibleColumnIndex) {
+            const currColumn = data.columns[visibleColumnIndex];
+            const nextColumn = data.columns[visibleColumnIndex + 1];
+            const nextNextColumn = data.columns[visibleColumnIndex + 2];
+            if (nextColumn) {
+                currColumn.visible = false;
+                nextColumn.visible = true;
+                if (!nextNextColumn) {
+                    nextButton.disabled = true;
+                }
+            }
+            prevButton.disabled = false;
         }
-      }
-      prevButton.disabled = false;
+        table.refresh();
     }
-    table.refresh();
-  }
 }
 /**
  * Returns the index of the first visible numerical column.
  * @param {KupDataDataset} data - Table data.
  */
 function getVisibleColumn(data) {
-  for (let index = 0; index < data.columns.length; index++) {
-    const column = data.columns[index];
-    if (!isNaN(parseInt(column.name)) && column.visible) {
-      return index;
+    for (let index = 0; index < data.columns.length; index++) {
+        const column = data.columns[index];
+        if (!isNaN(parseInt(column.name)) && column.visible) {
+            return index;
+        }
     }
-  }
-  return null;
+    return null;
 }

package/dist/collection/components/kup-card/free/kup-card-free.js

@@ -6,9 +6,9 @@ import { compList } from "../kup-card-helper";
  * @returns {VNode} 1st standard layout virtual node.
  */
 export function create1(component) {
-  //Slot list
-  const slots = Array.prototype.slice.call(component.rootElement.children, 0);
-  return (h("div", { class: `free-layout-${component.layoutNumber}` }, slots.length > 0 ? compList(slots, 'slot') : null));
+    //Slot list
+    const slots = Array.prototype.slice.call(component.rootElement.children, 0);
+    return (h("div", { class: `free-layout-${component.layoutNumber}` }, slots.length > 0 ? compList(slots, 'slot') : null));
 }
 /**
  * 2nd free card layout, dropdown menu look with no padding.
@@ -16,7 +16,7 @@ export function create1(component) {
  * @returns {VNode} 1st standard layout virtual node.
  */
 export function create2(component) {
-  //Slot list
-  const slots = Array.prototype.slice.call(component.rootElement.children, 0);
-  return (h("div", { class: `free-layout-${component.layoutNumber}` }, slots.length > 0 ? compList(slots, 'slot') : null));
+    //Slot list
+    const slots = Array.prototype.slice.call(component.rootElement.children, 0);
+    return (h("div", { class: `free-layout-${component.layoutNumber}` }, slots.length > 0 ? compList(slots, 'slot') : null));
 }

package/dist/collection/components/kup-card/kup-card-declarations.js

@@ -4,27 +4,27 @@
  */
 export var KupCardProps;
 (function (KupCardProps) {
-  KupCardProps["customStyle"] = "Custom style of the component.";
-  KupCardProps["data"] = "The actual data of the card.";
-  KupCardProps["isMenu"] = "Defines whether the card is a menu or not. Works together with menuVisible.";
-  KupCardProps["layoutFamily"] = "Sets the type of the card.";
-  KupCardProps["layoutNumber"] = "Sets the number of the layout.";
-  KupCardProps["menuVisible"] = "Sets the status of the card as menu, when false it's hidden otherwise it's visible. Works together with isMenu.";
-  KupCardProps["sizeX"] = "The width of the card, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).";
-  KupCardProps["sizeY"] = "The height of the card, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).";
+    KupCardProps["customStyle"] = "Custom style of the component.";
+    KupCardProps["data"] = "The actual data of the card.";
+    KupCardProps["isMenu"] = "Defines whether the card is a menu or not. Works together with menuVisible.";
+    KupCardProps["layoutFamily"] = "Sets the type of the card.";
+    KupCardProps["layoutNumber"] = "Sets the number of the layout.";
+    KupCardProps["menuVisible"] = "Sets the status of the card as menu, when false it's hidden otherwise it's visible. Works together with isMenu.";
+    KupCardProps["sizeX"] = "The width of the card, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).";
+    KupCardProps["sizeY"] = "The height of the card, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.).";
 })(KupCardProps || (KupCardProps = {}));
 /**
  * Element ids for built-in clock.
  */
 export var KupCardBuiltInClockElements;
 (function (KupCardBuiltInClockElements) {
-  KupCardBuiltInClockElements["CLOCK"] = "clockEl";
-  KupCardBuiltInClockElements["HOURS"] = "hoursEl";
-  KupCardBuiltInClockElements["MINUTES"] = "minutesEl";
-  KupCardBuiltInClockElements["SECONDS"] = "secondsEl";
-  KupCardBuiltInClockElements["HOURSCIRCLE"] = "hoursCircleEl";
-  KupCardBuiltInClockElements["MINUTESCIRCLE"] = "minutesCircleEl";
-  KupCardBuiltInClockElements["SECONDSCIRCLE"] = "secondsCircleEl";
+    KupCardBuiltInClockElements["CLOCK"] = "clockEl";
+    KupCardBuiltInClockElements["HOURS"] = "hoursEl";
+    KupCardBuiltInClockElements["MINUTES"] = "minutesEl";
+    KupCardBuiltInClockElements["SECONDS"] = "secondsEl";
+    KupCardBuiltInClockElements["HOURSCIRCLE"] = "hoursCircleEl";
+    KupCardBuiltInClockElements["MINUTESCIRCLE"] = "minutesCircleEl";
+    KupCardBuiltInClockElements["SECONDSCIRCLE"] = "secondsCircleEl";
 })(KupCardBuiltInClockElements || (KupCardBuiltInClockElements = {}));
 /**
  * Layout families of the kup-card component.
@@ -39,60 +39,60 @@ export var KupCardBuiltInClockElements;
  */
 export var KupCardFamily;
 (function (KupCardFamily) {
-  KupCardFamily["BOX"] = "box";
-  KupCardFamily["BUILT_IN"] = "built-in";
-  KupCardFamily["COLLAPSIBLE"] = "collapsible";
-  KupCardFamily["DIALOG"] = "dialog";
-  KupCardFamily["FREE"] = "free";
-  KupCardFamily["SCALABLE"] = "scalable";
-  KupCardFamily["STANDARD"] = "standard";
+    KupCardFamily["BOX"] = "box";
+    KupCardFamily["BUILT_IN"] = "built-in";
+    KupCardFamily["COLLAPSIBLE"] = "collapsible";
+    KupCardFamily["DIALOG"] = "dialog";
+    KupCardFamily["FREE"] = "free";
+    KupCardFamily["SCALABLE"] = "scalable";
+    KupCardFamily["STANDARD"] = "standard";
 })(KupCardFamily || (KupCardFamily = {}));
 /**
  * Recurring IDs.
  */
 export var KupCardIds;
 (function (KupCardIds) {
-  KupCardIds["COLUMNS_LIST"] = "columns-list";
-  KupCardIds["DIALOG_CLOSE"] = "dialog-close";
-  KupCardIds["DRAG_HANDLE"] = "drag-handle";
-  KupCardIds["EXPAND_ACTION"] = "expand-action";
-  KupCardIds["EXTRA_COLUMNS"] = "extra-columns";
-  KupCardIds["NEXT_ROW"] = "next-row";
-  KupCardIds["OBJECT_CHANGE"] = "object-change";
-  KupCardIds["PREVIOUS_ROW"] = "previous-row";
-  KupCardIds["VIEW_SELECTOR"] = "view-selector";
+    KupCardIds["COLUMNS_LIST"] = "columns-list";
+    KupCardIds["DIALOG_CLOSE"] = "dialog-close";
+    KupCardIds["DRAG_HANDLE"] = "drag-handle";
+    KupCardIds["EXPAND_ACTION"] = "expand-action";
+    KupCardIds["EXTRA_COLUMNS"] = "extra-columns";
+    KupCardIds["NEXT_ROW"] = "next-row";
+    KupCardIds["OBJECT_CHANGE"] = "object-change";
+    KupCardIds["PREVIOUS_ROW"] = "previous-row";
+    KupCardIds["VIEW_SELECTOR"] = "view-selector";
 })(KupCardIds || (KupCardIds = {}));
 /**
  * Recurring CSS classes.
  */
 export var KupCardCSSClasses;
 (function (KupCardCSSClasses) {
-  KupCardCSSClasses["BUILT_IN_CARD"] = "built-in-card";
-  KupCardCSSClasses["CARD_VIEW"] = "card-view";
-  KupCardCSSClasses["CLICKABLE_LINK"] = "clickable-link";
-  KupCardCSSClasses["COLLAPSIBLE_ACTIVE"] = "collapsible-active";
-  KupCardCSSClasses["COLLAPSIBLE_CARD"] = "collapsible-card";
-  KupCardCSSClasses["COLLAPSIBLE_ELEMENT"] = "collapsible-element";
-  KupCardCSSClasses["COLLAPSIBLE_WRAPPER"] = "collapsible-wrapper";
-  KupCardCSSClasses["DIALOG_TITLE"] = "dialog-title";
-  KupCardCSSClasses["DIALOG_UNRESIZABLE"] = "dialog-unresizable";
-  KupCardCSSClasses["EXPANDED"] = "expanded";
-  KupCardCSSClasses["HAS_ACTIONS"] = "has-actions";
-  KupCardCSSClasses["HAS_CONTENT"] = "has-content";
-  KupCardCSSClasses["HEADER_BAR"] = "header-bar";
-  KupCardCSSClasses["VIEW_PREFIX"] = "view-";
-  KupCardCSSClasses["VISIBLE"] = "visible";
+    KupCardCSSClasses["BUILT_IN_CARD"] = "built-in-card";
+    KupCardCSSClasses["CARD_VIEW"] = "card-view";
+    KupCardCSSClasses["CLICKABLE_LINK"] = "clickable-link";
+    KupCardCSSClasses["COLLAPSIBLE_ACTIVE"] = "collapsible-active";
+    KupCardCSSClasses["COLLAPSIBLE_CARD"] = "collapsible-card";
+    KupCardCSSClasses["COLLAPSIBLE_ELEMENT"] = "collapsible-element";
+    KupCardCSSClasses["COLLAPSIBLE_WRAPPER"] = "collapsible-wrapper";
+    KupCardCSSClasses["DIALOG_TITLE"] = "dialog-title";
+    KupCardCSSClasses["DIALOG_UNRESIZABLE"] = "dialog-unresizable";
+    KupCardCSSClasses["EXPANDED"] = "expanded";
+    KupCardCSSClasses["HAS_ACTIONS"] = "has-actions";
+    KupCardCSSClasses["HAS_CONTENT"] = "has-content";
+    KupCardCSSClasses["HEADER_BAR"] = "header-bar";
+    KupCardCSSClasses["VIEW_PREFIX"] = "view-";
+    KupCardCSSClasses["VISIBLE"] = "visible";
 })(KupCardCSSClasses || (KupCardCSSClasses = {}));
 /**
  * Internally-handled sub-component events.
  */
 export var KupCardSubEvents;
 (function (KupCardSubEvents) {
-  KupCardSubEvents["AUTOCOMPLETE_BLUR"] = "kup-autocomplete-blur";
-  KupCardSubEvents["AUTOCOMPLETE_ITEMCLICK"] = "kup-autocomplete-itemclick";
-  KupCardSubEvents["BUTTON_CLICK"] = "kup-button-click";
-  KupCardSubEvents["CHIP_BLUR"] = "kup-chip-blur";
-  KupCardSubEvents["CHIP_ICONCLICK"] = "kup-chip-iconclick";
-  KupCardSubEvents["TABBAR_CLICK"] = "kup-tabbar-click";
-  KupCardSubEvents["TREE_NODESELECTED"] = "kup-tree-nodeselected";
+    KupCardSubEvents["AUTOCOMPLETE_BLUR"] = "kup-autocomplete-blur";
+    KupCardSubEvents["AUTOCOMPLETE_ITEMCLICK"] = "kup-autocomplete-itemclick";
+    KupCardSubEvents["BUTTON_CLICK"] = "kup-button-click";
+    KupCardSubEvents["CHIP_BLUR"] = "kup-chip-blur";
+    KupCardSubEvents["CHIP_ICONCLICK"] = "kup-chip-iconclick";
+    KupCardSubEvents["TABBAR_CLICK"] = "kup-tabbar-click";
+    KupCardSubEvents["TREE_NODESELECTED"] = "kup-tree-nodeselected";
 })(KupCardSubEvents || (KupCardSubEvents = {}));