@sme.up/ketchup 4.2.0-SNAPSHOT → 4.3.0-SNAPSHOT

package/dist/types/components/kup-card/builtin/kup-card-builtin.d.ts

@@ -0,0 +1,14 @@
+import { VNode } from '../../../stencil-public-runtime';
+import { KupCard } from '../kup-card';
+/**
+ * 1st builtin card layout, calendar view.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 1st builtin layout virtual node.
+ */
+export declare function create1(component: KupCard): VNode;
+/**
+ * 2st builtin card layout, time view.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 2st builtin layout virtual node.
+ */
+export declare function create2(component: KupCard): VNode;

package/dist/types/components/kup-card/builtin/kup-card-calendar.d.ts

@@ -0,0 +1,2 @@
+import { KupCard } from '../kup-card';
+export declare function prepareCalendar(component: KupCard): any;

package/dist/types/components/kup-card/builtin/kup-card-clock.d.ts

@@ -0,0 +1,2 @@
+import { KupCard } from '../kup-card';
+export declare function prepareClock(component: KupCard): any;

package/dist/types/components/kup-card/free/kup-card-free.d.ts

@@ -0,0 +1,8 @@
+import { VNode } from '../../../stencil-public-runtime';
+import type { KupCard } from '../kup-card';
+/**
+ * 1st free card layout, only slots.
+ * @param {KupCard} component - Card component.
+ * @returns {VNode} 1st standard layout virtual node.
+ */
+export declare function create1(component: KupCard): VNode;

package/dist/types/components/kup-card/kup-card-declarations.d.ts

@@ -1,5 +1,6 @@
 import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
 import { KupObj } from '../../utils/kup-objects/kup-objects-declarations';
+import { SourceEvent } from '../kup-date-picker/kup-date-picker-declarations';
 /**
  * Props of the kup-card component.
  * Used to export every prop in an object.
@@ -14,6 +15,69 @@ export declare enum KupCardProps {
   sizeX = "The width of the card, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).",
   sizeY = "The height of the card, defaults to 100%. Accepts any valid CSS format (px, %, vh, etc.)."
 }
+/**
+ * Options prop of the kup-card calendar builtin.
+ */
+export interface KupCardBuiltinCalendarOptions {
+  initialValue?: string | KupObj;
+  firstDayIndex?: number;
+  resetStatus: boolean;
+}
+/**
+ * Data prop of the element kup-card calendar builtin.
+ */
+export interface KupCardBuiltinCalendarData {
+  value?: Date;
+  firstDayIndex?: number;
+  calendarView?: SourceEvent;
+  day?: number;
+  month?: number;
+  year?: number;
+}
+/**
+ * Html element of kup-card calendar builtin.
+ */
+export interface KupCardBuiltinCalendar extends HTMLElement {
+  kupData: KupCardBuiltinCalendarData;
+}
+/**
+ * Options prop of the kup-card clock builtin.
+ */
+export interface KupCardBuiltinClockOptions {
+  initialValue?: string | KupObj;
+  manageSeconds?: boolean;
+  hoursActive?: boolean;
+  minutesActive?: boolean;
+  secondsActive?: boolean;
+}
+/**
+ * Element ids for kup-card clock builtin.
+ */
+export declare enum KupCardBuiltinClockElements {
+  CLOCK = "clockEl",
+  HOURS = "hoursEl",
+  MINUTES = "minutesEl",
+  SECONDS = "secondsEl",
+  HOURSCIRCLE = "hoursCircleEl",
+  MINUTESCIRCLE = "minutesCircleEl",
+  SECONDSCIRCLE = "secondsCircleEl"
+}
+/**
+ * Data prop of the element kup-card clock builtin.
+ */
+export interface KupCardBuiltinClockData {
+  value?: string;
+  manageSeconds?: boolean;
+  hoursActive?: boolean;
+  minutesActive?: boolean;
+  secondsActive?: boolean;
+}
+/**
+ * Html element of kup-card clock builtin.
+ */
+export interface KupCardBuiltinClock extends HTMLElement {
+  kupData: KupCardBuiltinClockData;
+}
 /**
  * Data prop of the kup-card component.
  */
@@ -30,6 +94,7 @@ export interface KupCardData {
   image?: GenericObject[];
   list?: GenericObject[];
   object?: KupObj[];
+  options?: KupCardBuiltinCalendarOptions | KupCardBuiltinClockOptions;
   progressbar?: GenericObject[];
   switch?: GenericObject[];
   tabbar?: GenericObject[];
@@ -41,13 +106,18 @@ export interface KupCardData {
 /**
  * Layout families of the kup-card component.
  * @enum {string}
+ * @property {string} BUILTIN - Cards belonging to this family will created automatically by library.
  * @property {string} COLLAPSIBLE - Cards belonging to this family will display an area usable to expand the content of the card.
+ * @property {string} DIALOG - Cards belonging to this family will be movable and usually closable.
+ * @property {string} FREE - This family of card will only receive slots, usually already arranged from the outside style.
  * @property {string} SCALABLE - Content will fit its container, resizing itself automatically.
  * @property {string} STANDARD - Stndard layouts.
  */
 export declare enum KupCardFamily {
+  BUILTIN = "builtin",
   COLLAPSIBLE = "collapsible",
   DIALOG = "dialog",
+  FREE = "free",
   SCALABLE = "scalable",
   STANDARD = "standard"
 }
@@ -69,6 +139,7 @@ export declare enum KupCardIds {
  * Recurring CSS classes.
  */
 export declare enum KupCardCSSClasses {
+  BUILTIN_CARD = "builtin-card",
   CARD_VIEW = "card-view",
   CLICKABLE_LINK = "clickable-link",
   COLLAPSIBLE_ACTIVE = "collapsible-active",
@@ -96,6 +167,9 @@ export declare enum KupCardSubEvents {
   TABBAR_CLICK = "kup-tabbar-click",
   TREE_NODESELECTED = "kup-tree-nodeselected"
 }
+export interface KupCardClickPayload extends KupEventPayload {
+  value: string;
+}
 export interface KupCardEventPayload extends KupEventPayload {
   event: any;
 }

package/dist/types/components/kup-card/kup-card.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, VNode } from '../../stencil-public-runtime';
 import type { GenericObject, KupEventPayload } from '../../types/GenericTypes';
-import { KupCardData, KupCardFamily, KupCardEventPayload } from './kup-card-declarations';
+import { KupCardData, KupCardFamily, KupCardEventPayload, KupCardClickPayload } from './kup-card-declarations';
 export declare class KupCard {
   /**
    * References the root HTML element of the component (<kup-card>).
@@ -72,7 +72,7 @@ export declare class KupCard {
   /**
    * Triggered when the card is clicked.
    */
-  kupClick: EventEmitter<KupEventPayload>;
+  kupClick: EventEmitter<KupCardClickPayload>;
   /**
    * Triggered when a dialog card is closed with the "X".
    */
@@ -85,7 +85,7 @@ export declare class KupCard {
    * Triggered when the component is ready.
    */
   kupReady: EventEmitter<KupEventPayload>;
-  onKupClick(id: string): void;
+  onKupClick(id: string, value: string): void;
   onKupClose(id: string): void;
   onKupEvent(e: CustomEvent): void;
   /**

package/dist/types/components/kup-data-table/kup-data-table-declarations.d.ts

@@ -299,11 +299,6 @@ export interface KupDataTableCellButtonClickEventPayload extends KupEventPayload
   column: Column;
   row: Row;
 }
-export interface KupDataTableCellTextFieldInputEventPayload extends KupEventPayload {
-  cell: Cell;
-  column: Column;
-  row: Row;
-}
 export interface KupDatatableLoadMoreClickEventPayload extends KupEventPayload {
   loadItems: number;
 }

package/dist/types/components/kup-data-table/kup-data-table.d.ts

@@ -305,9 +305,7 @@ export declare class KupDataTable {
   private tableAreaRef;
   private stickyTheadRef;
   private customizeTopButtonRef;
-  private customizeBottomButtonRef;
   private customizeTopPanelRef;
-  private customizeBottomPanelRef;
   private sizedColumns;
   private intObserver;
   private navBarHeight;
@@ -331,6 +329,7 @@ export declare class KupDataTable {
   private removeDropareaRef;
   private groupsDropareaRef;
   private clickCb;
+  private clickCbCustomPanel;
   /**
    * Used to prevent too many resizes callbacks at once.
    */

package/dist/types/components/kup-date-picker/kup-date-picker.d.ts

@@ -36,11 +36,9 @@ export declare class KupDatePicker {
    * Instance of the KupManager class.
    */
   private kupManager;
-  private calendarView;
   private textfieldEl;
   private pickerContainerEl;
   private pickerEl;
-  private pickerOpened;
   private clickCb;
   kupBlur: EventEmitter<KupDatePickerEventPayload>;
   kupChange: EventEmitter<KupDatePickerEventPayload>;
@@ -53,7 +51,6 @@ export declare class KupDatePicker {
   kupClearIconClick: EventEmitter<KupEventPayload>;
   onKupDatePickerItemClick(value: string): void;
   onKupClearIconClick(): void;
-  onKupDatePickerMonthYearItemClick(value: string): void;
   onKupBlur(): void;
   onKupChange(e: InputEvent): void;
   onKupClick(): void;
@@ -103,13 +100,6 @@ export declare class KupDatePicker {
   };
   isRelatedTargetInThisComponent(e: any): boolean;
   prepDatePicker(): any;
-  createCalendar(): any;
-  private createDaysCalendar;
-  private createMonthsCalendar;
-  private createYearsCalendar;
-  private changeView;
-  private prevPage;
-  private nextPage;
   getDateForOutput(): string;
   componentWillLoad(): void;
   componentDidLoad(): void;

package/dist/types/components/kup-time-picker/kup-time-picker.d.ts

@@ -56,10 +56,9 @@ export declare class KupTimePicker {
   private hoursActive;
   private minutesActive;
   private secondsActive;
+  private textFieldContainerEl;
   private textfieldEl;
-  private pickerContainerEl;
-  private pickerEl;
-  private pickerOpened;
+  private pickerKupEl;
   private clickCb;
   kupBlur: EventEmitter<KupTimePickerEventPayload>;
   kupChange: EventEmitter<KupTimePickerEventPayload>;
@@ -120,12 +119,6 @@ export declare class KupTimePicker {
   getPickerElId(): string;
   prepTextfield(initialValue: string): any;
   isRelatedTargetInThisComponent(e: any): boolean;
-  private setTimeFromClock;
-  private createClock;
-  private switchView;
-  private setClockViewActive;
-  private buildClock;
-  private setClockTime;
   prepTimePicker(): any;
   private createTimeListData;
   getTimeForOutput(): string;

package/dist/types/components.d.ts

@@ -17,7 +17,7 @@ import { KupButtonClickEventPayload } from "./components/kup-button/kup-button-d
 import { KupTreeColumnMenuEventPayload, KupTreeContextMenuEventPayload, KupTreeDynamicMassExpansionEventPayload, KupTreeExpansionMode, KupTreeNodeButtonClickEventPayload, KupTreeNodeCollapseEventPayload, KupTreeNodeExpandEventPayload, KupTreeNodeSelectedEventPayload, TreeNode, TreeNodePath } from "./components/kup-tree/kup-tree-declarations";
 import { KupButtonListClickEventPayload } from "./components/kup-button-list/kup-button-list-declarations";
 import { KupCalendarDateClickEventPayload, KupCalendarEventClickEventPayload, KupCalendarEventDropEventPayload, KupCalendarViewChangeEventPayload, KupCalendarViewTypes } from "./components/kup-calendar/kup-calendar-declarations";
-import { KupCardData, KupCardEventPayload, KupCardFamily } from "./components/kup-card/kup-card-declarations";
+import { KupCardClickPayload, KupCardData, KupCardEventPayload, KupCardFamily } from "./components/kup-card/kup-card-declarations";
 import { FCellPadding } from "./f-components/f-cell/f-cell-declarations";
 import { ChartAspect, ChartAxis, ChartOfflineMode, ChartSerie, ChartTitle, ChartType, KupChartClickEvent, KupChartSort, KupChartTrendlines } from "./components/kup-chart/kup-chart-declarations";
 import { KupCheckboxEventPayload } from "./components/kup-checkbox/kup-checkbox-declarations";
@@ -3596,7 +3596,7 @@ declare namespace LocalJSX {
         /**
           * Triggered when the card is clicked.
          */
-        "onKup-card-click"?: (event: CustomEvent<KupEventPayload>) => void;
+        "onKup-card-click"?: (event: CustomEvent<KupCardClickPayload>) => void;
         /**
           * Triggered when a dialog card is closed with the "X".
          */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "4.2.0-SNAPSHOT",
+    "version": "4.3.0-SNAPSHOT",
     "keywords": [
         "smeup",
         "KetchUP",

package/dist/ketchup/p-1e2c3497.js

@@ -1 +0,0 @@
-import{q as n,t as l,v as u,n as t,d as r}from"./p-4748be4b.js";import{c as e}from"./p-f6bff949.js";const f=document.documentElement;function i(n,l){if(null!=l&&null!=l.displayedValue)return l.displayedValue;let u=c(l.value,n,l);return null!=l&&(l.displayedValue=u),u}function o(n,l){return null==n?"":(null!=n.displayedValue&&""!=n.displayedValue.trim()||(n.displayedValue=c(n.value,l,null)),n.displayedValue)}function s(n){return n.obj?t(n.obj.k).value():t(n.value).value()}function c(n,l,u){let t=null!=l?l.obj:null;return null!=u&&(t=u.obj?u.obj:t),a(n,t,null!=l?l.decimals:null)}function a(t,r,i){return null==t||""==t.trim()?t:f.ketchup.objects.isNumber(r)?n(t,i||-1,r?r.p:""):f.ketchup.objects.isDate(r)&&f.ketchup.dates.isValid(t,e.ISO_DATE)?f.ketchup.dates.format(t):f.ketchup.objects.isTime(r)?l(t,f.ketchup.objects.isTimeWithSeconds(r),r.t+r.p):f.ketchup.objects.isTimestamp(r)?u(t):t}function m(n,l){if(null==n)return null;for(let u of n)if(u.name===l)return u;return null}function p(n,l,u){return b(n.obj,n.value,l.obj,l.value,u)}function b(n,l,u,t,i){const o="A"===i?1:-1;if(null==n||null==u)return o*d(l,t);if(n.t!==u.t||n.p!==u.p){let l=d(n.t,u.t);return 0===l&&(l=d(n.p,u.p)),l*o}let s=l,c=t;if(s==c)return 0;if(""==s)return-1*o;if(""==c)return 1*o;let a=s,m=c;if(f.ketchup.objects.isNumber(n))a=r(s),m=r(c);else if(f.ketchup.objects.isDate(n))a=f.ketchup.dates.toDate(f.ketchup.dates.format(s,e.ISO_DATE)),m=f.ketchup.dates.toDate(f.ketchup.dates.format(c,e.ISO_DATE));else if(f.ketchup.objects.isTime(n)){let l=f.ketchup.objects.isTimeWithSeconds(n);a=f.ketchup.dates.toDate(f.ketchup.dates.format(s,l?e.ISO_TIME:e.ISO_TIME_WITHOUT_SECONDS)),m=f.ketchup.dates.toDate(f.ketchup.dates.format(c,l?e.ISO_TIME:e.ISO_TIME_WITHOUT_SECONDS))}else f.ketchup.objects.isTimestamp(n)&&(a=f.ketchup.dates.toDate(f.ketchup.dates.format(s,e.ISO_DATE_TIME)),m=f.ketchup.dates.toDate(f.ketchup.dates.format(c,e.ISO_DATE_TIME)));return a>m?1*o:a<m?-1*o:0}function d(n,l){let u=null==n?0:n.length,t=null==l?0:l.length;const r=Math.min(u,t);let e=0;for(;e<r;){const u=n[e],t=l[e];if(u!==t)return u.charCodeAt(0)-t.charCodeAt(0);e++}return u-t}export{o as a,i as b,m as c,b as d,p as e,s as f,a as g}