@sme.up/ketchup 6.6.0 → 6.8.0

package/dist/cjs/{kup-manager-8e67afec.js → kup-manager-c53468cd.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-31125378.js');
+const index = require('./index-ffdb46f6.js');
 
 /**
  * Props of the kup-card component.
@@ -194,10 +194,14 @@ exports.KupLanguageFontsize = void 0;
  */
 exports.KupLanguageGeneric = void 0;
 (function (KupLanguageGeneric) {
+  KupLanguageGeneric["ABORT"] = "genericAbort";
   KupLanguageGeneric["ADD_NEW"] = "genericAddNew";
   KupLanguageGeneric["APPLY"] = "genericApply";
   KupLanguageGeneric["BACK"] = "genericBack";
   KupLanguageGeneric["COLLAPSE"] = "genericCollapse";
+  KupLanguageGeneric["CONFIRM"] = "genericConfirm";
+  KupLanguageGeneric["CONFIRM_DELETE"] = "genericConfirmDelete";
+  KupLanguageGeneric["CONFIRM_DELETE_X_ROWS"] = "genericConfirmDeleteXRows";
   KupLanguageGeneric["DAY"] = "genericDay";
   KupLanguageGeneric["DRAG_AND_DROP"] = "genericDragAndDrop";
   KupLanguageGeneric["DROP_YOUR_DATA"] = "genericDropYourData";
@@ -218,6 +222,7 @@ exports.KupLanguageGeneric = void 0;
   KupLanguageGeneric["MONTH"] = "genericMonth";
   KupLanguageGeneric["MOVE"] = "genericMove";
   KupLanguageGeneric["NEXT"] = "genericNext";
+  KupLanguageGeneric["NO"] = "genericNo";
   KupLanguageGeneric["OPEN_NAVIGATION_MENU"] = "genericOpenNavigationMenu";
   KupLanguageGeneric["OPEN_IN_NEW_TAB"] = "genericOpenInNewTab";
   KupLanguageGeneric["OPEN_IN_NEW_WINDOW"] = "genericOpenInNewWindow";
@@ -236,6 +241,7 @@ exports.KupLanguageGeneric = void 0;
   KupLanguageGeneric["TRANSPOSE_DATA"] = "genericTransposeData";
   KupLanguageGeneric["VIEW_AS"] = "genericViewAs";
   KupLanguageGeneric["WEEK"] = "genericWeek";
+  KupLanguageGeneric["YES"] = "genericYes";
 })(exports.KupLanguageGeneric || (exports.KupLanguageGeneric = {}));
 /**
  * Grid decodes (data table customization settings).
@@ -1745,10 +1751,14 @@ const chinese = {
 		fontsizeLabel: "字体大小",
 		fontsizeMedium: "中等的",
 		fontsizeSmall: "小的",
+		genericAbort: "取消",
 		genericAddNew: "添新",
 		genericApply: "申请",
 		genericBack: "背部",
 		genericCollapse: "坍塌",
+		genericConfirm: "确认",
+		genericConfirmDelete: "你确认取消了吗?",
+		genericConfirmDeleteXRows: "删除（{0}）行?",
 		genericDay: "日",
 		genericDragAndDrop: "拖放",
 		genericDropYourData: "将您的数据放在这里",
@@ -1769,6 +1779,7 @@ const chinese = {
 		genericMonth: "月",
 		genericMove: "移动",
 		genericNext: "下一个",
+		genericNo: "不",
 		genericOpenInNewTab: "在新标签页中打开",
 		genericOpenInNewWindow: "在新窗口中打开",
 		genericOpenNavigationMenu: "打开导航菜单",
@@ -1787,6 +1798,7 @@ const chinese = {
 		genericTransposeData: "转置数据",
 		genericViewAs: "查看为",
 		genericWeek: "星期",
+		genericYes: "是的",
 		gridColumn: "柱子",
 		gridComplete: "完全的",
 		gridLabel: "网格类型",
@@ -1863,10 +1875,14 @@ const english = {
 		fontsizeLabel: "Font size",
 		fontsizeMedium: "Medium",
 		fontsizeSmall: "Small",
+		genericAbort: "Cancel",
 		genericAddNew: "Add new",
 		genericApply: "Apply",
 		genericBack: "Back",
 		genericCollapse: "Collapse",
+		genericConfirm: "Confirm",
+		genericConfirmDelete: "Do you confirm the cancellation?",
+		genericConfirmDeleteXRows: "Delete ({0}) rows?",
 		genericDay: "Day",
 		genericDragAndDrop: "Drag and drop",
 		genericDropYourData: "Drop your data here",
@@ -1887,6 +1903,7 @@ const english = {
 		genericMonth: "Month",
 		genericMove: "Move",
 		genericNext: "Next",
+		genericNo: "No",
 		genericOpenInNewTab: "Open in new tab",
 		genericOpenInNewWindow: "Open in new window",
 		genericOpenNavigationMenu: "Open navigation menu",
@@ -1905,6 +1922,7 @@ const english = {
 		genericTransposeData: "Transpose data",
 		genericViewAs: "View as",
 		genericWeek: "Week",
+		genericYes: "Yes",
 		gridColumn: "Column",
 		gridComplete: "Complete",
 		gridLabel: "Grid type",
@@ -1981,10 +1999,14 @@ const french = {
 		fontsizeLabel: "Taille de police",
 		fontsizeMedium: "Moyen",
 		fontsizeSmall: "Petit",
+		genericAbort: "Annuler",
 		genericAddNew: "Ajouter un nouveau",
 		genericApply: "Appliquer",
 		genericBack: "Arrière",
 		genericCollapse: "Effondrer",
+		genericConfirm: "Confirmer",
+		genericConfirmDelete: "Confirmez-vous l'annulation?",
+		genericConfirmDeleteXRows: "Supprimer ({0}) lignes?",
 		genericDay: "Jour",
 		genericDragAndDrop: "Glisser-déposer",
 		genericDropYourData: "Déposez vos données ici",
@@ -2005,6 +2027,7 @@ const french = {
 		genericMonth: "Mois",
 		genericMove: "Se déplacer",
 		genericNext: "Prochain",
+		genericNo: "Non",
 		genericOpenInNewTab: "Ouvrir dans un nouvel onglet",
 		genericOpenInNewWindow: "Ouvrir dans une nouvelle fenêtre",
 		genericOpenNavigationMenu: "Ouvrir le menu de navigation",
@@ -2023,6 +2046,7 @@ const french = {
 		genericTransposeData: "Transposer les données",
 		genericViewAs: "Voir comme",
 		genericWeek: "La semaine",
+		genericYes: "Oui",
 		gridColumn: "Colonne",
 		gridComplete: "Compléte",
 		gridLabel: "Type de grille",
@@ -2099,10 +2123,14 @@ const italian = {
 		fontsizeLabel: "Dimensione caratteri",
 		fontsizeMedium: "Media",
 		fontsizeSmall: "Piccola",
+		genericAbort: "Annulla",
 		genericAddNew: "Aggiungi nuovo",
 		genericApply: "Applica",
 		genericBack: "Indietro",
 		genericCollapse: "Chiudi",
+		genericConfirm: "Conferma",
+		genericConfirmDelete: "Confermi la cancellazione?",
+		genericConfirmDeleteXRows: "Eliminare ({0}) righe?",
 		genericDay: "Giorno",
 		genericDragAndDrop: "Drag & drop",
 		genericDropYourData: "Trascina qui i tuoi dati",
@@ -2123,6 +2151,7 @@ const italian = {
 		genericMonth: "Mese",
 		genericMove: "Sposta",
 		genericNext: "Avanti",
+		genericNo: "No",
 		genericOpenInNewTab: "Apri in nuovo tab",
 		genericOpenInNewWindow: "Apri in nuova finestra",
 		genericOpenNavigationMenu: "Apri menu di navigazione",
@@ -2141,6 +2170,7 @@ const italian = {
 		genericTransposeData: "Trasposizione dati",
 		genericViewAs: "Vedi come",
 		genericWeek: "Settimana",
+		genericYes: "Sì",
 		gridColumn: "Colonna",
 		gridComplete: "Completa",
 		gridLabel: "Tipo di griglia",
@@ -2231,10 +2261,14 @@ const polish = {
 		fontsizeLabel: "Rozmiar czcionki",
 		fontsizeMedium: "Średni",
 		fontsizeSmall: "Mały",
+		genericAbort: "Anulować",
 		genericAddNew: "Dodaj nowe",
 		genericApply: "Zastosować",
 		genericBack: "Plecy",
 		genericCollapse: "Zawalić się",
+		genericConfirm: "Potwierdzać",
+		genericConfirmDelete: "Potwierdzasz odwołanie?",
+		genericConfirmDeleteXRows: "Usunąć ({0}) wiersze?",
 		genericDay: "Dzień",
 		genericDragAndDrop: "Przeciągnij i upuść",
 		genericDropYourData: "Upuść swoje dane tutaj",
@@ -2255,6 +2289,7 @@ const polish = {
 		genericMonth: "Miesiąc",
 		genericMove: "Ruszaj się",
 		genericNext: "Następny",
+		genericNo: "Nie",
 		genericOpenInNewTab: "Otwórz w nowej karcie",
 		genericOpenInNewWindow: "Otworzyć w nowym oknie",
 		genericOpenNavigationMenu: "Otwórz menu nawigacyjne",
@@ -2273,6 +2308,7 @@ const polish = {
 		genericTransposeData: "Transpozycja danych",
 		genericViewAs: "Wyświetl jako",
 		genericWeek: "Tydzień",
+		genericYes: "TAk",
 		gridColumn: "Kolumna",
 		gridComplete: "Kompletny",
 		gridLabel: "Typ siatki",
@@ -2349,10 +2385,14 @@ const russian = {
 		fontsizeLabel: "Размер шрифта",
 		fontsizeMedium: "Середина",
 		fontsizeSmall: "Небольшой",
+		genericAbort: "Отмена",
 		genericAddNew: "Добавить новое",
 		genericApply: "Применять",
 		genericBack: "назад",
-		genericCollapse: "Крах",
+		genericCollapse: "Kpax",
+		genericConfirm: "Подтверждать",
+		genericConfirmDelete: "вы подтверждаете отмену?",
+		genericConfirmDeleteXRows: "Удалить ({0}) строки?",
 		genericDay: "День",
 		genericDragAndDrop: "Перетащить и отпустить",
 		genericDropYourData: "Перетащите сюда свои данные",
@@ -2373,6 +2413,7 @@ const russian = {
 		genericMonth: "Месяц",
 		genericMove: "Переехать",
 		genericNext: "Следующий",
+		genericNo: "Нет",
 		genericOpenInNewTab: "Открыть в новой вкладке",
 		genericOpenInNewWindow: "Открыть в новом окне",
 		genericOpenNavigationMenu: "Открыть меню навигации",
@@ -2391,6 +2432,7 @@ const russian = {
 		genericTransposeData: "Транспонировать данные",
 		genericViewAs: "Просмотреть как",
 		genericWeek: "Неделя",
+		genericYes: "Да",
 		gridColumn: "Столбец",
 		gridComplete: "Полный",
 		gridLabel: "Тип сетки",
@@ -2467,10 +2509,14 @@ const spanish = {
 		fontsizeLabel: "Tamaño de fuente",
 		fontsizeMedium: "Medio",
 		fontsizeSmall: "Pequeño",
+		genericAbort: "Cancelar",
 		genericAddNew: "Añadir nuevo",
 		genericApply: "Solicitar",
 		genericBack: "Espalda",
 		genericCollapse: "Colapso",
+		genericConfirm: "Confirmar",
+		genericConfirmDelete: "¿Confirmas la cancelación?",
+		genericConfirmDeleteXRows: "¿Eliminar ({0}) filas?",
 		genericDay: "Día",
 		genericDragAndDrop: "Arrastrar y soltar",
 		genericDropYourData: "Deja tus datos aquí",
@@ -2491,6 +2537,7 @@ const spanish = {
 		genericMonth: "Mes",
 		genericMove: "Mover",
 		genericNext: "Próximo",
+		genericNo: "No",
 		genericOpenInNewTab: "Abrir en una pestaña nueva",
 		genericOpenInNewWindow: "Abrir en Nueva ventana",
 		genericOpenNavigationMenu: "Abrir menú de navegación",
@@ -2509,6 +2556,7 @@ const spanish = {
 		genericTransposeData: "Transponer datos",
 		genericViewAs: "Visto como",
 		genericWeek: "Semana",
+		genericYes: "Sí",
 		gridColumn: "Columna",
 		gridComplete: "Completa",
 		gridLabel: "Tipo de cuadrícula",
@@ -3169,8 +3217,9 @@ class KupScrollOnHover {
    * @param {KupScrollOnHoverElement} el - Element to watch.
    * @param {boolean} vertical - Enables vertical scroll.
    * @param {KupScrollOnHoverPercentages} percentages - Sets how big is the area in which the scroll is enabled.
+   * @param {number} step - The amount in pixels for each scroll recursion.
    */
-  register(el, vertical, percentages) {
+  register(el, vertical, percentages, step) {
     if (!__classPrivateFieldGet$2(this, _KupScrollOnHover_arrowsContainer, "f")) {
       __classPrivateFieldGet$2(this, _KupScrollOnHover_instances, "m", _KupScrollOnHover_initArrows).call(this);
     }
@@ -3182,6 +3231,7 @@ class KupScrollOnHover {
         ? percentages
         : { back: 0.1, forward: 0.9 },
       rect: null,
+      step: step,
       vertical: vertical || null,
       x: 0,
       y: 0,
@@ -3370,7 +3420,9 @@ class KupScrollOnHover {
           this.stop(el);
           return;
         }
-        el.scrollTop += this.step;
+        el.scrollTop += el.scrollOnHover.step
+          ? el.scrollOnHover.step
+          : this.step;
         break;
       }
       case ScrollOnHoverDirection.LEFT: {
@@ -3379,7 +3431,9 @@ class KupScrollOnHover {
           this.stop(el);
           return;
         }
-        el.scrollLeft -= this.step;
+        el.scrollLeft -= el.scrollOnHover.step
+          ? el.scrollOnHover.step
+          : this.step;
         break;
       }
       case ScrollOnHoverDirection.RIGHT: {
@@ -3388,7 +3442,9 @@ class KupScrollOnHover {
           this.stop(el);
           return;
         }
-        el.scrollLeft += this.step;
+        el.scrollLeft += el.scrollOnHover.step
+          ? el.scrollOnHover.step
+          : this.step;
         break;
       }
       case ScrollOnHoverDirection.TOP: {
@@ -3397,7 +3453,9 @@ class KupScrollOnHover {
           this.stop(el);
           return;
         }
-        el.scrollTop -= this.step;
+        el.scrollTop -= el.scrollOnHover.step
+          ? el.scrollOnHover.step
+          : this.step;
         break;
       }
     }
@@ -3476,6 +3534,7 @@ const bubbles = {
 		"--kup-chart-color-3": "#8e1010",
 		"--kup-chart-color-4": "#f5f5dc",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3532,6 +3591,7 @@ const cobalt = {
 		"--kup-chart-color-3": "#b1eafb",
 		"--kup-chart-color-4": "#ffffff",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3586,6 +3646,7 @@ const dark = {
 		"--kup-chart-color-3": "#860bb5",
 		"--kup-chart-color-4": "#1a83e4",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3640,6 +3701,7 @@ const flamingo = {
 		"--kup-chart-color-3": "#c21350",
 		"--kup-chart-color-4": "#c88da1",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3700,6 +3762,7 @@ const graphite = {
 		"--kup-chart-color-9": "grey",
 		"--kup-chart-color-10": "indigo",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3754,6 +3817,7 @@ const ketchup = {
 		"--kup-chart-color-3": "#8e1010",
 		"--kup-chart-color-4": "#f5f5dc",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3814,6 +3878,7 @@ const obsidian = {
 		"--kup-chart-color-9": "grey",
 		"--kup-chart-color-10": "indigo",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3868,6 +3933,7 @@ const ocean = {
 		"--kup-chart-color-3": "#e48b47",
 		"--kup-chart-color-4": "#81e447",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3928,6 +3994,7 @@ const print = {
 		"--kup-chart-color-9": "grey",
 		"--kup-chart-color-10": "indigo",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -3989,6 +4056,7 @@ const raj = {
 		"--kup-chart-color-3": "#ffe600",
 		"--kup-chart-color-4": "#effd02",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -4049,6 +4117,7 @@ const red = {
 		"--kup-chart-color-9": "grey",
 		"--kup-chart-color-10": "indigo",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -4111,6 +4180,7 @@ const sapphire = {
 		"--kup-chart-color-9": "grey",
 		"--kup-chart-color-10": "indigo",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -4168,6 +4238,7 @@ const silver = {
 		"--kup-chart-color-6": "#59af57",
 		"--kup-chart-color-7": "#aeaa5d",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -4230,6 +4301,7 @@ const teal = {
 		"--kup-chart-color-9": "grey",
 		"--kup-chart-color-10": "indigo",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -4281,6 +4353,7 @@ const wildlife = {
 		"--kup-chart-color-3": "#e48b47",
 		"--kup-chart-color-4": "#81e447",
 		"--kup-obj-cursor": "inherit",
+		"--kup-card-zindex": "900",
 		"--kup-drawer-zindex": "900",
 		"--kup-navbar-zindex": "900"
 	},
@@ -5683,6 +5756,7 @@ exports.KupDataTableProps = void 0;
   KupDataTableProps["groupLabelDisplay"] = "How the label of a group must be displayed. For available values";
   KupDataTableProps["groups"] = "The list of groups.";
   KupDataTableProps["headerIsPersistent"] = "When set to true the header will stick on top of the table when scrolling.";
+  KupDataTableProps["insertMode"] = "Enables insert mode.";
   KupDataTableProps["isFocusable"] = "When set to true, clicked-on rows will have a visual feedback.";
   KupDataTableProps["lazyLoadRows"] = "When set to true, extra rows will be automatically loaded once the last row enters the viewport. When groups are present, the number of rows is referred to groups and not to their content. Paginator is disabled.";
   KupDataTableProps["lineBreakCharacter"] = "Defines the placeholder character which will be replaced by a line break inside table header cells, normal or sticky.";
@@ -5698,6 +5772,7 @@ exports.KupDataTableProps = void 0;
   KupDataTableProps["rowsPerPage"] = "Sets the number of rows per page to display.";
   KupDataTableProps["scrollOnHover"] = "Activates the scroll on hover function.";
   KupDataTableProps["showCustomization"] = "If set to true, displays the button to open the customization panel.";
+  KupDataTableProps["showDeleteButton"] = "Enables the delete row button.";
   KupDataTableProps["showFilters"] = "When set to true enables the column filters.";
   KupDataTableProps["showFooter"] = "When set to true shows the footer.";
   KupDataTableProps["showGrid"] = "Can be used to customize the grid view of the table.";

package/dist/cjs/kup-nav-bar.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-31125378.js');
-const kupManager = require('./kup-manager-8e67afec.js');
+const index = require('./index-ffdb46f6.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 const navbarClass = 'nav-bar';
@@ -36,26 +36,14 @@ const KupNavBar = class {
     this.kupNavbarReady = index.createEvent(this, "kup-navbar-ready", 6);
     this.kupNavbarResize = index.createEvent(this, "kup-navbar-resize", 6);
     /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Defines the style of the nav bar.
-     * @default KupNavBarStyling.STANDARD
-     */
-    this.styling = KupNavBarStyling.STANDARD;
-    /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     /**
      * Instance of the KupManager class.
      */
     this.kupManager = kupManager.kupManagerInstance();
+    this.customStyle = '';
+    this.styling = KupNavBarStyling.STANDARD;
   }
   /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */

package/dist/cjs/kup-numeric-picker.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-31125378.js');
-const kupManager = require('./kup-manager-8e67afec.js');
+const index = require('./index-ffdb46f6.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
-const fTextField = require('./f-text-field-a5b2bd0e.js');
+const fTextField = require('./f-text-field-fe85187d.js');
 const fTextFieldMdc = require('./f-text-field-mdc-85997738.js');
 require('./tslib.es6-0ee02c67.js');
 require('./component-72a5b626.js');
@@ -42,60 +42,6 @@ const KupNumericPicker = class {
     this.kupTextFieldSubmit = index.createEvent(this, "kup-numericpicker-textfieldsubmit", 6);
     this.kupClearIconClick = index.createEvent(this, "kup-numericpicker-cleariconclick", 6);
     /*-------------------------------------------------*/
-    /*                   S t a t e s                   */
-    /*-------------------------------------------------*/
-    this.stateSwitcher = false;
-    this.value = '';
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Props of the sub-components.
-     * @default null
-     */
-    this.data = null;
-    /**
-     * Defaults at false. When set to true, the component has decimals.
-     * @default false
-     */
-    this.decimals = false;
-    /**
-     * Defaults at false. When set to true, the component is disabled.
-     * @default false
-     */
-    this.disabled = false;
-    /**
-     * Sets the initial value of the component
-     * @default ""
-     */
-    this.initialValue = '';
-    /**
-     * when set, the component allows you to enter decimals with a maximum of characters.
-     * @default null
-     */
-    this.maxDecimals = null;
-    /**
-     * When set, the component allows you to enter integer numbers with a maximum of characters.
-     * @default null
-     */
-    this.maxIntegers = null;
-    /**
-     * When set, the component allows you to enter numbers with a maximum of characters, including decimals.
-     * @default null
-     */
-    this.maxLength = null;
-    /**
-     * Defaults at false. When set to true, the component has negative number.
-     * @default false
-     */
-    this.negative = false;
-    /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     /**
@@ -109,6 +55,17 @@ const KupNumericPicker = class {
       date: new Date(),
     };
     this.clickCb = null;
+    this.stateSwitcher = false;
+    this.value = '';
+    this.customStyle = '';
+    this.data = null;
+    this.decimals = false;
+    this.disabled = false;
+    this.initialValue = '';
+    this.maxDecimals = null;
+    this.maxIntegers = null;
+    this.maxLength = null;
+    this.negative = false;
   }
   onKupPickerItemClick(value) {
     this.setPickerValueSelected(value);

package/dist/cjs/kup-photo-frame.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-31125378.js');
-const kupManager = require('./kup-manager-8e67afec.js');
+const index = require('./index-ffdb46f6.js');
+const kupManager = require('./kup-manager-c53468cd.js');
 const GenericVariables = require('./GenericVariables-a9ed17ee.js');
 
 /**
@@ -42,34 +42,6 @@ const KupPhotoFrame = class {
     this.kupPhotoFramePlaceholderLoad = index.createEvent(this, "kup-photoframe-placeholderload", 6);
     this.kupPhotoFrameResourceLoad = index.createEvent(this, "kup-photoframe-resourceload", 6);
     /*-------------------------------------------------*/
-    /*                   S t a t e s                   */
-    /*-------------------------------------------------*/
-    this.isInViewport = false;
-    /*-------------------------------------------------*/
-    /*                    P r o p s                    */
-    /*-------------------------------------------------*/
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Html attributes of the picture before the component enters the viewport.
-     * @default {}
-     */
-    this.placeholderAttrs = {};
-    /**
-     * Html attributes of the picture after the component enters the viewport.
-     * @default {}
-     */
-    this.resourceAttrs = {};
-    /**
-     * Percentage of the component dimensions entering the viewport (0.1 => 1).
-     * @default 0.25
-     */
-    this.threshold = 0.25;
-    /*-------------------------------------------------*/
     /*       I n t e r n a l   V a r i a b l e s       */
     /*-------------------------------------------------*/
     _KupPhotoFrame_intObserver.set(this, null);
@@ -78,6 +50,11 @@ const KupPhotoFrame = class {
     _KupPhotoFrame_resourceEl.set(this, null);
     _KupPhotoFrame_renderResource.set(this, false);
     _KupPhotoFrame_wrapperEl.set(this, null);
+    this.isInViewport = false;
+    this.customStyle = '';
+    this.placeholderAttrs = {};
+    this.resourceAttrs = {};
+    this.threshold = 0.25;
   }
   /*-------------------------------------------------*/
   /*           P u b l i c   M e t h o d s           */
@@ -167,8 +144,9 @@ const KupPhotoFrame = class {
       } }))) : null)));
   }
   disconnectedCallback() {
+    var _a;
     __classPrivateFieldGet(this, _KupPhotoFrame_kupManager, "f").theme.unregister(this);
-    __classPrivateFieldGet(this, _KupPhotoFrame_intObserver, "f").unobserve(this.rootElement);
+    (_a = __classPrivateFieldGet(this, _KupPhotoFrame_intObserver, "f")) === null || _a === void 0 ? void 0 : _a.unobserve(this.rootElement);
   }
   get rootElement() { return index.getElement(this); }
 };