@sme.up/ketchup 9.0.0 → 9.2.0

package/dist/ketchup/p-f6844304.entry.js

@@ -0,0 +1 @@
+import{r as i,f as n,h as l,H as a,d as t}from"./p-4067c71b.js";import{k as e,g as r,s,d}from"./p-20458088.js";import{c as o}from"./p-635bb4b3.js";var p;!function(i){i.columns="The number of columns displayed by the grid, the default behavior is 12.",i.customStyle="Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization",i.singleLine="When set to true, forces the content on a single line."}(p||(p={}));const u=class{constructor(n){i(this,n),this.kupManager=e(),this.columns=12,this.customStyle="",this.singleLine=!1}async getProps(i){return r(this,p,i)}async refresh(){n(this)}async setProps(i){s(this,p,i)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const i=this.rootElement.children;if(!i||0===i.length)return void this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",d.WARNING);const n=[];for(let a=0;a<i.length;a++){let t=null;if(this.singleLine)t=l("slot",{name:`${a}`});else{const n=i[a].span||i[a].getAttribute("span")||1;t=l("div",{class:`layout-grid__cell layout-grid__cell--span-${n}`},l("slot",{name:`${a}`}))}n.push(t)}const t={};return this.columns&&12!==this.columns&&(t["--kup_grid_columns"]=this.columns),l(a,{style:t},l("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),l("div",{id:o},l("div",{class:this.singleLine?"flex-layout":"layout-grid"},l("div",{class:this.singleLine?"flex-layout__inner":"layout-grid__inner"},n))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return t(this)}};u.style=":host{--kup_grid_font_size:var(--kup-grid-font-size, var(--kup-font-size));--kup_grid_gap:var(--kup-grid-gap, 24px);--kup_grid_gap_mobile:var(--kup-grid-gap-mobile, 16px);--kup_grid_padding:var(--kup-grid-padding, 24px);display:block;font-size:var(--kup_grid_font_size);height:100%;width:100%}#kup-component{height:100%;width:100%}.layout-grid{box-sizing:border-box;margin:0px auto;padding:var(--kup_grid_padding)}.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap);grid-template-columns:repeat(var(--kup_grid_columns, 12), minmax(0px, 1fr))}.layout-grid .layout-grid__inner .layout-grid__cell{box-sizing:border-box;display:flex;justify-content:center;margin:0px;width:auto}.layout-grid__cell--span-1{grid-column-end:span 1}.layout-grid__cell--span-2{grid-column-end:span 2}.layout-grid__cell--span-3{grid-column-end:span 3}.layout-grid__cell--span-4{grid-column-end:span 4}.layout-grid__cell--span-5{grid-column-end:span 5}.layout-grid__cell--span-6{grid-column-end:span 6}.layout-grid__cell--span-7{grid-column-end:span 7}.layout-grid__cell--span-8{grid-column-end:span 8}.layout-grid__cell--span-9{grid-column-end:span 9}.layout-grid__cell--span-10{grid-column-end:span 10}.layout-grid__cell--span-11{grid-column-end:span 11}.layout-grid__cell--span-12{grid-column-end:span 12}.layout-grid__cell--span-13{grid-column-end:span 13}.layout-grid__cell--span-14{grid-column-end:span 14}.layout-grid__cell--span-15{grid-column-end:span 15}.layout-grid__cell--span-16{grid-column-end:span 16}.layout-grid__cell--span-17{grid-column-end:span 17}.layout-grid__cell--span-18{grid-column-end:span 18}.layout-grid__cell--span-19{grid-column-end:span 19}.layout-grid__cell--span-20{grid-column-end:span 20}.layout-grid__cell--span-21{grid-column-end:span 21}.layout-grid__cell--span-22{grid-column-end:span 22}.layout-grid__cell--span-23{grid-column-end:span 23}.layout-grid__cell--span-24{grid-column-end:span 24}.flex-layout,.flex-layout__inner{height:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.flex-layout__inner{width:auto}.flex-layout__inner *{display:block;margin:0 1.5em}.flex-layout__inner .flex-layout__cell{display:flex}.flex-layout__inner .flex-layout__cell *{justify-content:center;margin:auto}@media (min-width: 600px) and (max-width: 839px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 8), minmax(0px, 1fr))}}@media (max-width: 599px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 4), minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}:host(.kup-full-width.scalable-cards) .flex-layout__inner{width:100%}:host(.kup-full-width.scalable-cards) .flex-layout__inner *{margin:0;height:100%;width:100%}";export{u as kup_grid}

package/dist/ketchup/{p-2d192def.entry.js → p-f8213d22.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,f as i,h as o,H as n,g as a}from"./p-2d42477d.js";import{k as e,g as r,s as c}from"./p-25de68e5.js";import{c as l}from"./p-635bb4b3.js";import{F as p}from"./p-8281c9e5.js";import"./p-b00f3575.js";import"./p-f729449f.js";const h="snackbar";var u;!function(t){t.actionButton="Set of FButton props to set the action button.",t.closeButton="When true, the hide button will be displayed.",t.customStyle="Custom style of the component.",t.text="Sets the textual content of the snackbar.",t.timeout="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."}(u||(u={}));const b=class{constructor(i){t(this,i),this.kupActionClick=s(this,"kup-snackbar-actionclick",6),this.kupTimeoutComplete=s(this,"kup-snackbar-timeoutcomplete",6),this.kupManager=e(),this.visible=!1,this.actionButton=null,this.closeButton=!0,this.customStyle="",this.text="",this.timeout=null}onKupActionClick(){this.hide(),this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return r(this,u,t)}async hide(){this.visible=!1}async refresh(){i(this)}async setProps(t){c(this,u,t)}async show(){this.visible=!0}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.timeout&&this.visible&&setTimeout((()=>{this.hide(),this.onKupTimeoutComplete()}),this.timeout),this.kupManager.debug.logRender(this,!0)}render(){return o(n,{"kup-visible":this.visible},o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:l},o("div",{class:h},o("div",{class:`${h}__text`},this.text),this.actionButton||this.closeButton?o("div",{class:`${h}__buttons`},this.actionButton?o("div",{class:`${h}__action`},o(p,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?o("div",{class:`${h}__close`},o(p,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};b.style=":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{box-sizing:border-box;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:space-between;max-width:672px;min-height:48px;min-width:344px}.snackbar__text{padding:14px 16px;pointer-events:all;word-break:break-word}.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:max-content}.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)}";export{b as kup_snackbar}
+import{r as t,c as s,f as i,h as o,H as n,d as a}from"./p-4067c71b.js";import{k as e,g as r,s as c}from"./p-20458088.js";import{c as l}from"./p-635bb4b3.js";import{F as p}from"./p-4e696daf.js";import"./p-b00f3575.js";import"./p-34e4a985.js";const h="snackbar";var u;!function(t){t.actionButton="Set of FButton props to set the action button.",t.closeButton="When true, the hide button will be displayed.",t.customStyle="Custom style of the component.",t.text="Sets the textual content of the snackbar.",t.timeout="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."}(u||(u={}));const b=class{constructor(i){t(this,i),this.kupActionClick=s(this,"kup-snackbar-actionclick",6),this.kupTimeoutComplete=s(this,"kup-snackbar-timeoutcomplete",6),this.kupManager=e(),this.visible=!1,this.actionButton=null,this.closeButton=!0,this.customStyle="",this.text="",this.timeout=null}onKupActionClick(){this.hide(),this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return r(this,u,t)}async hide(){this.visible=!1}async refresh(){i(this)}async setProps(t){c(this,u,t)}async show(){this.visible=!0}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.timeout&&this.visible&&setTimeout((()=>{this.hide(),this.onKupTimeoutComplete()}),this.timeout),this.kupManager.debug.logRender(this,!0)}render(){return o(n,{"kup-visible":this.visible},o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:l},o("div",{class:h},o("div",{class:`${h}__text`},this.text),this.actionButton||this.closeButton?o("div",{class:`${h}__buttons`},this.actionButton?o("div",{class:`${h}__action`},o(p,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?o("div",{class:`${h}__close`},o(p,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};b.style=":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{box-sizing:border-box;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:space-between;max-width:672px;min-height:48px;min-width:344px}.snackbar__text{padding:14px 16px;pointer-events:all;word-break:break-word}.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:max-content}.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)}";export{b as kup_snackbar}

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

@@ -220,6 +220,7 @@ export declare class KupBox {
   private getRows;
   private initRows;
   private sortRows;
+  private toSortObjectList;
   private checkScrollOnHover;
   private checkLayout;
   private onSortChange;

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

@@ -8,25 +8,25 @@ export declare enum KupCardListProps {
   columnsNumber = "Sets the number of columns.",
   customStyle = "Custom style of the component.",
   data = "Actual data of the component.",
+  decvalueCol = "Sets the decimal value column.",
+  descrCol = "Sets the description column.",
   fullWidth = "Sets whether the component occupies all available width.",
   horizontal = "Sets whether the cards are placed horizontally or not.",
-  isClickable = "Sets whether a single card is clickable or not."
-}
-/**
- * Available column options.
- */
-export type KupCardListOptions = 'descr' | 'icon' | 'value' | 'measure' | 'intvalue' | 'decvalue' | 'textcolor' | 'valuecolor' | 'iconcolor' | 'layout';
-/**
- * Card list column.
- */
-export interface KupCardListColumn extends KupDataColumn {
-  cardListOption?: KupCardListOptions;
+  iconCol = "Sets the icon column.",
+  iconcolorCol = "Sets the icon color column.",
+  intvalueCol = "Sets the integer value column.",
+  isClickable = "Sets whether a single card is clickable or not.",
+  layoutCol = "Sets the layout column.",
+  measureCol = "Sets the unit of measure column.",
+  textcolorCol = "Sets the text color column.",
+  valueCol = "Sets the value column.",
+  valuecolorCol = "Sets the value color column."
 }
 /**
  * Dataset of the card list.
  */
 export interface KupCardListData {
-  columns: KupCardListColumn[];
+  columns: KupDataColumn[];
   rows: KupDataRow[];
 }
 export interface KupCardListClickEventPayload extends KupEventPayload {

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

@@ -33,6 +33,56 @@ export declare class KupCardList {
    * @default false
    */
   horizontal: boolean;
+  /**
+   * Sets the description column.
+   * @default ""
+   */
+  descrCol: string;
+  /**
+   * Sets the icon column.
+   * @default ""
+   */
+  iconCol: string;
+  /**
+   * Sets the value column.
+   * @default ""
+   */
+  valueCol: string;
+  /**
+   * Sets the unit of measure column.
+   * @default ""
+   */
+  measureCol: string;
+  /**
+   * Sets the integer value column.
+   * @default ""
+   */
+  intvalueCol: string;
+  /**
+   * Sets the decimal value column.
+   * @default ""
+   */
+  decvalueCol: string;
+  /**
+   * Sets the text color column.
+   * @default ""
+   */
+  textcolorCol: string;
+  /**
+   * Sets the value color column.
+   * @default ""
+   */
+  valuecolorCol: string;
+  /**
+   * Sets the icon color column.
+   * @default ""
+   */
+  iconcolorCol: string;
+  /**
+   * Sets the layout column.
+   * @default ""
+   */
+  layoutCol: string;
   /**
    * Sets whether a single card is clickable or not.
    * @default false

package/dist/types/components/kup-progress-bar/kup-progress-bar.d.ts

@@ -59,7 +59,6 @@ export declare class KupProgressBar {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   setProps(props: GenericObject): Promise<void>;
-  private createIconElement;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentWillRender(): void;

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

@@ -1,4 +1,4 @@
-import { KupEventPayload } from "../../types/GenericTypes";
+import { KupEventPayload } from '../../types/GenericTypes';
 /**
  * Props of the kup-radio component.
  * Used to export every prop in an object.
@@ -10,14 +10,6 @@ export declare enum KupRadioProps {
   disabled = "Defaults at false. When set to true, the component is disabled.",
   leadingLabel = "Defaults at false. When set to true, the label will be on the left of the component."
 }
-/**
- * The object of a single radio.
- */
-export interface KupRadioData {
-  value: string;
-  label: string;
-  checked: boolean;
-}
 export interface KupRadioChangeEventPayload extends KupEventPayload {
   value: string;
 }

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

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { GenericObject, KupEventPayload } from '../../types/GenericTypes';
-import { KupRadioChangeEventPayload, KupRadioData } from './kup-radio-declarations';
+import { KupRadioChangeEventPayload } from './kup-radio-declarations';
+import { FRadioData } from '../../f-components/f-radio/f-radio-declarations';
 export declare class KupRadio {
   /**
    * References the root HTML element of the component (<kup-radio>).
@@ -26,7 +27,7 @@ export declare class KupRadio {
    * List of elements.
    * @default null
    */
-  data: KupRadioData[];
+  data: FRadioData[];
   /**
    * Defaults at false. When set to true, the component is disabled.
    * @default false

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

@@ -6,7 +6,6 @@ export declare class KupRating {
    * References the root HTML element of the component (<kup-rating>).
    */
   rootElement: HTMLElement;
-  stars: Array<object>;
   /**
    * Custom style of the component.
    * @default ""
@@ -32,9 +31,8 @@ export declare class KupRating {
    * Instance of the KupManager class.
    */
   private kupManager;
-  kupRatingClick: EventEmitter<KupRatingClickEventPayload>;
-  onStarClick(newValue: number): void;
-  private onValueChanged;
+  kupClick: EventEmitter<KupRatingClickEventPayload>;
+  onKupClick(newValue: number): void;
   /**
    * 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.
@@ -50,9 +48,6 @@ export declare class KupRating {
    * @param {GenericObject} props - Object containing props that will be set to the component.
    */
   setProps(props: GenericObject): Promise<void>;
-  onMouseOver(newValue: number): void;
-  onMouseOut(): void;
-  buildStars(numberOfStars: number): void;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentWillRender(): void;