@sme.up/ketchup 8.0.2 → 8.2.0

package/dist/collection/managers/kup-search/kup-search-declarations.js

@@ -1 +1 @@
-export const searchStartEvent = 'kup-search-start';
+export const searchStartEvent = 'kup-search-start';

package/dist/collection/managers/kup-search/kup-search.js

@@ -1,75 +1,75 @@
-import { KupCardFamily, } from '../../components/kup-card/kup-card-declarations';
-import { searchStartEvent, } from './kup-search-declarations';
-/**
- * Handles operations and formatting of dates.
- * @module KupSearch
- */
-export class KupSearch {
-  /**
-   * Initializes KupSearch.
-   */
-  constructor() {
-    this.container = document.createElement('div');
-    this.container.setAttribute('kup-search', '');
-    document.body.appendChild(this.container);
-    this.activeCards = new Set();
-  }
-  /**
-   * Starts the search process.
-   * @param {Function} callback - The callback that must be invoked when the search is over.
-   * @param {Partial<KupCard>} props - The props of the search card. When missing, the search will display a spinner in place of the data table.
-   * @returns {HTMLKupCardElement} The search card created by this method.
-   */
-  start(callback, props) {
-    const card = document.createElement('kup-card');
-    card.data = {};
-    card.isMenu = true;
-    card.layoutFamily = KupCardFamily.DIALOG;
-    card.layoutNumber = 6;
-    card.menuVisible = false;
-    card.sizeX = '50vw';
-    card.sizeY = '50vh';
-    if (props) {
-      for (const key in props) {
-        const prop = props[key];
-        card[key] = prop;
-      }
-    }
-    else {
-      const e = new CustomEvent(searchStartEvent, {
-        bubbles: true,
-        cancelable: true,
-        detail: {
-          card: card,
-        },
-      });
-      document.dispatchEvent(e);
-    }
-    card.style.position = 'fixed';
-    card.style.left = '0';
-    card.style.top = '0';
-    this.activeCards.add(card);
-    card.addEventListener('kup-card-close', () => {
-      this.activeCards.delete(card);
-    });
-    card.addEventListener('kup-card-event', (e) => {
-      const cardDetail = e.detail;
-      const datatableDetail = cardDetail.event.detail;
-      if (cardDetail.event.type === 'kup-datatable-rowselected') {
-        callback(datatableDetail);
-        this.activeCards.delete(card);
-        card.remove();
-      }
-    });
-    card.addEventListener('kup-card-ready', () => {
-      const x = card.clientWidth / 2;
-      const y = card.clientHeight / 2;
-      card.setAttribute('data-x', x.toString());
-      card.setAttribute('data-y', y.toString());
-      card.style.transform = 'translate(' + x + 'px,' + y + 'px)';
-      card.menuVisible = true;
-    });
-    this.container.appendChild(card);
-    return card;
-  }
-}
+import { KupCardFamily, } from '../../components/kup-card/kup-card-declarations';
+import { searchStartEvent, } from './kup-search-declarations';
+/**
+ * Handles operations and formatting of dates.
+ * @module KupSearch
+ */
+export class KupSearch {
+  /**
+   * Initializes KupSearch.
+   */
+  constructor() {
+    this.container = document.createElement('div');
+    this.container.setAttribute('kup-search', '');
+    document.body.appendChild(this.container);
+    this.activeCards = new Set();
+  }
+  /**
+   * Starts the search process.
+   * @param {Function} callback - The callback that must be invoked when the search is over.
+   * @param {Partial<KupCard>} props - The props of the search card. When missing, the search will display a spinner in place of the data table.
+   * @returns {HTMLKupCardElement} The search card created by this method.
+   */
+  start(callback, props) {
+    const card = document.createElement('kup-card');
+    card.data = {};
+    card.isMenu = true;
+    card.layoutFamily = KupCardFamily.DIALOG;
+    card.layoutNumber = 6;
+    card.menuVisible = false;
+    card.sizeX = '50vw';
+    card.sizeY = '50vh';
+    if (props) {
+      for (const key in props) {
+        const prop = props[key];
+        card[key] = prop;
+      }
+    }
+    else {
+      const e = new CustomEvent(searchStartEvent, {
+        bubbles: true,
+        cancelable: true,
+        detail: {
+          card: card,
+        },
+      });
+      document.dispatchEvent(e);
+    }
+    card.style.position = 'fixed';
+    card.style.left = '0';
+    card.style.top = '0';
+    this.activeCards.add(card);
+    card.addEventListener('kup-card-close', () => {
+      this.activeCards.delete(card);
+    });
+    card.addEventListener('kup-card-event', (e) => {
+      const cardDetail = e.detail;
+      const datatableDetail = cardDetail.event.detail;
+      if (cardDetail.event.type === 'kup-datatable-rowselected') {
+        callback(datatableDetail);
+        this.activeCards.delete(card);
+        card.remove();
+      }
+    });
+    card.addEventListener('kup-card-ready', () => {
+      const x = card.clientWidth / 2;
+      const y = card.clientHeight / 2;
+      card.setAttribute('data-x', x.toString());
+      card.setAttribute('data-y', y.toString());
+      card.style.transform = 'translate(' + x + 'px,' + y + 'px)';
+      card.menuVisible = true;
+    });
+    this.container.appendChild(card);
+    return card;
+  }
+}

package/dist/collection/managers/kup-theme/kup-theme-declarations.js

@@ -1,177 +1,177 @@
-import { KupTagNames } from '../../types/GenericTypes';
-/**
- * Variable used to fetch the MASTER customStyle (used in every component).
- */
-export const masterCustomStyle = 'MASTER';
-/**
- * Components using the FButton functional component.
- */
-export const fButtonUsers = [
-  KupTagNames.BUTTON,
-  KupTagNames.BUTTON_LIST,
-  KupTagNames.BOX,
-  KupTagNames.CALENDAR,
-  KupTagNames.CARD,
-  KupTagNames.DASHBOARD,
-  KupTagNames.DATA_TABLE,
-  KupTagNames.DROPDOWN_BUTTON,
-  KupTagNames.FAMILY_TREE,
-  KupTagNames.FORM,
-  KupTagNames.IMAGE_LIST,
-  KupTagNames.SNACKBAR,
-];
-/**
- * Components using the FCell functional component.
- */
-export const fCellUsers = [
-  KupTagNames.BOX,
-  KupTagNames.CARD,
-  KupTagNames.CELL,
-  KupTagNames.DATA_TABLE,
-  KupTagNames.FORM,
-  KupTagNames.TREE,
-];
-/**
- * Components using the FCheckbox functional component.
- */
-export const fCheckboxUsers = [
-  KupTagNames.BOX,
-  KupTagNames.CELL,
-  KupTagNames.CHECKBOX,
-  KupTagNames.DASHBOARD,
-  KupTagNames.DATA_TABLE,
-  KupTagNames.FORM,
-  KupTagNames.LIST,
-  KupTagNames.TREE,
-];
-/**
- * Components using the FChip functional component.
- */
-export const fChipUsers = [
-  KupTagNames.BOX,
-  KupTagNames.CALENDAR,
-  KupTagNames.CELL,
-  KupTagNames.CHIP,
-  KupTagNames.DATA_TABLE,
-  KupTagNames.FORM,
-  KupTagNames.TREE,
-];
-/**
- * Components using the FImage functional component.
- */
-export const fImageUsers = [
-  KupTagNames.ACCORDION,
-  KupTagNames.BADGE,
-  KupTagNames.BOX,
-  KupTagNames.BUTTON,
-  KupTagNames.BUTTON_LIST,
-  KupTagNames.CALENDAR,
-  KupTagNames.CARD,
-  KupTagNames.CELL,
-  KupTagNames.CHIP,
-  KupTagNames.DASHBOARD,
-  KupTagNames.DATA_TABLE,
-  KupTagNames.DIALOG,
-  KupTagNames.DROPDOWN_BUTTON,
-  KupTagNames.FAMILY_TREE,
-  KupTagNames.FORM,
-  KupTagNames.IMAGE,
-  KupTagNames.IMAGE_LIST,
-  KupTagNames.LIST,
-  KupTagNames.MAGIC_BOX,
-  KupTagNames.SNACKBAR,
-  KupTagNames.TAB_BAR,
-  KupTagNames.TREE,
-];
-/**
- * Components using the FPaginator functional component.
- */
-export const fPaginatorUsers = [KupTagNames.BOX, KupTagNames.DATA_TABLE];
-/**
- * Components using the FSwitch functional component.
- */
-export const fSwitchUsers = [
-  KupTagNames.BOX,
-  KupTagNames.CELL,
-  KupTagNames.DATA_TABLE,
-  KupTagNames.FORM,
-  KupTagNames.SWITCH,
-  KupTagNames.TREE,
-];
-/**
- * Components using the FTextField functional component.
- */
-export const fTextFieldUsers = [
-  KupTagNames.AUTOCOMPLETE,
-  KupTagNames.BOX,
-  KupTagNames.CELL,
-  KupTagNames.COLOR_PICKER,
-  KupTagNames.COMBOBOX,
-  KupTagNames.DASHBOARD,
-  KupTagNames.DATA_TABLE,
-  KupTagNames.DATE_PICKER,
-  KupTagNames.FORM,
-  KupTagNames.NUMERIC_PICKER,
-  KupTagNames.PLANNER,
-  KupTagNames.TEXT_FIELD,
-  KupTagNames.TIME_PICKER,
-  KupTagNames.TREE,
-];
-/**
- * Components using the MDC ripple effect.
- */
-export const rippleUsers = [
-  KupTagNames.ACCORDION,
-  KupTagNames.CARD,
-  KupTagNames.IMAGE_LIST,
-  KupTagNames.TAB_BAR,
-  KupTagNames.TREE,
-];
-/**
- * List of all colors.
- */
-export var KupThemeColorValues;
-(function (KupThemeColorValues) {
-  KupThemeColorValues["PRIMARY"] = "--kup-primary-color";
-  KupThemeColorValues["SECONDARY"] = "--kup-secondary-color";
-  KupThemeColorValues["BACKGROUND"] = "--kup-background-color";
-  KupThemeColorValues["NAV_BAR"] = "--kup-navbar-color";
-  KupThemeColorValues["NAV_BAR_BACKGROUND"] = "--kup-navbar-background-color";
-  KupThemeColorValues["DRAWER"] = "--kup-drawer-color";
-  KupThemeColorValues["DRAWER_BACKGROUND"] = "--kup-drawer-background-color";
-  KupThemeColorValues["TEXT"] = "--kup-text-color";
-  KupThemeColorValues["TEXT_ON_PRIMARY"] = "--kup-text-on-primary-color";
-  KupThemeColorValues["TEXT_ON_SECONDARY"] = "--kup-text-on-secondary-color";
-  KupThemeColorValues["DISABLED_BACKGROUND"] = "--kup-disabled-background-color";
-  KupThemeColorValues["DISABLED"] = "--kup-disabled-color";
-  KupThemeColorValues["HOVER_BACKGROUND"] = "--kup-hover-background-color";
-  KupThemeColorValues["HOVER"] = "--kup-hover-color";
-  KupThemeColorValues["TITLE_BACKGROUND"] = "--kup-title-background-color";
-  KupThemeColorValues["TITLE"] = "--kup-title-color";
-  KupThemeColorValues["ICON"] = "--kup-icon-color";
-  KupThemeColorValues["BORDER"] = "--kup-border-color";
-  KupThemeColorValues["INFO"] = "--kup-info-color";
-  KupThemeColorValues["SUCCESS"] = "--kup-success-color";
-  KupThemeColorValues["WARNING"] = "--kup-warning-color";
-  KupThemeColorValues["DANGER"] = "--kup-danger-color";
-  KupThemeColorValues["SPINNER"] = "--kup-spinner-color";
-  KupThemeColorValues["CHART_1"] = "--kup-chart-color-1";
-  KupThemeColorValues["CHART_2"] = "--kup-chart-color-2";
-  KupThemeColorValues["CHART_3"] = "--kup-chart-color-3";
-  KupThemeColorValues["CHART_4"] = "--kup-chart-color-4";
-})(KupThemeColorValues || (KupThemeColorValues = {}));
-/**
- * List of all icons.
- */
-export var KupThemeIconValues;
-(function (KupThemeIconValues) {
-  KupThemeIconValues["ASCENDING"] = "--kup-ascending-icon";
-  KupThemeIconValues["CLEAR"] = "--kup-clear-icon";
-  KupThemeIconValues["COLLAPSED"] = "--kup-collapsed-icon";
-  KupThemeIconValues["DESCENDING"] = "--kup-descending-icon";
-  KupThemeIconValues["DROPDOWN"] = "--kup-dropdown-icon";
-  KupThemeIconValues["EXPANDED"] = "--kup-expanded-icon";
-  KupThemeIconValues["FILTER_REMOVE"] = "--kup-filter-remove-icon";
-  KupThemeIconValues["KEY"] = "--kup-key-icon";
-  KupThemeIconValues["SEARCH"] = "--kup-search-icon";
-})(KupThemeIconValues || (KupThemeIconValues = {}));
+import { KupTagNames } from '../../types/GenericTypes';
+/**
+ * Variable used to fetch the MASTER customStyle (used in every component).
+ */
+export const masterCustomStyle = 'MASTER';
+/**
+ * Components using the FButton functional component.
+ */
+export const fButtonUsers = [
+  KupTagNames.BUTTON,
+  KupTagNames.BUTTON_LIST,
+  KupTagNames.BOX,
+  KupTagNames.CALENDAR,
+  KupTagNames.CARD,
+  KupTagNames.DASHBOARD,
+  KupTagNames.DATA_TABLE,
+  KupTagNames.DROPDOWN_BUTTON,
+  KupTagNames.FAMILY_TREE,
+  KupTagNames.FORM,
+  KupTagNames.IMAGE_LIST,
+  KupTagNames.SNACKBAR,
+];
+/**
+ * Components using the FCell functional component.
+ */
+export const fCellUsers = [
+  KupTagNames.BOX,
+  KupTagNames.CARD,
+  KupTagNames.CELL,
+  KupTagNames.DATA_TABLE,
+  KupTagNames.FORM,
+  KupTagNames.TREE,
+];
+/**
+ * Components using the FCheckbox functional component.
+ */
+export const fCheckboxUsers = [
+  KupTagNames.BOX,
+  KupTagNames.CELL,
+  KupTagNames.CHECKBOX,
+  KupTagNames.DASHBOARD,
+  KupTagNames.DATA_TABLE,
+  KupTagNames.FORM,
+  KupTagNames.LIST,
+  KupTagNames.TREE,
+];
+/**
+ * Components using the FChip functional component.
+ */
+export const fChipUsers = [
+  KupTagNames.BOX,
+  KupTagNames.CALENDAR,
+  KupTagNames.CELL,
+  KupTagNames.CHIP,
+  KupTagNames.DATA_TABLE,
+  KupTagNames.FORM,
+  KupTagNames.TREE,
+];
+/**
+ * Components using the FImage functional component.
+ */
+export const fImageUsers = [
+  KupTagNames.ACCORDION,
+  KupTagNames.BADGE,
+  KupTagNames.BOX,
+  KupTagNames.BUTTON,
+  KupTagNames.BUTTON_LIST,
+  KupTagNames.CALENDAR,
+  KupTagNames.CARD,
+  KupTagNames.CELL,
+  KupTagNames.CHIP,
+  KupTagNames.DASHBOARD,
+  KupTagNames.DATA_TABLE,
+  KupTagNames.DIALOG,
+  KupTagNames.DROPDOWN_BUTTON,
+  KupTagNames.FAMILY_TREE,
+  KupTagNames.FORM,
+  KupTagNames.IMAGE,
+  KupTagNames.IMAGE_LIST,
+  KupTagNames.LIST,
+  KupTagNames.MAGIC_BOX,
+  KupTagNames.SNACKBAR,
+  KupTagNames.TAB_BAR,
+  KupTagNames.TREE,
+];
+/**
+ * Components using the FPaginator functional component.
+ */
+export const fPaginatorUsers = [KupTagNames.BOX, KupTagNames.DATA_TABLE];
+/**
+ * Components using the FSwitch functional component.
+ */
+export const fSwitchUsers = [
+  KupTagNames.BOX,
+  KupTagNames.CELL,
+  KupTagNames.DATA_TABLE,
+  KupTagNames.FORM,
+  KupTagNames.SWITCH,
+  KupTagNames.TREE,
+];
+/**
+ * Components using the FTextField functional component.
+ */
+export const fTextFieldUsers = [
+  KupTagNames.AUTOCOMPLETE,
+  KupTagNames.BOX,
+  KupTagNames.CELL,
+  KupTagNames.COLOR_PICKER,
+  KupTagNames.COMBOBOX,
+  KupTagNames.DASHBOARD,
+  KupTagNames.DATA_TABLE,
+  KupTagNames.DATE_PICKER,
+  KupTagNames.FORM,
+  KupTagNames.NUMERIC_PICKER,
+  KupTagNames.PLANNER,
+  KupTagNames.TEXT_FIELD,
+  KupTagNames.TIME_PICKER,
+  KupTagNames.TREE,
+];
+/**
+ * Components using the MDC ripple effect.
+ */
+export const rippleUsers = [
+  KupTagNames.ACCORDION,
+  KupTagNames.CARD,
+  KupTagNames.IMAGE_LIST,
+  KupTagNames.TAB_BAR,
+  KupTagNames.TREE,
+];
+/**
+ * List of all colors.
+ */
+export var KupThemeColorValues;
+(function (KupThemeColorValues) {
+  KupThemeColorValues["PRIMARY"] = "--kup-primary-color";
+  KupThemeColorValues["SECONDARY"] = "--kup-secondary-color";
+  KupThemeColorValues["BACKGROUND"] = "--kup-background-color";
+  KupThemeColorValues["NAV_BAR"] = "--kup-navbar-color";
+  KupThemeColorValues["NAV_BAR_BACKGROUND"] = "--kup-navbar-background-color";
+  KupThemeColorValues["DRAWER"] = "--kup-drawer-color";
+  KupThemeColorValues["DRAWER_BACKGROUND"] = "--kup-drawer-background-color";
+  KupThemeColorValues["TEXT"] = "--kup-text-color";
+  KupThemeColorValues["TEXT_ON_PRIMARY"] = "--kup-text-on-primary-color";
+  KupThemeColorValues["TEXT_ON_SECONDARY"] = "--kup-text-on-secondary-color";
+  KupThemeColorValues["DISABLED_BACKGROUND"] = "--kup-disabled-background-color";
+  KupThemeColorValues["DISABLED"] = "--kup-disabled-color";
+  KupThemeColorValues["HOVER_BACKGROUND"] = "--kup-hover-background-color";
+  KupThemeColorValues["HOVER"] = "--kup-hover-color";
+  KupThemeColorValues["TITLE_BACKGROUND"] = "--kup-title-background-color";
+  KupThemeColorValues["TITLE"] = "--kup-title-color";
+  KupThemeColorValues["ICON"] = "--kup-icon-color";
+  KupThemeColorValues["BORDER"] = "--kup-border-color";
+  KupThemeColorValues["INFO"] = "--kup-info-color";
+  KupThemeColorValues["SUCCESS"] = "--kup-success-color";
+  KupThemeColorValues["WARNING"] = "--kup-warning-color";
+  KupThemeColorValues["DANGER"] = "--kup-danger-color";
+  KupThemeColorValues["SPINNER"] = "--kup-spinner-color";
+  KupThemeColorValues["CHART_1"] = "--kup-chart-color-1";
+  KupThemeColorValues["CHART_2"] = "--kup-chart-color-2";
+  KupThemeColorValues["CHART_3"] = "--kup-chart-color-3";
+  KupThemeColorValues["CHART_4"] = "--kup-chart-color-4";
+})(KupThemeColorValues || (KupThemeColorValues = {}));
+/**
+ * List of all icons.
+ */
+export var KupThemeIconValues;
+(function (KupThemeIconValues) {
+  KupThemeIconValues["ASCENDING"] = "--kup-ascending-icon";
+  KupThemeIconValues["CLEAR"] = "--kup-clear-icon";
+  KupThemeIconValues["COLLAPSED"] = "--kup-collapsed-icon";
+  KupThemeIconValues["DESCENDING"] = "--kup-descending-icon";
+  KupThemeIconValues["DROPDOWN"] = "--kup-dropdown-icon";
+  KupThemeIconValues["EXPANDED"] = "--kup-expanded-icon";
+  KupThemeIconValues["FILTER_REMOVE"] = "--kup-filter-remove-icon";
+  KupThemeIconValues["KEY"] = "--kup-key-icon";
+  KupThemeIconValues["SEARCH"] = "--kup-search-icon";
+})(KupThemeIconValues || (KupThemeIconValues = {}));