@sme.up/ketchup 5.2.1-SNAPSHOT → 6.1.0-SNAPSHOT

package/dist/ketchup/{p-40f97429.js → p-e0035c58.js}

@@ -1 +1 @@
-import{e as n,d as t}from"./p-12773ca8.js";const u=document.documentElement;var r;function i(n){if(n)for(let t=0;t<n.length;t++)n[t].id=t.toString()}function e(n){const t={hour:"2-digit",minute:"2-digit",hour12:!1};return 1==n&&(t.second="2-digit"),new Intl.DateTimeFormat(u.ketchup.dates.getLocale()+"-u-hc-h23",t).formatToParts(new Date).map((n=>{switch(n.type){case"hour":return"HH";case"minute":return"mm";case"second":return"ss";default:return n.value}})).join("")}function c(n,t){return null!=n&&""!=n.trim()&&!!o(h(n,t))}function o(n){return!isNaN(n)}function s(n){return n&&null!=n&&""!=n.trim()||(n="0"),u.ketchup.math.numberify(n)}function a(n){let t="";return"P"==(n=n.toUpperCase())?t=" %":"VE"==n?t=" €":"VL"==n?t=" £":"VV"==n&&(t=" $"),t}function f(n,t,r){if(null==n||isNaN(n))return"";let i=function(n,t){return null==n?"":I(n,t,u.ketchup.dates.getLocale(),!0)}(n,t);return i+=a(r),i}function l(n,t,u){return f(s(n),t,u)}function h(n,t){return d(n,t,m(u.ketchup.dates.getLocale()))}function g(n,t){return d(n,t,".")}function d(n,t,r){if(null==n||""==n.trim())return"";let i=n,e=a(t);""!=e&&(n=n.replace(e,""));let c=null;return c="."==r?/,/g:/\./g,n=n.replace(c,""),"."!=r&&(n=n.replace(/,/g,".")),null==u.ketchup.math.numberify(n)||isNaN(u.ketchup.math.numberify(n))?i:I(s(n),-1,"en-US",!1)}function m(n){return function(n){return Intl.NumberFormat(n).formatToParts(1000.1).find((n=>"decimal"===n.type)).value}(n)}function I(n,t,u,r){return null==n&&(n=0),null!=t&&-1!=t||(t=function(n){if(Math.floor(n)===n)return 0;let t=n.toString().split(".")[1];return t&&t.length?t.length:0}(n)),Number(n).toLocaleString(u,t>-1?{minimumFractionDigits:t,maximumFractionDigits:t,useGrouping:r}:{useGrouping:r})}function w(n,t){const r={hour:"2-digit",minute:"2-digit",hour12:!1};return 1==t&&(r.second="2-digit"),n.toLocaleTimeString(u.ketchup.dates.getLocale()+"-u-hc-h23",r)}function N(n,t){let r=e(t);return u.ketchup.dates.isValid(n,r,!0)}function p(n){return D(n,t.ISO_DATE_TIME,!0)}function D(t,r,i){let c=e(i);return u.ketchup.dates.isValid(t,c)?u.ketchup.dates.format(u.ketchup.dates.normalize(t,n.TIME),r):""}function b(t,r,i){const e={hour:"2-digit",minute:"2-digit",hour12:!1};return 1==r&&(e.second="2-digit"),function(n,t,r,i){if(null==i)return t.toLocaleTimeString(u.ketchup.dates.getLocale()+"-u-hc-h23",r);switch(i){case"I13":case"I12":break;case"I11":case"I14":case"I1H":case"I1M":case"I21":case"I22":case"I23":case"I24":case"I2H":case"I2D":case"I2M":return n}return t.toLocaleTimeString(u.ketchup.dates.getLocale()+"-u-hc-h23",r)}(t,u.ketchup.dates.toDate(u.ketchup.dates.normalize(t,n.TIME)),e,i)}function H(t){return u.ketchup.dates.toDate(u.ketchup.dates.normalize(t,n.TIMESTAMP)).toLocaleString(u.ketchup.dates.getLocale()+"-u-hc-h23",{day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1})}function V(n,t){if(null==n)return"";const r=new Date;r.setDate(1),r.setMonth(n-1);const i={month:t};return new Intl.DateTimeFormat(u.ketchup.dates.getLocale(),i).format(r)}function j(n){null!=n&&""!=n.trim()||(n=r.LONG);for(var t=[],u=0;u<12;u++)t[u]=V(u+1,n);return t}function M(n,t,u){let r={};if(u)r=t;else for(const u in t)Object.prototype.hasOwnProperty.call(t,u)&&(r[u]=n[u]);return r}function k(n,t,u){for(const r in u)t[r]?n[r]=u[r]:n.rootElement[r]=u[r]}!function(n){n.NUMERIC="numeric",n.DIGIT2="2-digit",n.LONG="long",n.SHORT="short",n.NARROW="narrow"}(r||(r={}));export{r as D,p as a,c as b,h as c,s as d,o as e,D as f,M as g,i as h,N as i,j,l as k,w as l,b as m,f as n,H as o,m as p,k as s,g as u}
+import{r as n,d as t}from"./p-aca0e54b.js";const u=document.documentElement;var r;function i(n){if(n)for(let t=0;t<n.length;t++)n[t].id=t.toString()}function e(n){const t={hour:"2-digit",minute:"2-digit",hour12:!1};return 1==n&&(t.second="2-digit"),new Intl.DateTimeFormat(u.ketchup.dates.getLocale()+"-u-hc-h23",t).formatToParts(new Date).map((n=>{switch(n.type){case"hour":return"HH";case"minute":return"mm";case"second":return"ss";default:return n.value}})).join("")}function c(n,t){return null!=n&&""!=n.trim()&&!!o(h(n,t))}function o(n){return!isNaN(n)}function s(n){return n&&null!=n&&""!=n.trim()||(n="0"),u.ketchup.math.numberify(n)}function a(n){let t="";return"P"==(n=n.toUpperCase())?t=" %":"VE"==n?t=" €":"VL"==n?t=" £":"VV"==n&&(t=" $"),t}function f(n,t,r){if(null==n||isNaN(n))return"";let i=function(n,t){return null==n?"":I(n,t,u.ketchup.dates.getLocale(),!0)}(n,t);return i+=a(r),i}function l(n,t,u){return f(s(n),t,u)}function h(n,t){return d(n,t,m(u.ketchup.dates.getLocale()))}function g(n,t){return d(n,t,".")}function d(n,t,r){if(null==n||""==n.trim())return"";let i=n,e=a(t);""!=e&&(n=n.replace(e,""));let c=null;return c="."==r?/,/g:/\./g,n=n.replace(c,""),"."!=r&&(n=n.replace(/,/g,".")),null==u.ketchup.math.numberify(n)||isNaN(u.ketchup.math.numberify(n))?i:I(s(n),-1,"en-US",!1)}function m(n){return function(n){return Intl.NumberFormat(n).formatToParts(1000.1).find((n=>"decimal"===n.type)).value}(n)}function I(n,t,u,r){return null==n&&(n=0),null!=t&&-1!=t||(t=function(n){if(Math.floor(n)===n)return 0;let t=n.toString().split(".")[1];return t&&t.length?t.length:0}(n)),Number(n).toLocaleString(u,t>-1?{minimumFractionDigits:t,maximumFractionDigits:t,useGrouping:r}:{useGrouping:r})}function w(n,t){const r={hour:"2-digit",minute:"2-digit",hour12:!1};return 1==t&&(r.second="2-digit"),n.toLocaleTimeString(u.ketchup.dates.getLocale()+"-u-hc-h23",r)}function N(n,t){let r=e(t);return u.ketchup.dates.isValid(n,r,!0)}function p(n){return D(n,t.ISO_DATE_TIME,!0)}function D(t,r,i){let c=e(i);return u.ketchup.dates.isValid(t,c)?u.ketchup.dates.format(u.ketchup.dates.normalize(t,n.TIME),r):""}function b(t,r,i){const e={hour:"2-digit",minute:"2-digit",hour12:!1};return 1==r&&(e.second="2-digit"),function(n,t,r,i){if(null==i)return t.toLocaleTimeString(u.ketchup.dates.getLocale()+"-u-hc-h23",r);switch(i){case"I13":case"I12":break;case"I11":case"I14":case"I1H":case"I1M":case"I21":case"I22":case"I23":case"I24":case"I2H":case"I2D":case"I2M":return n}return t.toLocaleTimeString(u.ketchup.dates.getLocale()+"-u-hc-h23",r)}(t,u.ketchup.dates.toDate(u.ketchup.dates.normalize(t,n.TIME)),e,i)}function H(t){return u.ketchup.dates.toDate(u.ketchup.dates.normalize(t,n.TIMESTAMP)).toLocaleString(u.ketchup.dates.getLocale()+"-u-hc-h23",{day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1})}function V(n,t){if(null==n)return"";const r=new Date;r.setDate(1),r.setMonth(n-1);const i={month:t};return new Intl.DateTimeFormat(u.ketchup.dates.getLocale(),i).format(r)}function j(n){null!=n&&""!=n.trim()||(n=r.LONG);for(var t=[],u=0;u<12;u++)t[u]=V(u+1,n);return t}function M(n,t,u){let r={};if(u)r=t;else for(const u in t)Object.prototype.hasOwnProperty.call(t,u)&&(r[u]=n[u]);return r}function k(n,t,u){for(const r in u)t[r]?n[r]=u[r]:n.rootElement[r]=u[r]}!function(n){n.NUMERIC="numeric",n.DIGIT2="2-digit",n.LONG="long",n.SHORT="short",n.NARROW="narrow"}(r||(r={}));export{r as D,j as a,N as b,w as c,b as d,H as e,D as f,M as g,s as h,i,p as j,c as k,h as l,g as m,f as n,o,m as p,k as s,l as u}

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

@@ -0,0 +1 @@
+import{r as t,c as e,f as i,h as o,H as s,g as r}from"./p-34b74425.js";import{k as h}from"./p-aca0e54b.js";import{g as a,s as n}from"./p-e0035c58.js";import{c as p}from"./p-97e8ea42.js";var f;!function(t){t.customStyle="Custom style of the component.",t.placeholderAttrs="Html attributes of the picture before the component enters the viewport.",t.resourceAttrs="Html attributes of the picture after the component enters the viewport."}(f||(f={}));var c,l,d,m,u,w,b=function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)},v=function(t,e,i,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,i):s?s.value=i:e.set(t,i),i};const k=class{constructor(i){t(this,i),this.kupPhotoFramePlaceholderLoad=e(this,"kup-photoframe-placeholderload",6),this.kupPhotoFrameResourceLoad=e(this,"kup-photoframe-resourceload",6),this.isInViewport=!1,this.customStyle="",this.placeholderAttrs={},this.resourceAttrs={},this.threshold=.25,c.set(this,null),l.set(this,h()),d.set(this,null),m.set(this,null),u.set(this,!1),w.set(this,null)}async getProps(t){return a(this,f,t)}async refresh(){i(this)}async setProps(t){n(this,f,t)}setObserver(){v(this,c,new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.isInViewport=!0,b(this,c,"f").unobserve(this.rootElement))}))}),{threshold:this.threshold}),"f")}componentWillLoad(){b(this,l,"f").debug.logLoad(this,!1),b(this,l,"f").theme.register(this),this.setObserver()}componentDidLoad(){b(this,l,"f").debug.logLoad(this,!0)}componentWillRender(){b(this,l,"f").debug.logRender(this,!1)}componentDidRender(){b(this,l,"f").debug.logRender(this,!0)}render(){return this.isInViewport&&!b(this,u,"f")&&v(this,u,!0,"f"),o(s,null,o("style",null,b(this,l,"f").theme.setKupStyle(this.rootElement)),o("div",{id:p,ref:t=>{v(this,w,t,"f")}},o("img",Object.assign({},this.placeholderAttrs,{class:"placeholder",ref:t=>v(this,d,t,"f"),onLoad:()=>{b(this,d,"f").naturalWidth>b(this,d,"f").naturalHeight?b(this,w,"f").classList.add("horizontal"):b(this,w,"f").classList.add("vertical"),b(this,c,"f").observe(this.rootElement),b(this,d,"f").classList.add("placeholder--loaded"),this.kupPhotoFramePlaceholderLoad.emit({comp:this,id:this.rootElement.id})}})),b(this,u,"f")?o("img",Object.assign({},this.resourceAttrs,{class:"resource",ref:t=>v(this,m,t,"f"),onLoad:()=>{b(this,m,"f").classList.add("resource--fade-in"),b(this,d,"f").classList.add("placeholder--fade-out"),this.kupPhotoFrameResourceLoad.emit({comp:this,id:this.rootElement.id})}})):null))}disconnectedCallback(){b(this,l,"f").theme.unregister(this),b(this,c,"f").unobserve(this.rootElement)}get rootElement(){return r(this)}};c=new WeakMap,l=new WeakMap,d=new WeakMap,m=new WeakMap,u=new WeakMap,w=new WeakMap,k.style=":host{--kup_photoframe_border:var(\n    --kup-photoframe-border,\n    1px inset var(--kup-border-color)\n  );--kup_photoframe_fade_out_time:var(--kup-photoframe-fade-out-time, 3000ms);border:var(--kup_photoframe_border);display:block;height:100%;position:relative;width:100%}#kup-component{position:relative;height:100%;width:100%}img{max-height:100%;max-width:100%}.horizontal img{width:100%}.vertical img{height:100%}.placeholder{opacity:1;transition:opacity var(--kup_photoframe_fade_out_time) ease-out;z-index:1}.placeholder--fade-out{opacity:0}.resource{left:0;position:absolute;top:0;z-index:-1}:host(.kup-fit) img{height:100%;object-fit:cover;width:100%}";export{k as kup_photo_frame}

package/dist/ketchup/{p-44192f30.entry.js → p-ea10176c.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,f as s,h as e,H as o,g as l}from"./p-34b74425.js";import{k as a,j as h}from"./p-12773ca8.js";import{c as n}from"./p-97e8ea42.js";var u;!function(t){t.customStyle="Custom style of the component.",t.data="Effective data to pass to the component.",t.label="The text of the label. If set to empty or has only white space chars, the label will be removed.",t.labelPos="Sets the label's position, left right or top.",t.showSubmit="Sets whether the submit button must be displayed or not.",t.submitLabel="Sets the submit button's label.",t.submitPos="Sets the submit button's position, top right bottom or left.",t.type="The type of the FLD"}(u||(u={}));const r=class{constructor(s){t(this,s),this.kupChange=i(this,"kup-field-change",6),this.kupSubmit=i(this,"kup-field-submit",6),this.customStyle="",this.data={},this.label="",this.labelPos="left",this.showSubmit=!1,this.submitLabel="",this.submitPos="right",this.type=void 0,this.kupManager=a(),this.currentValue=null,this.previousValue=null,this.onChangeInstance=this.onChange.bind(this),this.onSubmitInstance=this.onSubmit.bind(this)}onChange(t){const{value:i,info:s}=t.detail;this.kupChange.emit({originalEvent:t,oldValue:this.currentValue,value:i,info:s}),this.previousValue=this.currentValue,this.currentValue=i}onSubmit(t){this.kupSubmit.emit({originalEvent:t,oldValue:this.previousValue,value:this.currentValue,info:{obj:t.detail.info&&t.detail.info.obj?t.detail.info.obj:void 0}})}async getCurrentValue(){return this.currentValue}async getProps(t){let i={};if(t)i=u;else for(const t in u)Object.prototype.hasOwnProperty.call(u,t)&&(i[t]=this[t]);return i}async refresh(){s(this)}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(){let t=[],i=null,s=null,l="",a=Object.assign({},this.data);this.label.trim().length&&(l+=" label-"+this.labelPos,i=e("label",{class:"kup-field__label kup-field--"+this.labelPos},this.label)),this.showSubmit&&(l+=" submit-"+this.submitPos,s=e("kup-button",{class:"kup-field__submit",label:this.submitLabel,"onkup-button-click":this.onSubmitInstance}));const u="top"===this.labelPos,r="left"===this.labelPos,p="right"===this.labelPos,b="top"===this.submitPos,c="left"===this.submitPos,m="right"===this.submitPos,f="bottom"===this.submitPos;let d;if((u||b)&&t.push(e("div",{class:"kup-field__top-container"},u&&i?i:null,b&&s?s:null)),r&&i&&t.push(i),c&&s&&t.push(s),void 0===this.type)this.kupManager.debug.logMessage(this,"Type (state) is undefined!",h.WARNING);else switch(this.type.toLowerCase()){case"cmb":d="kup-combobox",a.onKupComboboxChange=this.onChangeInstance;break;case"itx":d="kup-text-field",a.onkupTextFieldChange=this.onChangeInstance;break;case"rad":d="kup-radio",a.onkupRadioChange=this.onChangeInstance}return t.push(e(d,Object.assign({class:"kup-field__component"},a))),p&&i&&t.push(i),(m||f)&&s&&t.push(s),e(o,null,e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{id:n,class:l},t))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return l(this)}};r.style=":host{display:block;font-size:var(--kup-font-size)}label{color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:1em}.kup-field__component{display:inline-block}.label-top.submit-top label{float:left;margin:auto auto 1em auto}.label-top.submit-top kup-button{float:right;margin:auto auto 1em auto}.label-right label{display:inline-block;margin:auto auto auto 1em}.submit-right kup-button{display:inline-block;margin:auto auto auto 1em}.label-left label{display:inline-block;margin:auto 1em auto auto}.submit-left kup-button{display:inline-block;margin:auto 1em auto auto}.submit-bottom kup-button{display:block;margin:1em auto auto auto}";export{r as kup_field}
+import{r as t,c as i,f as s,h as e,H as o,g as l}from"./p-34b74425.js";import{k as a,c as h}from"./p-aca0e54b.js";import{c as n}from"./p-97e8ea42.js";var u;!function(t){t.customStyle="Custom style of the component.",t.data="Effective data to pass to the component.",t.label="The text of the label. If set to empty or has only white space chars, the label will be removed.",t.labelPos="Sets the label's position, left right or top.",t.showSubmit="Sets whether the submit button must be displayed or not.",t.submitLabel="Sets the submit button's label.",t.submitPos="Sets the submit button's position, top right bottom or left.",t.type="The type of the FLD"}(u||(u={}));const r=class{constructor(s){t(this,s),this.kupChange=i(this,"kup-field-change",6),this.kupSubmit=i(this,"kup-field-submit",6),this.customStyle="",this.data={},this.label="",this.labelPos="left",this.showSubmit=!1,this.submitLabel="",this.submitPos="right",this.type=void 0,this.kupManager=a(),this.currentValue=null,this.previousValue=null,this.onChangeInstance=this.onChange.bind(this),this.onSubmitInstance=this.onSubmit.bind(this)}onChange(t){const{value:i,info:s}=t.detail;this.kupChange.emit({originalEvent:t,oldValue:this.currentValue,value:i,info:s}),this.previousValue=this.currentValue,this.currentValue=i}onSubmit(t){this.kupSubmit.emit({originalEvent:t,oldValue:this.previousValue,value:this.currentValue,info:{obj:t.detail.info&&t.detail.info.obj?t.detail.info.obj:void 0}})}async getCurrentValue(){return this.currentValue}async getProps(t){let i={};if(t)i=u;else for(const t in u)Object.prototype.hasOwnProperty.call(u,t)&&(i[t]=this[t]);return i}async refresh(){s(this)}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(){let t=[],i=null,s=null,l="",a=Object.assign({},this.data);this.label.trim().length&&(l+=" label-"+this.labelPos,i=e("label",{class:"kup-field__label kup-field--"+this.labelPos},this.label)),this.showSubmit&&(l+=" submit-"+this.submitPos,s=e("kup-button",{class:"kup-field__submit",label:this.submitLabel,"onkup-button-click":this.onSubmitInstance}));const u="top"===this.labelPos,r="left"===this.labelPos,b="right"===this.labelPos,p="top"===this.submitPos,c="left"===this.submitPos,m="right"===this.submitPos,f="bottom"===this.submitPos;let d;if((u||p)&&t.push(e("div",{class:"kup-field__top-container"},u&&i?i:null,p&&s?s:null)),r&&i&&t.push(i),c&&s&&t.push(s),void 0===this.type)this.kupManager.debug.logMessage(this,"Type (state) is undefined!",h.WARNING);else switch(this.type.toLowerCase()){case"cmb":d="kup-combobox",a.onKupComboboxChange=this.onChangeInstance;break;case"itx":d="kup-text-field",a.onkupTextFieldChange=this.onChangeInstance;break;case"rad":d="kup-radio",a.onkupRadioChange=this.onChangeInstance}return t.push(e(d,Object.assign({class:"kup-field__component"},a))),b&&i&&t.push(i),(m||f)&&s&&t.push(s),e(o,null,e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{id:n,class:l},t))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return l(this)}};r.style=":host{display:block;font-size:var(--kup-font-size)}label{color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:1em}.kup-field__component{display:inline-block}.label-top.submit-top label{float:left;margin:auto auto 1em auto}.label-top.submit-top kup-button{float:right;margin:auto auto 1em auto}.label-right label{display:inline-block;margin:auto auto auto 1em}.submit-right kup-button{display:inline-block;margin:auto auto auto 1em}.label-left label{display:inline-block;margin:auto 1em auto auto}.submit-left kup-button{display:inline-block;margin:auto 1em auto auto}.submit-bottom kup-button{display:block;margin:1em auto auto auto}";export{r as kup_field}

package/dist/ketchup/{p-67842f1e.entry.js → p-f09f2f98.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,f as s,h as e,H as h,g as o}from"./p-34b74425.js";import{k as r,K as l,x as n}from"./p-12773ca8.js";import{c as u}from"./p-97e8ea42.js";import{F as c}from"./p-669bde31.js";import{F as a}from"./p-ecb7069b.js";import"./p-a0b1d769.js";import"./p-8c44c3b9.js";var p;!function(t){t.customStyle="Custom style of the component.",t.data="Props of the sub-components.",t.decimals="Defaults at false. When set to true, the component has decimals.",t.disabled="Defaults at false. When set to true, the component is disabled.",t.initialValue="Sets the initial value of the component",t.maxDecimals="when set, the component allows you to enter decimals with a maximum of characters.",t.maxIntegers="When set, the component allows you to enter integer numbers with a maximum of characters.",t.maxLength="When set, the component allows you to enter numbers with a maximum of characters, including decimals.",t.negative="Defaults at false. When set to true, the component has negative number."}(p||(p={}));const m=class{constructor(s){t(this,s),this.kupBlur=i(this,"kup-numericpicker-blur",6),this.kupChange=i(this,"kup-numericpicker-change",6),this.kupClick=i(this,"kup-numericpicker-click",6),this.kupFocus=i(this,"kup-numericpicker-focus",6),this.kupInput=i(this,"kup-numericpicker-input",6),this.kupIconClick=i(this,"kup-numericpicker-iconclick",6),this.kupItemClick=i(this,"kup-numericpicker-itemclick",6),this.kupTextFieldSubmit=i(this,"kup-numericpicker-textfieldsubmit",6),this.kupClearIconClick=i(this,"kup-numericpicker-cleariconclick",6),this.stateSwitcher=!1,this.value="",this.customStyle="",this.data=null,this.decimals=!1,this.disabled=!1,this.initialValue="",this.maxDecimals=null,this.maxIntegers=null,this.maxLength=null,this.negative=!1,this.kupManager=r(),this.textfieldEl=null,this.pickerContainerEl=null,this.pickerEl={value:(new Date).toISOString(),date:new Date},this.clickCb=null}onKupPickerItemClick(t){this.setPickerValueSelected(t),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value}),this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected(""),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,!0)}onkupTextFieldSubmit(t){"Enter"===t.key&&this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}onKupIconClick(){this.isPickerOpened()?this.closePicker():this.openPicker(),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){this.isPickerOpened()&&("Escape"===t.key&&this.closePicker(),"Enter"===t.key&&this.setPickerValueSelected())}async getValue(){return this.value}async getProps(t){let i={};if(t)i=p;else for(const t in p)Object.prototype.hasOwnProperty.call(p,t)&&(i[t]=this[t]);return i}async refresh(){s(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setValue(t){this.value=t}refreshPickerValue(t,i,s){let e=this.kupManager.math.numberify(t,!0);if(e){let t=e.toString();const h=t.indexOf(".");let o=h>-1?t.substring(0,h):t,r=h>-1?t.substring(h+1):"";for(this.maxIntegers&&o.length>this.maxIntegers&&(o=o.substring(o.length-this.maxIntegers)),this.maxDecimals&&r.length>this.maxDecimals&&(r=r.substring(0,this.maxDecimals));this.maxLength&&o.length+r.length>this.maxLength;)r.length>1?r=r.substring(0,r.length-1):o.length>1&&(o=o.substring(1));t=h>-1?`${o}.${r}`:o,1!=s&&this.setValue(t),null!=i&&i.emit({id:this.rootElement.id,value:t})}}setPickerValueSelected(t){1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t&&this.setValue(t))}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=!0;const i=this.pickerContainerEl.style;i.height="auto",i.minWidth=this.textfieldEl.parentElement.clientWidth+"px",null!=t&&t.classList.add("toggled"),this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)?this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement):this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,l.AUTO,!0),this.kupManager.dynamicPosition.start(this.pickerContainerEl),this.clickCb||(this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}),this.kupManager.addClickCallback(this.clickCb,!0)}closePicker(){if(this.kupManager.removeClickCallback(this.clickCb),!this.isPickerOpened())return;let t=this.textfieldEl;null!=t&&t.classList.remove("toggled"),this.pickerContainerEl.menuVisible=!1,this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return 1==this.pickerContainerEl.menuVisible}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){this.decimals||this.maxIntegers||(this.maxIntegers=17),!this.decimals||this.maxIntegers||this.maxDecimals||(this.maxIntegers=15,this.maxDecimals=2);const t=this.rootElement.classList.contains("kup-full-height"),i=this.rootElement.classList.contains("kup-full-width"),s=Object.assign({},this.data["kup-text-field"]);return s.icon||(s.icon="calculator"),s.icon&&(s.trailingIcon=!0),e(c,Object.assign({},s,{disabled:this.disabled,fullHeight:t,fullWidth:i,id:this.rootElement.id+"_text-field",value:this.kupManager.math.numbers.toLocaleString(this.value),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepPicker())}prepPicker(){return e("kup-card",{ref:t=>this.pickerContainerEl=t,data:{options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:!0}},layoutFamily:n.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:!0,"onkup-card-click":t=>{null!=t.detail.value&&this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.value=this.initialValue,this.data||(this.data={"kup-text-field":{}})}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(this.textfieldEl=i.querySelector("input"),a(i))}this.kupManager.debug.logRender(this,!0)}render(){return e(h,null,e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{id:u},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerContainerEl&&this.pickerContainerEl.remove()}get rootElement(){return o(this)}};m.style=":host{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";export{m as kup_numeric_picker}
+import{r as t,c as i,f as s,h as e,H as h,g as o}from"./p-34b74425.js";import{k as r,K as l,o as n}from"./p-aca0e54b.js";import{c as u}from"./p-97e8ea42.js";import{F as c}from"./p-44ec4f03.js";import{F as a}from"./p-a203f78b.js";import"./p-79b0730b.js";import"./p-81605f08.js";var p;!function(t){t.customStyle="Custom style of the component.",t.data="Props of the sub-components.",t.decimals="Defaults at false. When set to true, the component has decimals.",t.disabled="Defaults at false. When set to true, the component is disabled.",t.initialValue="Sets the initial value of the component",t.maxDecimals="when set, the component allows you to enter decimals with a maximum of characters.",t.maxIntegers="When set, the component allows you to enter integer numbers with a maximum of characters.",t.maxLength="When set, the component allows you to enter numbers with a maximum of characters, including decimals.",t.negative="Defaults at false. When set to true, the component has negative number."}(p||(p={}));const m=class{constructor(s){t(this,s),this.kupBlur=i(this,"kup-numericpicker-blur",6),this.kupChange=i(this,"kup-numericpicker-change",6),this.kupClick=i(this,"kup-numericpicker-click",6),this.kupFocus=i(this,"kup-numericpicker-focus",6),this.kupInput=i(this,"kup-numericpicker-input",6),this.kupIconClick=i(this,"kup-numericpicker-iconclick",6),this.kupItemClick=i(this,"kup-numericpicker-itemclick",6),this.kupTextFieldSubmit=i(this,"kup-numericpicker-textfieldsubmit",6),this.kupClearIconClick=i(this,"kup-numericpicker-cleariconclick",6),this.stateSwitcher=!1,this.value="",this.customStyle="",this.data=null,this.decimals=!1,this.disabled=!1,this.initialValue="",this.maxDecimals=null,this.maxIntegers=null,this.maxLength=null,this.negative=!1,this.kupManager=r(),this.textfieldEl=null,this.pickerContainerEl=null,this.pickerEl={value:(new Date).toISOString(),date:new Date},this.clickCb=null}onKupPickerItemClick(t){this.setPickerValueSelected(t),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value}),this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected(""),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,!0)}onkupTextFieldSubmit(t){"Enter"===t.key&&this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}onKupIconClick(){this.isPickerOpened()?this.closePicker():this.openPicker(),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){this.isPickerOpened()&&("Escape"===t.key&&this.closePicker(),"Enter"===t.key&&this.setPickerValueSelected())}async getValue(){return this.value}async getProps(t){let i={};if(t)i=p;else for(const t in p)Object.prototype.hasOwnProperty.call(p,t)&&(i[t]=this[t]);return i}async refresh(){s(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setValue(t){this.value=t}refreshPickerValue(t,i,s){let e=this.kupManager.math.numberify(t,!0);if(e){let t=e.toString();const h=t.indexOf(".");let o=h>-1?t.substring(0,h):t,r=h>-1?t.substring(h+1):"";for(this.maxIntegers&&o.length>this.maxIntegers&&(o=o.substring(o.length-this.maxIntegers)),this.maxDecimals&&r.length>this.maxDecimals&&(r=r.substring(0,this.maxDecimals));this.maxLength&&o.length+r.length>this.maxLength;)r.length>1?r=r.substring(0,r.length-1):o.length>1&&(o=o.substring(1));t=h>-1?`${o}.${r}`:o,1!=s&&this.setValue(t),null!=i&&i.emit({id:this.rootElement.id,value:t})}}setPickerValueSelected(t){1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t&&this.setValue(t))}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=!0;const i=this.pickerContainerEl.style;i.height="auto",i.minWidth=this.textfieldEl.parentElement.clientWidth+"px",null!=t&&t.classList.add("toggled"),this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)?this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement):this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,l.AUTO,!0),this.kupManager.dynamicPosition.start(this.pickerContainerEl),this.clickCb||(this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}),this.kupManager.addClickCallback(this.clickCb,!0)}closePicker(){if(this.kupManager.removeClickCallback(this.clickCb),!this.isPickerOpened())return;let t=this.textfieldEl;null!=t&&t.classList.remove("toggled"),this.pickerContainerEl.menuVisible=!1,this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return 1==this.pickerContainerEl.menuVisible}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){this.decimals||this.maxIntegers||(this.maxIntegers=17),!this.decimals||this.maxIntegers||this.maxDecimals||(this.maxIntegers=15,this.maxDecimals=2);const t=this.rootElement.classList.contains("kup-full-height"),i=this.rootElement.classList.contains("kup-full-width"),s=Object.assign({},this.data["kup-text-field"]);return s.icon||(s.icon="calculator"),s.icon&&(s.trailingIcon=!0),e(c,Object.assign({},s,{disabled:this.disabled,fullHeight:t,fullWidth:i,id:this.rootElement.id+"_text-field",value:this.kupManager.math.numbers.toLocaleString(this.value),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepPicker())}prepPicker(){return e("kup-card",{ref:t=>this.pickerContainerEl=t,data:{options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:!0}},layoutFamily:n.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:!0,"onkup-card-click":t=>{null!=t.detail.value&&this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.value=this.initialValue,this.data||(this.data={"kup-text-field":{}})}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(this.textfieldEl=i.querySelector("input"),a(i))}this.kupManager.debug.logRender(this,!0)}render(){return e(h,null,e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{id:u},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerContainerEl&&this.pickerContainerEl.remove()}get rootElement(){return o(this)}};m.style=":host{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";export{m as kup_numeric_picker}

package/dist/ketchup/{p-203d6295.entry.js → p-f71a1675.entry.js}

@@ -1 +1 @@
-import{r as i,h as t,g as h}from"./p-34b74425.js";import{k as o}from"./p-12773ca8.js";const e=class{constructor(t){i(this,t),this.appid="",this.app=!1,this.grid=[],this.debug=!1,this.fluid=!1,this.bordered=!1,this.defobjsize="400px",this.kupManager=o(),this.divlist=[]}getObjects(i){let t;return new Promise((h=>{i.rows.forEach((i=>{i.columns.forEach((i=>{t=!1,i.noSelections&&(t=i.noSelections),this.app.getObject(i.obj,i.obj,{noInteraction:!1,noSelections:t})}))})),h(!0)}))}doSelection(i){return new Promise((t=>{i.selections&&i.selections.forEach((i=>{this.app.field(i.field).selectValues(i.values,!1,!0)})),t(!0)}))}setRender(i){return new Promise((h=>{this.divlist=[],i.rows.forEach((i=>{let h=[];i.columns.forEach((i=>{let o="qvobject ";this.bordered&&(o+="bordered "),o=o+"width-"+i.colDim+" size-"+i.size,h.push(t("div",""!=i.obj?{id:i.obj,class:o}:{class:o}))})),this.divlist.push(t("div",{class:"kup-qlik-row"},h))})),h(!0)}))}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.setRender(this.grid)}render(){let i=null,h=null;return i=this.fluid?{"kup-qlik-container-fluid":!0}:{"kup-qlik-container":!0},h={"--lyo_obj-height":this.defobjsize},t("div",{class:i,style:h},this.divlist)}componentDidRender(){this.debug&&console.log("Grid",this.grid),this.qlik&&(""==this.appid||this.app?this.debug&&console.log("App already open:",this.app):this.app=this.qlik.openApp(this.appid,this.config),this.app&&this.getObjects(this.grid).then((()=>{this.doSelection(this.grid)}))),this.kupManager.debug.logRender(this,!0)}get rootElement(){return h(this)}};e.style=".kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height)/2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height)/3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height)*2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height)*3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-color, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";export{e as kup_qlik}
+import{r as i,h as t,g as h}from"./p-34b74425.js";import{k as o}from"./p-aca0e54b.js";const e=class{constructor(t){i(this,t),this.appid="",this.app=!1,this.grid=[],this.debug=!1,this.fluid=!1,this.bordered=!1,this.defobjsize="400px",this.kupManager=o(),this.divlist=[]}getObjects(i){let t;return new Promise((h=>{i.rows.forEach((i=>{i.columns.forEach((i=>{t=!1,i.noSelections&&(t=i.noSelections),this.app.getObject(i.obj,i.obj,{noInteraction:!1,noSelections:t})}))})),h(!0)}))}doSelection(i){return new Promise((t=>{i.selections&&i.selections.forEach((i=>{this.app.field(i.field).selectValues(i.values,!1,!0)})),t(!0)}))}setRender(i){return new Promise((h=>{this.divlist=[],i.rows.forEach((i=>{let h=[];i.columns.forEach((i=>{let o="qvobject ";this.bordered&&(o+="bordered "),o=o+"width-"+i.colDim+" size-"+i.size,h.push(t("div",""!=i.obj?{id:i.obj,class:o}:{class:o}))})),this.divlist.push(t("div",{class:"kup-qlik-row"},h))})),h(!0)}))}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.setRender(this.grid)}render(){let i=null,h=null;return i=this.fluid?{"kup-qlik-container-fluid":!0}:{"kup-qlik-container":!0},h={"--lyo_obj-height":this.defobjsize},t("div",{class:i,style:h},this.divlist)}componentDidRender(){this.debug&&console.log("Grid",this.grid),this.qlik&&(""==this.appid||this.app?this.debug&&console.log("App already open:",this.app):this.app=this.qlik.openApp(this.appid,this.config),this.app&&this.getObjects(this.grid).then((()=>{this.doSelection(this.grid)}))),this.kupManager.debug.logRender(this,!0)}get rootElement(){return h(this)}};e.style=".kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height)/2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height)/3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height)*2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height)*3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-color, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";export{e as kup_qlik}

package/dist/ketchup/{p-11e72a8c.entry.js → p-fac1a08b.entry.js}

@@ -1 +1 @@
-import{r as t,f as s,h as i,H as e,g as h}from"./p-34b74425.js";import{k as o}from"./p-12773ca8.js";import{c as l}from"./p-97e8ea42.js";const n=class{constructor(s){t(this,s),this.content=null,this.customStyle="",this.features={debug:!1,language:!1,longCycleProp:!1,longCycleVar:!1,objects:!1,objectsFunction:!1,theme:!1},this.kupManager=o(),this.startTime=performance.now(),this.featuresStartTime=null,this.endTime=null}async printLifecycleTime(){const t=this.endTime-this.featuresStartTime,s=this.endTime-this.startTime;return this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+s+"ms, while features took "+t+"ms.",{id:this.rootElement.id,fullTime:s,featuresTime:t}}async refresh(){s(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let t=0;t<1e6;t++)this.kupManager.objects.isNumber({t:"NR",p:"",k:""})}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now(),this.features.debug&&this.kupManager.debug.logLoad(this,!1),this.features.language&&this.kupManager.language.register(this),this.features.longCycleProp&&this.longCycleProp(),this.features.longCycleVar&&this.longCycleVar(),this.features.objects&&this.longCycleObjects(),this.features.objectsFunction&&this.longCycleObjectsFunction(),this.features.theme&&this.kupManager.theme.register(this)}componentDidLoad(){this.features.debug&&this.kupManager.debug.logLoad(this,!0),this.endTime=performance.now()}componentWillRender(){this.features.debug&&this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.features.debug&&this.kupManager.debug.logRender(this,!0)}render(){let t=null;return this.features.theme&&(t=this.kupManager.theme.setKupStyle(this.rootElement)),i(e,null,t?i("style",null,t):null,i("div",{id:l},this.content))}disconnectedCallback(){this.features.language&&this.kupManager.language.unregister(this),this.features.theme&&this.kupManager.theme.unregister(this)}get rootElement(){return h(this)}};export{n as kup_probe}
+import{r as t,f as s,h as i,H as e,g as h}from"./p-34b74425.js";import{k as o}from"./p-aca0e54b.js";import{c as l}from"./p-97e8ea42.js";const n=class{constructor(s){t(this,s),this.content=null,this.customStyle="",this.features={debug:!1,language:!1,longCycleProp:!1,longCycleVar:!1,objects:!1,objectsFunction:!1,theme:!1},this.kupManager=o(),this.startTime=performance.now(),this.featuresStartTime=null,this.endTime=null}async printLifecycleTime(){const t=this.endTime-this.featuresStartTime,s=this.endTime-this.startTime;return this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+s+"ms, while features took "+t+"ms.",{id:this.rootElement.id,fullTime:s,featuresTime:t}}async refresh(){s(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let t=0;t<1e6;t++)this.kupManager.objects.isNumber({t:"NR",p:"",k:""})}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now(),this.features.debug&&this.kupManager.debug.logLoad(this,!1),this.features.language&&this.kupManager.language.register(this),this.features.longCycleProp&&this.longCycleProp(),this.features.longCycleVar&&this.longCycleVar(),this.features.objects&&this.longCycleObjects(),this.features.objectsFunction&&this.longCycleObjectsFunction(),this.features.theme&&this.kupManager.theme.register(this)}componentDidLoad(){this.features.debug&&this.kupManager.debug.logLoad(this,!0),this.endTime=performance.now()}componentWillRender(){this.features.debug&&this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.features.debug&&this.kupManager.debug.logRender(this,!0)}render(){let t=null;return this.features.theme&&(t=this.kupManager.theme.setKupStyle(this.rootElement)),i(e,null,t?i("style",null,t):null,i("div",{id:l},this.content))}disconnectedCallback(){this.features.language&&this.kupManager.language.unregister(this),this.features.theme&&this.kupManager.theme.unregister(this)}get rootElement(){return h(this)}};export{n as kup_probe}

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

@@ -2,6 +2,7 @@ import { KupBadge } from '../kup-badge/kup-badge';
 import { KupEventPayload } from '../../types/GenericTypes';
 import { FCellShapes } from '../../f-components/f-cell/f-cell-declarations';
 import { KupDataCell, KupDataColumn, KupDataRow, KupDataRowAction } from '../../managers/kup-data/kup-data-declarations';
+import type { PointerEvent } from '@interactjs/types/index';
 /**
  * Props of the kup-box component.
  * Used to export every prop in an object.
@@ -28,15 +29,11 @@ export declare enum KupBoxProps {
   selectBox = "Automatically selects the box at the specified index.",
   selectedRowsState = "Multiple selection.",
   showSelection = "If enabled, highlights the selected box/boxes.",
-  showTooltipOnRightClick = "If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.",
   sortBy = "If sorting is enabled, specifies which column to sort.",
   sortEnabled = "Enable sorting.",
   stateId = "",
   store = "",
-  swipeDisabled = "Disable swipe.",
-  tooltipDetailTimeout = "Defines the timeout for tooltip detail.",
-  tooltipEnabled = "Enable show tooltip.",
-  tooltipLoadTimeout = "Defines the timeout for tooltip load."
+  swipeDisabled = "Disable swipe."
 }
 export interface KupBoxData {
   columns?: KupDataColumn[];
@@ -89,6 +86,7 @@ export interface KupBoxEventHandlerDetails {
   boxObject: HTMLElement;
   cell: KupDataCell;
   column: KupDataColumn;
+  originalEvent: PointerEvent;
   row: KupBoxRow;
 }
 export interface KupBoxClickEventPayload extends KupEventPayload {

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

@@ -132,11 +132,6 @@ export declare class KupBox {
    * @default true
    */
   showSelection: boolean;
-  /**
-   * If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.
-   * @default true
-   */
-  showTooltipOnRightClick: boolean;
   /**
    * If sorting is enabled, specifies which column to sort
    * @default undefined
@@ -154,21 +149,6 @@ export declare class KupBox {
    * @default false
    */
   swipeDisabled: boolean;
-  /**
-   * Defines the timeout for tooltip detail
-   * @default undefined
-   */
-  tooltipDetailTimeout: number;
-  /**
-   * Enable show tooltip
-   * @default true
-   */
-  tooltipEnabled: boolean;
-  /**
-   * Defines the timeout for tooltip load
-   * @default undefined
-   */
-  tooltipLoadTimeout: number;
   /**
    * Instance of the KupManager class.
    */
@@ -177,7 +157,6 @@ export declare class KupBox {
   private visibleColumns;
   private rows;
   private filteredRows;
-  private tooltip;
   private globalFilterTimeout;
   private boxContainer;
   private sectionRef;
@@ -280,7 +259,6 @@ export declare class KupBox {
       [index: string]: string;
     };
   };
-  renderTooltip(): any;
   didLoadInteractables(): void;
   didRenderInteractables(): void;
   componentWillLoad(): void;

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

@@ -51,7 +51,6 @@ export declare enum KupDataTableProps {
   showGroups = "When set to true enables the column grouping.",
   showHeader = "Enables rendering of the table header.",
   showLoadMore = "If set to true, displays the button to load more records.",
-  showTooltipOnRightClick = "If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.",
   sort = "Defines the current sorting options.",
   stateId = "",
   store = "",
@@ -59,9 +58,8 @@ export declare enum KupDataTableProps {
   sortEnabled = "When set to true enables the sorting of the columns by clicking on the column header.",
   tableHeight = "Sets the height of the table.",
   tableWidth = "Sets the width of the table.",
-  tooltipDetailTimeout = "Defines the timeout for tooltip detail",
-  tooltipEnabled = "Enable show tooltip",
-  totals = "Defines the current totals options."
+  totals = "Defines the current totals options.",
+  transpose = "Transposes the data of the data table."
 }
 export interface KupDataTableDataset {
   columns?: KupDataColumn[];

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

@@ -207,10 +207,6 @@ export declare class KupDataTable {
    * If set to true, displays the button to load more records.
    */
   showLoadMore: boolean;
-  /**
-   * If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.
-   */
-  showTooltipOnRightClick: boolean;
   /**
    * Defines the current sorting options.
    */
@@ -232,18 +228,6 @@ export declare class KupDataTable {
    * Sets the width of the table.
    */
   tableWidth: string;
-  /**
-   * Defines the timeout for tooltip detail
-   */
-  tooltipDetailTimeout: number;
-  /**
-   * Enable show tooltip
-   */
-  tooltipEnabled: boolean;
-  /**
-   * Defines the timeout for tooltip load
-   */
-  tooltipLoadTimeout: number;
   /**
    * Defines the current totals options
    */
@@ -273,6 +257,7 @@ export declare class KupDataTable {
   recalculateRowsAndUndoSelections(): void;
   controlFixedRowsColumns(): void;
   recalculateData(): void;
+  private initialized;
   private rows;
   private rowsLength;
   private paginatedRows;
@@ -291,7 +276,6 @@ export declare class KupDataTable {
    */
   private theadRef;
   private tableRef;
-  private tooltip;
   /**
    * contains the original data, used in transposed function
    * @private
@@ -530,7 +514,6 @@ export declare class KupDataTable {
   private onSelectAll;
   private openTotalMenu;
   private closeTotalMenu;
-  private closeMenuAndTooltip;
   private isOpenedTotalMenuForColumn;
   private groupRows;
   getInternalState(): Promise<{
@@ -565,7 +548,6 @@ export declare class KupDataTable {
   private composeHeaderCellClassAndStyle;
   private renderHeader;
   private renderStickyHeader;
-  renderTooltip(): any;
   areTotalsSelected(column: KupDataColumn): boolean;
   onTotalsChange(event: any, column: any): void;
   private totalMenuPosition;

package/dist/types/components/kup-form-editor/kup-form-editor-declarations.d.ts

@@ -0,0 +1,79 @@
+import { KupEventPayload } from '../../types/GenericTypes';
+/**
+ * Props of the kup-form-editor component.
+ * Used to export every prop in an object.
+ */
+export declare enum KupFormEditorProps {
+  customStyle = "Custom style of the component.",
+  data = "The data of the component."
+}
+export interface KupFormEditorEventPayload extends KupEventPayload {
+  data: KupForm;
+}
+export declare enum KupFormEditorDragTypes {
+  Components = "1",
+  Sections = "2"
+}
+export declare enum KupFormEditorLabels {
+  Loaded = "Loaded",
+  Reset = "Reset",
+  Save = "Save",
+  Components = "Components",
+  Sections = "Sections",
+  Column = "Column"
+}
+/**
+ * Extend html element properties for Form Editor
+ */
+export interface KupFormEditorElement extends HTMLDivElement {
+  kupData: KupFormEditorData;
+}
+/**
+ * Additional kupData for html element.
+ */
+export interface KupFormEditorData {
+  parent?: KupForm | KupSection;
+  form?: KupForm;
+  section?: KupSection;
+  componnent?: KupComponent;
+}
+export interface KupVariableEntity {
+  name: string;
+  type?: string;
+  value: string;
+}
+export interface KupDynamismEntity {
+  event: string;
+  exec?: string;
+  targets?: string[];
+  variables?: KupVariableEntity[];
+}
+export interface KupEntity {
+  id: string;
+  loaded: boolean;
+}
+export interface KupComponentEntity extends KupEntity {
+  fun: string;
+  evaluatedFun?: string;
+  title: string;
+  type: string;
+  variables?: KupVariableEntity[];
+  timer?: ReturnType<typeof setTimeout>;
+}
+export interface KupForm extends KupComponentEntity {
+  layout: string;
+  sections: KupSection[];
+}
+export interface KupWidget extends KupComponentEntity {
+  config?: any;
+  data?: any;
+  dynamisms?: KupDynamismEntity[];
+  options?: any;
+}
+export declare type KupComponent = KupForm | KupWidget;
+export interface KupSection extends KupEntity {
+  components?: KupComponent[];
+  dim?: string;
+  layout?: string;
+  sections?: KupSection[];
+}

package/dist/types/components/kup-form-editor/kup-form-editor.d.ts

@@ -0,0 +1,72 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GenericObject } from '../../types/GenericTypes';
+import { KupForm, KupFormEditorElement, KupFormEditorEventPayload, KupSection } from './kup-form-editor-declarations';
+export declare class KupFormEditor {
+  /**
+   * References the root HTML element of the component (<kup-text-field>).
+   */
+  rootElement: HTMLElement;
+  /**
+   * Force render component by internal event.
+   */
+  resetInternalData: boolean;
+  /**
+   * Custom style of the component.
+   * @default ""
+   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+   */
+  customStyle: string;
+  /**
+   * The data of the component.
+   * @default false
+   */
+  data: KupForm;
+  /**
+   * Instance of the KupManager class.
+   */
+  private kupManager;
+  /**
+   * Draggable type of Form (Components or Sections).
+   */
+  private dragType;
+  /**
+   * Internal data of the component.
+   */
+  private internalData;
+  /**
+   * Internal data backup of the component for refresh when changed content by drag&drop.
+   */
+  private internalDataBackup;
+  kupSave: EventEmitter<KupFormEditorEventPayload>;
+  onKupSave(): void;
+  dataChanged(): 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.
+   * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+   */
+  getProps(descriptions?: boolean): Promise<GenericObject>;
+  /**
+   * This method is used to trigger a new render of the component.
+   */
+  refresh(): Promise<void>;
+  /**
+   * Sets the props to the component.
+   * @param {GenericObject} props - Object containing props that will be set to the component.
+   */
+  setProps(props: GenericObject): Promise<void>;
+  buildHeader(): any;
+  buildForm(form: KupForm, parent: KupForm | KupSection): any;
+  buildSectionHeader(section: KupSection, parent: KupForm | KupSection): any;
+  buildSection(section: KupSection, parent: KupForm | KupSection): any;
+  didRenderInteractables(): void;
+  dropped(parent: KupFormEditorElement, child: KupFormEditorElement): void;
+  resetData(form?: KupForm): void;
+  unregisterInteractables(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  render(): any;
+  disconnectedCallback(): void;
+}

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

@@ -0,0 +1,14 @@
+import { KupDataNode } from '../../managers/kup-data/kup-data-declarations';
+import { KupEventPayload } from '../../types/GenericTypes';
+/**
+ * Props of the kup-image-list component.
+ * Used to export every prop in an object.
+ */
+export declare enum KupImageListProps {
+  customStyle = "Custom style of the component.",
+  data = "Actual data of the component",
+  ripple = "When enabled displays Material's ripple effect on clicked items."
+}
+export interface KupImageListEventPayload extends KupEventPayload {
+  node: KupDataNode;
+}

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

@@ -0,0 +1,56 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { GenericObject } from '../../types/GenericTypes';
+import { KupImageListEventPayload } from './kup-image-list-declarations';
+import { KupDataNode } from '../../managers/kup-data/kup-data-declarations';
+export declare class KupImageList {
+  #private;
+  /**
+   * References the root HTML element of the component (<kup-image-list>).
+   */
+  rootElement: HTMLElement;
+  currentNode: KupDataNode;
+  navigationBarToggled: boolean;
+  /**
+   * Custom style of the component.
+   * @default ""
+   * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
+   */
+  customStyle: string;
+  /**
+   * Actual data of the component.
+   * @default []
+   */
+  data: KupDataNode[];
+  /**
+   * When enabled displays Material's ripple effect on clicked items.
+   * @default true
+   */
+  ripple: boolean;
+  kupClick: EventEmitter<KupImageListEventPayload>;
+  onKupClick(node: KupDataNode): void;
+  kupContextMenu: EventEmitter<KupImageListEventPayload>;
+  onKupContextMenu(e: MouseEvent, node: KupDataNode): void;
+  kupDblClick: EventEmitter<KupImageListEventPayload>;
+  onKupDblClick(node: KupDataNode): 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.
+   * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+   */
+  getProps(descriptions?: boolean): Promise<GenericObject>;
+  /**
+   * This method is used to trigger a new render of the component.
+   */
+  refresh(): Promise<void>;
+  /**
+   * Sets the props to the component.
+   * @param {GenericObject} props - Object containing props that will be set to the component.
+   */
+  setProps(props: GenericObject): Promise<void>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  render(): any;
+  disconnectedCallback(): void;
+}

package/dist/types/components/kup-tab-bar/kup-tab-bar-declarations.d.ts

@@ -1,3 +1,4 @@
+import { KupDataNode } from '../../managers/kup-data/kup-data-declarations';
 import { KupEventPayload } from '../../types/GenericTypes';
 /**
  * Props of the kup-tab-bar component.
@@ -11,17 +12,10 @@ export declare enum KupTabBarProps {
 /**
  * The object of a single radio.
  */
-export interface KupTabBarData {
-  value: string;
+export interface KupTabBarNode extends KupDataNode {
   active?: boolean;
-  icon?: string;
-  text?: string;
-  title?: string;
 }
 export interface KupTabBarEventPayload extends KupEventPayload {
+  node: KupTabBarNode;
   index: number;
-  el: EventTarget;
-}
-export interface KupTabBarClickEventPayload extends KupTabBarEventPayload {
-  value: string;
 }

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { KupTabBarClickEventPayload, KupTabBarData, KupTabBarEventPayload } from './kup-tab-bar-declarations';
+import { KupTabBarNode, KupTabBarEventPayload } from './kup-tab-bar-declarations';
 import { GenericObject } from '../../types/GenericTypes';
 export declare class KupTabBar {
   /**
@@ -17,7 +17,7 @@ export declare class KupTabBar {
    * List of elements.
    * @default null
    */
-  data: KupTabBarData[];
+  data: KupTabBarNode[];
   /**
    * When enabled displays Material's ripple effect on item headers.
    * @default true
@@ -38,14 +38,14 @@ export declare class KupTabBar {
   /**
    * Triggered when the tab is clicked.
    */
-  kupClick: EventEmitter<KupTabBarClickEventPayload>;
+  kupClick: EventEmitter<KupTabBarEventPayload>;
   /**
    * Triggered when the tab is focused.
    */
   kupFocus: EventEmitter<KupTabBarEventPayload>;
-  onKupBlur(i: number, e: Event): void;
-  onKupClick(i: number, e: Event): void;
-  onKupFocus(i: number, e: Event): void;
+  onKupBlur(i: number, node: KupTabBarNode): void;
+  onKupClick(i: number, node: KupTabBarNode): void;
+  onKupFocus(i: number, node: KupTabBarNode): void;
   applyRipple(): void;
   /**
    * Used to retrieve component's props values.

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

@@ -32,10 +32,6 @@ export declare enum KupTreeProps {
   showIcons = "Shows the icons of the nodes.",
   stateId = "",
   store = "",
-  showTooltipOnRightClick = "If set to true, displays tooltip on right click; if set to false, displays tooltip on mouseOver.",
-  tooltipDetailTimeout = "Defines the timeout for tooltip detail",
-  tooltipEnabled = "Enable show tooltip",
-  tooltipLoadTimeout = "Defines the timeout for tooltip load",
   totals = "Defines the current totals options.",
   useDynamicExpansion = "When the component must use the dynamic expansion feature to open its nodes, it means that not all the nodes of the tree have been passed inside the data property. Therefore, when expanding a node, the tree must emit an event (or run a given callback) and wait for the child nodes to be downloaded from the server."
 }
@@ -62,7 +58,7 @@ export interface KupTreeEventHandlerDetails {
   row: KupDataRow;
   td: HTMLElement;
   th: HTMLElement;
-  tr: HTMLTableRowElement;
+  tr: HTMLElement;
 }
 export declare enum KupTreeExpansionMode {
   DROPDOWN = "dropdown",