@sme.up/ketchup 8.1.0 → 8.2.1

package/dist/ketchup/{p-01d44efe.entry.js → p-f023195c.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as i,h,H as s,g as a}from"./p-8c1edebd.js";import{k as o,g as n,s as l}from"./p-6ec8629e.js";import{c as p}from"./p-ad2e21d2.js";var r,c;!function(t){t.componentName="Sets the tag name of the component to be lazy loaded.",t.customStyle="Custom style of the component.",t.data="Sets the data of the component to be lazy loaded.",t.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(r||(r={})),function(t){t.VIEWPORT="viewport",t.PROPS="props",t.BOTH="both"}(c||(c={}));const d=class{constructor(i){t(this,i),this.kupLazyLoaded=e(this,"kup-lazy-loaded",6),this.intObserver=null,this.kupManager=o(),this.lazyComponent=null,this.lazyComponentLoaded=!1,this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=c.BOTH,this.showPlaceholder=!0}async getProps(t){return n(this,r,t)}async getComponent(){return this.lazyComponent}async refresh(){i(this)}async setProps(t){l(this,r,t)}setObserver(){this.intObserver=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+"."),this.isInViewport=!0,this.intObserver.unobserve(this.rootElement))}))}),{threshold:.25})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.lazyComponent&&!this.lazyComponentLoaded&&(this.lazyComponentLoaded=!0,this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})),this.kupManager.debug.logRender(this,!0)}render(){let t,e,i=this.componentName;switch(this.componentName){case"kup-button":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":default:e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},h("path",{d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},h("path",{d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}))}return this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport?(t=h(this.componentName,Object.assign({},this.data,{ref:t=>this.lazyComponent=t})),i+=" kup-loaded"):this.showPlaceholder&&(t=e,i+=" kup-to-be-loaded"),h(s,{class:i},h("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),h("div",{id:p},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this),null===(t=this.intObserver)||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return a(this)}};d.style=":host{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";export{d as kup_lazy}
+import{r as t,c as e,f as i,h,H as s,g as a}from"./p-3da7e4c6.js";import{k as o,g as n,s as l}from"./p-46daf529.js";import{c as p}from"./p-ad2e21d2.js";var r,c;!function(t){t.componentName="Sets the tag name of the component to be lazy loaded.",t.customStyle="Custom style of the component.",t.data="Sets the data of the component to be lazy loaded.",t.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(r||(r={})),function(t){t.VIEWPORT="viewport",t.PROPS="props",t.BOTH="both"}(c||(c={}));const d=class{constructor(i){t(this,i),this.kupLazyLoaded=e(this,"kup-lazy-loaded",6),this.intObserver=null,this.kupManager=o(),this.lazyComponent=null,this.lazyComponentLoaded=!1,this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=c.BOTH,this.showPlaceholder=!0}async getProps(t){return n(this,r,t)}async getComponent(){return this.lazyComponent}async refresh(){i(this)}async setProps(t){l(this,r,t)}setObserver(){this.intObserver=new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+"."),this.isInViewport=!0,this.intObserver.unobserve(this.rootElement))}))}),{threshold:.25})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.lazyComponent&&!this.lazyComponentLoaded&&(this.lazyComponentLoaded=!0,this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})),this.kupManager.debug.logRender(this,!0)}render(){let t,e,i=this.componentName;switch(this.componentName){case"kup-button":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":default:e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},h("path",{d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},h("path",{d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":e=h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},h("path",{d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}))}return this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport?(t=h(this.componentName,Object.assign({},this.data,{ref:t=>this.lazyComponent=t})),i+=" kup-loaded"):this.showPlaceholder&&(t=e,i+=" kup-to-be-loaded"),h(s,{class:i},h("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),h("div",{id:p},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this),null===(t=this.intObserver)||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return a(this)}};d.style=":host{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n    --kup-lazy-placeholder-color,\n    var(--kup-icon-color)\n  );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>*{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>*{margin:auto}";export{d as kup_lazy}

package/dist/ketchup/{p-a5f15864.js → p-ffbd77d5.js}

@@ -1 +1 @@
-import{h as n}from"./p-8c1edebd.js";import{F as t}from"./p-0fd98ab4.js";import{F as o}from"./p-673bb93e.js";const e=(e,u)=>{if(e.styling||(e.styling=t.RAISED),!e.label&&!e.icon)return;const i=!!(e.styling.toLowerCase()===t.ICON||e.styling.toLowerCase()===t.RAISED&&e.icon&&null==e.label);return n("div",Object.assign({class:`f-button ${e.danger?"kup-danger":""} ${e.fullHeight?"kup-full-height":""} ${e.fullWidth?"kup-full-width":""} ${e.info?"kup-info":""} ${e.large?"kup-large":""} ${e.pulsating?"kup-pulsating":""}  ${e.shaped?"kup-shaped":""} ${e.secondary?"kup-secondary":""} ${e.slim?"kup-slim":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),i?function(t){const e={color:t.disabled?"var(--kup_button_disabled_color)":"var(--kup_button_primary_color)",sizeX:t.large?"calc(1.75em * 1.5)":"1.75em",sizeY:t.large?"calc(1.75em * 1.5)":"1.75em"};return n("button",{type:t.buttonType?t.buttonType:"button",class:{"icon-button":!0,"button--disabled":!!t.disabled,"icon-button--on":!(!t.toggable||!t.checked),toggable:!!t.toggable,"button--with-spinner":!(!t.showSpinner||t.disabled)},disabled:t.disabled,onClick:t.onClick,style:{"--kup_button_spinner_height":e.sizeY,"--kup_button_spinner_width":e.sizeX},value:t.checked?"on":"off","aria-label":t.title},!t.showSpinner||t.disabled?n(o,Object.assign({},e,{resource:t.toggable&&!t.checked?t.iconOff?t.iconOff:t.icon+"_border":t.icon,wrapperClass:"icon-button__icon kup-icon"})):null,t.toggable&&!t.showSpinner?n(o,Object.assign({},e,{resource:t.icon,wrapperClass:"icon-button__icon icon-button__icon--on kup-icon"})):null,t.showSpinner&&!t.disabled?n("div",{class:"icon-button__spinner-container"},n("slot",{name:"spinner"})):void 0)}(e):function(e){const u=e.styling.toLowerCase()===t.FLAT,i=e.styling.toLowerCase()===t.FLOATING,s=e.styling.toLowerCase()===t.ICON,r=e.styling.toLowerCase()===t.OUTLINED,l=!(u||i||r||s),a={color:e.disabled?"var(--kup_button_disabled_color)":r||u?"var(--kup_button_primary_color)":"var(--kup_button_text_on_primary_color)",resource:e.icon,sizeX:i?"1.75em":"1.475em",sizeY:i?"1.75em":"1.475em",wrapperClass:"button__icon kup-icon"};e.showSpinner&&(a.wrapperClass+=" content--hidden");const c={button__label:!0,"content--hidden":!(!e.showSpinner||e.disabled)};return n("button",{type:e.buttonType?e.buttonType:"button",class:{button:!0,"button--disabled":!!e.disabled,"button--floating":!!i,"button--outlined":!!r,"button--raised":!!l,"button--no-label":!e.label||" "===e.label,"button--with-spinner":!(!e.showSpinner||e.disabled)},disabled:e.disabled,onBlur:e.onBlur,onClick:e.onClick,onFocus:e.onFocus,style:{"--kup_button_spinner_height":a.sizeY},"aria-label":e.title},e.trailingIcon?[n("span",{class:c},e.label),e.icon?n(o,Object.assign({},a)):void 0]:[e.icon?n(o,Object.assign({},a)):void 0,n("span",{class:c},e.label)],e.showSpinner&&!e.disabled?n("div",{class:"button__spinner-container"},n("slot",{name:"spinner"})):void 0)}(e),u)};export{e as F}
+import{h as n}from"./p-3da7e4c6.js";import{F as t}from"./p-0fd98ab4.js";import{F as o}from"./p-9c7b9ff2.js";const e=(e,u)=>{if(e.styling||(e.styling=t.RAISED),!e.label&&!e.icon)return;const i=!!(e.styling.toLowerCase()===t.ICON||e.styling.toLowerCase()===t.RAISED&&e.icon&&null==e.label);return n("div",Object.assign({class:`f-button ${e.danger?"kup-danger":""} ${e.fullHeight?"kup-full-height":""} ${e.fullWidth?"kup-full-width":""} ${e.info?"kup-info":""} ${e.large?"kup-large":""} ${e.pulsating?"kup-pulsating":""}  ${e.shaped?"kup-shaped":""} ${e.secondary?"kup-secondary":""} ${e.slim?"kup-slim":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),i?function(t){const e={color:t.disabled?"var(--kup_button_disabled_color)":"var(--kup_button_primary_color)",sizeX:t.large?"calc(1.75em * 1.5)":"1.75em",sizeY:t.large?"calc(1.75em * 1.5)":"1.75em"};return n("button",{type:t.buttonType?t.buttonType:"button",class:{"icon-button":!0,"button--disabled":!!t.disabled,"icon-button--on":!(!t.toggable||!t.checked),toggable:!!t.toggable,"button--with-spinner":!(!t.showSpinner||t.disabled)},disabled:t.disabled,onClick:t.onClick,style:{"--kup_button_spinner_height":e.sizeY,"--kup_button_spinner_width":e.sizeX},value:t.checked?"on":"off","aria-label":t.title},!t.showSpinner||t.disabled?n(o,Object.assign({},e,{resource:t.toggable&&!t.checked?t.iconOff?t.iconOff:t.icon+"_border":t.icon,wrapperClass:"icon-button__icon kup-icon"})):null,t.toggable&&!t.showSpinner?n(o,Object.assign({},e,{resource:t.icon,wrapperClass:"icon-button__icon icon-button__icon--on kup-icon"})):null,t.showSpinner&&!t.disabled?n("div",{class:"icon-button__spinner-container"},n("slot",{name:"spinner"})):void 0)}(e):function(e){const u=e.styling.toLowerCase()===t.FLAT,i=e.styling.toLowerCase()===t.FLOATING,s=e.styling.toLowerCase()===t.ICON,r=e.styling.toLowerCase()===t.OUTLINED,a=!(u||i||r||s),c={color:e.disabled?"var(--kup_button_disabled_color)":r||u?"var(--kup_button_primary_color)":"var(--kup_button_text_on_primary_color)",resource:e.icon,sizeX:i?"1.75em":"1.475em",sizeY:i?"1.75em":"1.475em",wrapperClass:"button__icon kup-icon"};e.showSpinner&&(c.wrapperClass+=" content--hidden");const l={button__label:!0,"content--hidden":!(!e.showSpinner||e.disabled)};return n("button",{type:e.buttonType?e.buttonType:"button",class:{button:!0,"button--disabled":!!e.disabled,"button--floating":!!i,"button--outlined":!!r,"button--raised":!!a,"button--no-label":!e.label||" "===e.label,"button--with-spinner":!(!e.showSpinner||e.disabled)},disabled:e.disabled,onBlur:e.onBlur,onClick:e.onClick,onFocus:e.onFocus,style:{"--kup_button_spinner_height":c.sizeY},"aria-label":e.title},e.trailingIcon?[n("span",{class:l},e.label),e.icon?n(o,Object.assign({},c)):void 0]:[e.icon?n(o,Object.assign({},c)):void 0,n("span",{class:l},e.label)],e.showSpinner&&!e.disabled?n("div",{class:"button__spinner-container"},n("slot",{name:"spinner"})):void 0)}(e),u)};export{e as F}

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

@@ -23,7 +23,6 @@ export declare enum KupBoxProps {
   lazyLoadRows = "When set to true, extra rows will be automatically loaded once the last row enters the viewport.",
   multiSelection = "Enable multi selection.",
   pageSelected = "Current page number.",
-  pageSize = "Number of boxes per page.",
   pagination = "Enables pagination.",
   rowsPerPage = "Number of current rows per page.",
   scrollOnHover = "Activates the scroll on hover function.",

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

@@ -102,11 +102,6 @@ export declare class KupBox {
    * @default 1
    */
   pageSelected: number;
-  /**
-   * Number of boxes per page
-   * @default 10
-   */
-  pageSize: number;
   /**
    * Enables pagination
    * @default false

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

@@ -48,6 +48,7 @@ export declare enum KupDataTableProps {
   showCustomization = "If set to true, displays the button to open the customization panel.",
   selection = "Set the type of the rows selection.",
   showDeleteButton = "Enables the delete row button.",
+  showHistoryButton = "Enables the history datatable button.",
   showFilters = "When set to true enables the column filters.",
   showFooter = "When set to true shows the footer.",
   showGrid = "Can be used to customize the grid view of the table.",
@@ -252,3 +253,6 @@ export interface KupDatatableDeleteRowEventPayload extends KupEventPayload {
 export interface KupDatatableInsertRowEventPayload extends KupEventPayload {
   selectedRows: KupDataTableRow[];
 }
+export interface KupDatatableHistoryEventPayload extends KupEventPayload {
+  selectedRows: KupDataTableRow[];
+}

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { GroupLabelDisplayMode, GroupObject, LoadMoreMode, PaginatorPos, ShowGrid, SortObject, TotalsMap, SelectionMode, KupDatatableRowSelectedEventPayload, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableRowActionClickEventPayload, KupDatatableLoadMoreClickEventPayload, KupDatatableColumnRemoveEventPayload, KupDatatableColumnMoveEventPayload, KupDataTableDataset, KupDataTableRow, KupDatatableDeleteRowEventPayload, KupDatatableInsertRowEventPayload, KupDataTableInsertMode } from './kup-data-table-declarations';
+import { GroupLabelDisplayMode, GroupObject, LoadMoreMode, PaginatorPos, ShowGrid, SortObject, TotalsMap, SelectionMode, KupDatatableRowSelectedEventPayload, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableRowActionClickEventPayload, KupDatatableLoadMoreClickEventPayload, KupDatatableColumnRemoveEventPayload, KupDatatableColumnMoveEventPayload, KupDataTableDataset, KupDataTableRow, KupDatatableDeleteRowEventPayload, KupDatatableInsertRowEventPayload, KupDataTableInsertMode, KupDatatableHistoryEventPayload } from './kup-data-table-declarations';
 import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
 import { KupDataTableState } from './kup-data-table-state';
 import { KupStore } from '../kup-state/kup-store';
@@ -192,6 +192,10 @@ export declare class KupDataTable {
    * Enables the delete row button.
    */
   showDeleteButton: boolean;
+  /**
+   * Enables the history button.
+   */
+  showHistoryButton: boolean;
   /**
    * When set to true enables the column filters.
    */
@@ -325,6 +329,10 @@ export declare class KupDataTable {
    * Event fired when the insert row confirm button is pressed.
    */
   kupInsertRow: EventEmitter<KupDatatableInsertRowEventPayload>;
+  /**
+   * Event fired when the history confirm button is pressed.
+   */
+  kupHistory: EventEmitter<KupDatatableHistoryEventPayload>;
   /**
    * Closes any opened column menu.
    */

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

@@ -52,7 +52,9 @@ export declare enum KupEchartTypes {
   PIE = "Pie",
   SCATTER = "Scatter",
   FUNNEL = "Funnel",
-  RADAR = "Radar"
+  RADAR = "Radar",
+  BUBBLE = "Bubble",
+  SANKEY = "Sankey"
 }
 export interface KupEchartClickEventPayload extends KupEventPayload {
   column: KupDataColumn;

package/dist/types/components/kup-text-field/kup-text-field-declarations.d.ts

@@ -28,6 +28,7 @@ export declare enum KupTextFieldProps {
   name = "The HTML name attribute used for form autocomplete.",
   outlined = "When set to true, the component will be rendered as an outlined field.",
   readOnly = "Sets the component to read only state, making it not editable, but interactable. Used in combobox component when it behaves as a select.",
+  size = "The HTML attribute size of the input element.",
   step = "The HTML step of the input element. It has effect only with number input type.",
   textArea = "When set to true, the component will be rendered as a textarea.",
   trailingIcon = "When set, the icon will be shown after the text.",

package/dist/types/components/kup-text-field/kup-text-field.d.ts

@@ -135,6 +135,11 @@ export declare class KupTextField {
    * @default false
    */
   readOnly: boolean;
+  /**
+   * The HTML attribute size of the input element.
+   * @default null
+   */
+  size: number;
   /**
    * The HTML step of the input element. It has effect only with number input type.
    * @default null

package/dist/types/components.d.ts

@@ -25,7 +25,7 @@ import { FChipType } from "./f-components/f-chip/f-chip-declarations";
 import { KupColorPickerEventPayload } from "./components/kup-color-picker/kup-color-picker-declarations";
 import { KupComboboxEventPayload, KupComboboxIconClickEventPayload } from "./components/kup-combobox/kup-combobox-declarations";
 import { KupDashboardEventPayload, KupDataDashboard } from "./components/kup-dashboard/kup-dashboard-declarations";
-import { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableDeleteRowEventPayload, KupDataTableInsertMode, KupDatatableInsertRowEventPayload, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
+import { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableDeleteRowEventPayload, KupDatatableHistoryEventPayload, KupDataTableInsertMode, KupDatatableInsertRowEventPayload, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
 import { GenericFilter, KupGlobalFilterMode } from "./utils/filters/filters-declarations";
 import { KupDatePickerEventPayload } from "./components/kup-date-picker/kup-date-picker-declarations";
 import { KupDialogAutoCenter, KupDialogHeader, KupDialogModal } from "./components/kup-dialog/kup-dialog-declarations";
@@ -72,7 +72,7 @@ export { FChipType } from "./f-components/f-chip/f-chip-declarations";
 export { KupColorPickerEventPayload } from "./components/kup-color-picker/kup-color-picker-declarations";
 export { KupComboboxEventPayload, KupComboboxIconClickEventPayload } from "./components/kup-combobox/kup-combobox-declarations";
 export { KupDashboardEventPayload, KupDataDashboard } from "./components/kup-dashboard/kup-dashboard-declarations";
-export { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableDeleteRowEventPayload, KupDataTableInsertMode, KupDatatableInsertRowEventPayload, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
+export { GroupLabelDisplayMode, GroupObject, KupDatatableClickEventPayload, KupDatatableColumnMenuEventPayload, KupDatatableColumnMoveEventPayload, KupDatatableColumnRemoveEventPayload, KupDataTableDataset, KupDatatableDeleteRowEventPayload, KupDatatableHistoryEventPayload, KupDataTableInsertMode, KupDatatableInsertRowEventPayload, KupDatatableLoadMoreClickEventPayload, KupDataTableRow, KupDatatableRowActionClickEventPayload, KupDatatableRowSelectedEventPayload, LoadMoreMode, PaginatorPos, SelectionMode, ShowGrid, SortObject, TotalsMap } from "./components/kup-data-table/kup-data-table-declarations";
 export { GenericFilter, KupGlobalFilterMode } from "./utils/filters/filters-declarations";
 export { KupDatePickerEventPayload } from "./components/kup-date-picker/kup-date-picker-declarations";
 export { KupDialogAutoCenter, KupDialogHeader, KupDialogModal } from "./components/kup-dialog/kup-dialog-declarations";
@@ -354,11 +354,6 @@ export namespace Components {
           * @default 1
          */
         "pageSelected": number;
-        /**
-          * Number of boxes per page
-          * @default 10
-         */
-        "pageSize": number;
         /**
           * Enables pagination
           * @default false
@@ -1378,6 +1373,10 @@ export namespace Components {
           * @namespace KupDataTable.showHeader
          */
         "showHeader": boolean;
+        /**
+          * Enables the history button.
+         */
+        "showHistoryButton": boolean;
         /**
           * If set to true, displays the button to load more records.
          */
@@ -3197,6 +3196,11 @@ export namespace Components {
           * Sets the internal value of the component.
          */
         "setValue": (value: string) => Promise<void>;
+        /**
+          * The HTML attribute size of the input element.
+          * @default null
+         */
+        "size": number;
         /**
           * The HTML step of the input element. It has effect only with number input type.
           * @default null
@@ -4188,11 +4192,6 @@ declare namespace LocalJSX {
           * @default 1
          */
         "pageSelected"?: number;
-        /**
-          * Number of boxes per page
-          * @default 10
-         */
-        "pageSize"?: number;
         /**
           * Enables pagination
           * @default false
@@ -4963,6 +4962,10 @@ declare namespace LocalJSX {
           * When component unload is complete
          */
         "onKup-datatable-didunload"?: (event: KupDataTableCustomEvent<KupEventPayload>) => void;
+        /**
+          * Event fired when the history confirm button is pressed.
+         */
+        "onKup-datatable-history"?: (event: KupDataTableCustomEvent<KupDatatableHistoryEventPayload>) => void;
         /**
           * Event fired when the insert row confirm button is pressed.
          */
@@ -5045,6 +5048,10 @@ declare namespace LocalJSX {
           * @namespace KupDataTable.showHeader
          */
         "showHeader"?: boolean;
+        /**
+          * Enables the history button.
+         */
+        "showHistoryButton"?: boolean;
         /**
           * If set to true, displays the button to load more records.
          */
@@ -6502,6 +6509,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "readOnly"?: boolean;
+        /**
+          * The HTML attribute size of the input element.
+          * @default null
+         */
+        "size"?: number;
         /**
           * The HTML step of the input element. It has effect only with number input type.
           * @default null

package/dist/types/f-components/f-text-field/f-text-field-declarations.d.ts

@@ -26,6 +26,7 @@ export interface FTextFieldProps extends FComponent {
   outlined?: boolean;
   readOnly?: boolean;
   shaped?: boolean;
+  size?: number;
   step?: number;
   textArea?: boolean;
   trailingIcon?: boolean;

package/dist/types/managers/kup-data/kup-data-declarations.d.ts

@@ -64,6 +64,7 @@ export interface KupDataCell {
   cssClass?: string;
   data?: GenericObject;
   displayedValue?: string;
+  element?: HTMLElement;
   icon?: string;
   info?: FCellInfo;
   isEditable?: boolean;

package/dist/types/stencil-public-runtime.d.ts

@@ -1131,6 +1131,8 @@ export declare namespace JSXBase {
         summary?: string;
     }
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoComplete?: string;
+        autocomplete?: string;
         autoFocus?: boolean;
         autofocus?: boolean | string;
         cols?: number;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "8.1.0",
+    "version": "8.2.1",
     "keywords": [
         "smeup",
         "KetchUP",
@@ -48,7 +48,7 @@
         "@material/form-field": "^14.0.0",
         "@material/ripple": "^14.0.0",
         "@material/textfield": "^14.0.0",
-        "@sme.up/gantt-component": "^1.3.27",
+        "@sme.up/gantt-component": "^1.3.28",
         "d3-shape": "^3.2.0",
         "dayjs": "^1.11.7",
         "echarts": "^5.4.2",

package/dist/ketchup/p-673bb93e.js

@@ -1 +0,0 @@
-import{h as t,a as e}from"./p-8c1edebd.js";import{b as s}from"./p-6ec8629e.js";var i;!function(t){t.BAR="bar"}(i||(i={}));const a=a=>{let n,o;a.resource?a.resource.indexOf(".")>-1||a.resource.indexOf("/")>-1||a.resource.indexOf("\\")>-1?(o={"--kup_image_height":a.sizeY?a.sizeY:"auto","--kup_image_width":a.sizeX?a.sizeX:"100%"},n=function(e){return t("img",{onLoad:e.onLoad,src:e.resource})}(a)):(o={"--kup_image_height":a.sizeY?a.sizeY:"100%","--kup_image_width":a.sizeX?a.sizeX:"100%"},n=function(i){const a={"f-image__icon":!0},n={background:i.color?i.color:`var(${s.ICON})`};if(i.resource.indexOf("--kup")>-1){let t=i.resource.replace("--","");a["kup-icon"]=!0,a[t]=!0}else{const t=e(`./assets/svg/${i.resource}.svg`);n.mask=`url('${t}') no-repeat center`,n.webkitMask=`url('${t}') no-repeat center`}return t("div",{class:a,style:n})}(a)):a.data&&(o={"--kup_image_height":a.sizeY?a.sizeY:"100%","--kup_image_width":a.sizeX?a.sizeX:"100%"},n=function(e){const s=[];let a=0;for(let n=0;n<e.length;n++){let o;e[n].shape||(e[n].shape=i.BAR),e[n].color||(e[n].color="transparent"),e[n].height||(e[n].height="100%"),e[n].width||(e[n].width="100%");const r="step-"+n,c="css-step bottom-aligned",l={backgroundColor:e[n].color,left:a+"%",height:e[n].height,width:e[n].width};a+=parseFloat(e[n].width),o=t("span",{id:r,class:c,style:l}),s.push(o)}return t("div",{class:"f-image__css"},s)}(a.data));const r=[];if(a.badgeData)for(let e=0;e<a.badgeData.length;e++)r.push(t("kup-badge",Object.assign({},a.badgeData[e])));return t("div",Object.assign({class:`f-image ${a.wrapperClass?a.wrapperClass:""} ${a.fit?"kup-fit":""}`},a.dataSet,{id:a.id,style:o,title:a.title,onClick:a.onClick}),n,...r)};export{a as F}

package/dist/ketchup/p-8c1edebd.js

@@ -1,2 +0,0 @@
-let e,t,n=!1,l=!1;const o=e=>{const t=new URL(e,ie.t);return t.origin!==oe.location.origin?t.href:t.pathname},s=e=>ie.t=e,i="http://www.w3.org/1999/xlink",c={},r=e=>"object"==(e=typeof e)||"function"===e;function u(e){var t,n,l;return null!==(l=null===(n=null===(t=e.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===n?void 0:n.getAttribute("content"))&&void 0!==l?l:void 0}const a=(e,t,...n)=>{let l=null,o=null,s=!1,i=!1;const c=[],u=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!r(l))&&(l+=""),s&&i?c[c.length-1].l+=l:c.push(s?f(null,l):l),i=s)};if(u(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,c,p);const a=f(e,null);return a.o=t,c.length>0&&(a.i=c),a.u=o,a},f=(e,t)=>({p:0,h:e,l:t,m:null,i:null,o:null,u:null}),d={},p={forEach:(e,t)=>e.map(h).forEach(t),map:(e,t)=>e.map(h).map(t).map(m)},h=e=>({vattrs:e.o,vchildren:e.i,vkey:e.u,vname:e.v,vtag:e.h,vtext:e.l}),m=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),a(e.vtag,t,...e.vchildren||[])}const t=f(e.vtag,e.vtext);return t.o=e.vattrs,t.i=e.vchildren,t.u=e.vkey,t.v=e.vname,t},y=e=>Q(e).$,v=(e,t,n)=>{const l=y(e);return{emit:e=>$(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},$=(e,t,n)=>{const l=ie.ce(t,n);return e.dispatchEvent(l),l},w=new WeakMap,b=e=>"sc-"+e.g,g=(e,t,n,l,o,s)=>{if(n!==l){let c=Z(e,t),u=t.toLowerCase();if("class"===t){const t=e.classList,o=k(n),s=k(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(c||"o"!==t[0]||"n"!==t[1]){const a=r(l);if((c||a&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?c=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let f=!1;u!==(u=u.replace(/^xlink\:?/,""))&&(t=u,f=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(f?e.removeAttributeNS(i,t):e.removeAttribute(t)):(!c||4&s||o)&&!a&&(l=!0===l?"":l,f?e.setAttributeNS(i,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):Z(oe,u)?u.slice(2):u[2]+t.slice(3),n&&ie.rel(e,t,n,!1),l&&ie.ael(e,t,l,!1)}},j=/\s/,k=e=>e?e.split(j):[],S=(e,t,n,l)=>{const o=11===t.m.nodeType&&t.m.host?t.m.host:t.m,s=e&&e.o||c,i=t.o||c;for(l in s)l in i||g(o,l,s[l],void 0,n,t.p);for(l in i)g(o,l,s[l],i[l],n,t.p)},O=(t,l,o)=>{const s=l.i[o];let i,c,r=0;if(null!==s.l)i=s.m=se.createTextNode(s.l);else{if(n||(n="svg"===s.h),i=s.m=se.createElementNS(n?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",s.h),n&&"foreignObject"===s.h&&(n=!1),S(null,s,n),null!=e&&i["s-si"]!==e&&i.classList.add(i["s-si"]=e),s.i)for(r=0;r<s.i.length;++r)c=O(t,s,r),c&&i.appendChild(c);"svg"===s.h?n=!1:"foreignObject"===i.tagName&&(n=!0)}return i},M=(e,n,l,o,s,i)=>{let c,r=e;for(r.shadowRoot&&r.tagName===t&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=O(null,l,s),c&&(o[s].m=c,r.insertBefore(c,n)))},x=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.m;L(t),e&&e.remove()}}},C=(e,t)=>e.h===t.h&&e.u===t.u,P=(e,t)=>{const l=t.m=e.m,o=e.i,s=t.i,i=t.h,c=t.l;null===c?(n="svg"===i||"foreignObject"!==i&&n,"slot"===i||S(e,t,n),null!==o&&null!==s?((e,t,n,l)=>{let o,s,i=0,c=0,r=0,u=0,a=t.length-1,f=t[0],d=t[a],p=l.length-1,h=l[0],m=l[p];for(;i<=a&&c<=p;)if(null==f)f=t[++i];else if(null==d)d=t[--a];else if(null==h)h=l[++c];else if(null==m)m=l[--p];else if(C(f,h))P(f,h),f=t[++i],h=l[++c];else if(C(d,m))P(d,m),d=t[--a],m=l[--p];else if(C(f,m))P(f,m),e.insertBefore(f.m,d.m.nextSibling),f=t[++i],m=l[--p];else if(C(d,h))P(d,h),e.insertBefore(d.m,f.m),d=t[--a],h=l[++c];else{for(r=-1,u=i;u<=a;++u)if(t[u]&&null!==t[u].u&&t[u].u===h.u){r=u;break}r>=0?(s=t[r],s.h!==h.h?o=O(t&&t[c],n,r):(P(s,h),t[r]=void 0,o=s.m),h=l[++c]):(o=O(t&&t[c],n,c),h=l[++c]),o&&f.m.parentNode.insertBefore(o,f.m)}i>a?M(e,null==l[p+1]?null:l[p+1].m,n,l,c,p):c>p&&x(t,i,a)})(l,o,t,s):null!==s?(null!==e.l&&(l.textContent=""),M(l,null,t,s,0,s.length-1)):null!==o&&x(o,0,o.length-1),n&&"svg"===i&&(n=!1)):e.l!==c&&(l.data=c)},L=e=>{e.o&&e.o.ref&&e.o.ref(null),e.i&&e.i.map(L)},R=(e,t)=>{t&&!e.j&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.j=t)))},U=(e,t)=>{if(e.p|=16,!(4&e.p))return R(e,e.k),me((()=>W(e,t)));e.p|=512},W=(e,t)=>{const n=e.S;let l;return t?(e.p|=256,e.O&&(e.O.map((([e,t])=>H(n,e,t))),e.O=void 0),l=H(n,"componentWillLoad")):l=H(n,"componentWillUpdate"),l=E(l,(()=>H(n,"componentWillRender"))),E(l,(()=>D(e,n,t)))},E=(e,t)=>e instanceof Promise?e.then(t):t(),D=async(e,t,n)=>{var l;const o=e.$,s=o["s-rc"];n&&(e=>{const t=e.M,n=e.$,l=t.p,o=((e,t)=>{var n;let l=b(t);const o=le.get(l);if(e=11===e.nodeType?e:se,o)if("string"==typeof o){let t,s=w.get(e=e.head||e);if(s||w.set(e,s=new Set),!s.has(l)){{t=se.createElement("style"),t.innerHTML=o;const l=null!==(n=ie.C)&&void 0!==n?n:u(se);null!=l&&t.setAttribute("nonce",l),e.insertBefore(t,e.querySelector("link"))}s&&s.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);N(e,t),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!==(l=o["s-p"])&&void 0!==l?l:[],n=()=>T(e);0===t.length?n():(Promise.all(t).then(n),e.p|=4,t.length=0)}},N=(n,l)=>{try{l=l.render(),n.p&=-17,n.p|=2,((n,l)=>{const o=n.$,s=n.M,i=n.P||f(null,null),c=(e=>e&&e.h===d)(l)?l:a(null,null,l);t=o.tagName,s.L&&(c.o=c.o||{},s.L.map((([e,t])=>c.o[t]=o[e]))),c.h=null,c.p|=4,n.P=c,c.m=i.m=o.shadowRoot||o,e=o["s-sc"],P(i,c)})(n,l)}catch(e){ee(e,n.$)}return null},T=e=>{const t=e.$,n=e.S,l=e.k;H(n,"componentDidRender"),64&e.p?H(n,"componentDidUpdate"):(e.p|=64,q(t),H(n,"componentDidLoad"),e.R(t),l||F()),e.U(t),e.j&&(e.j(),e.j=void 0),512&e.p&&he((()=>U(e,!1))),e.p&=-517},A=e=>{{const t=Q(e),n=t.$.isConnected;return n&&2==(18&t.p)&&U(t,!1),n}},F=()=>{q(se.documentElement),he((()=>$(oe,"appload",{detail:{namespace:"ketchup"}})))},H=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){ee(e)}},q=e=>e.classList.add("hydrated"),V=(e,t,n)=>{if(t.W){e.watchers&&(t.D=e.watchers);const l=Object.entries(t.W),o=e.prototype;if(l.map((([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,e,{get(){return((e,t)=>Q(this).N.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=Q(e),s=o.$,i=o.N.get(t),c=o.p,u=o.S;if(n=((e,t)=>null==e||r(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.W[t][0]),(!(8&c)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(o.N.set(t,n),u)){if(l.D&&128&c){const e=l.D[t];e&&e.map((e=>{try{u[e](n,i,t)}catch(e){ee(e,s)}}))}2==(18&c)&&U(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,e,{value(...t){const n=Q(this);return n.T.then((()=>n.S[e](...t)))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(e,t,l){ie.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(o.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.L.push([e,o]),o}))}}return e},_=(e,t={})=>{var n;const l=[],o=t.exclude||[],s=oe.customElements,i=se.head,c=i.querySelector("meta[charset]"),r=se.createElement("style"),a=[];let f,d=!0;Object.assign(ie,t),ie.t=new URL(t.resourcesUrl||"./",se.baseURI).href,e.map((e=>{e[1].map((t=>{const n={p:t[0],g:t[1],W:t[2],A:t[3]};n.W=t[2],n.A=t[3],n.L=[],n.D={};const i=n.g,c=class extends HTMLElement{constructor(e){super(e),Y(e=this,n),1&n.p&&e.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),d?a.push(this):ie.jmp((()=>(e=>{if(0==(1&ie.p)){const t=Q(e),n=t.M,l=()=>{};if(1&t.p)z(e,t,n.A);else{t.p|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){R(t,t.k=n);break}}n.W&&Object.entries(n.W).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.p)){t.p|=32;{if((o=ne(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.D=o.watchers,V(o,n,2),o.isProxied=!0);const e=()=>{};t.p|=8;try{new o(t)}catch(e){ee(e)}t.p&=-9,t.p|=128,e()}if(o.style){let e=o.style;const t=b(n);if(!le.has(t)){const l=()=>{};((e,t,n)=>{let l=le.get(e);re&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,le.set(e,l)})(t,e,!!(1&n.p)),l()}}}const s=t.k,i=()=>U(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){ie.jmp((()=>(()=>{if(0==(1&ie.p)){const e=Q(this),t=e.S;e.F&&(e.F.map((e=>e())),e.F=void 0),H(t,"disconnectedCallback")}})()))}componentOnReady(){return Q(this).H}};n.q=e[0],o.includes(i)||s.get(i)||(l.push(i),s.define(i,V(c,n,1)))}))}));{r.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles","");const e=null!==(n=ie.C)&&void 0!==n?n:u(se);null!=e&&r.setAttribute("nonce",e),i.insertBefore(r,c?c.nextSibling:i.firstChild)}d=!1,a.length?a.map((e=>e.connectedCallback())):ie.jmp((()=>f=setTimeout(F,30)))},z=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=G(e,n),i=B(t,o),c=I(n);ie.ael(s,l,i,c),(t.F=t.F||[]).push((()=>ie.rel(s,l,i,c)))}))},B=(e,t)=>n=>{try{256&e.p?e.S[t](n):(e.O=e.O||[]).push([t,n])}catch(e){ee(e)}},G=(e,t)=>4&t?se:e,I=e=>0!=(2&e),J=e=>ie.C=e,K=new WeakMap,Q=e=>K.get(e),X=(e,t)=>K.set(t.S=e,t),Y=(e,t)=>{const n={p:0,$:e,M:t,N:new Map};return n.T=new Promise((e=>n.U=e)),n.H=new Promise((e=>n.R=e)),e["s-p"]=[],e["s-rc"]=[],z(e,n,t.A),K.set(e,n)},Z=(e,t)=>t in e,ee=(e,t)=>(0,console.error)(e,t),te=new Map,ne=e=>{const t=e.g.replace(/-/g,"_"),n=e.q,l=te.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(te.set(n,e),e[t])),ee)
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/},le=new Map,oe="undefined"!=typeof window?window:{},se=oe.document||{head:{}},ie={p:0,t:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},ce=e=>Promise.resolve(e),re=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),ue=[],ae=[],fe=(e,t)=>n=>{e.push(n),l||(l=!0,t&&4&ie.p?he(pe):ie.raf(pe))},de=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){ee(e)}e.length=0},pe=()=>{de(ue),de(ae),(l=ue.length>0)&&ie.raf(pe)},he=e=>ce().then(e),me=fe(ae,!0);export{d as H,o as a,_ as b,v as c,s as d,A as f,y as g,a as h,ce as p,X as r,J as s}

package/dist/ketchup/p-c1931214.js

@@ -1 +0,0 @@
-import{a9 as e,aa as t,b as c,a6 as s,ab as a,ac as n,ad as i,ae as o,af as l,ag as u}from"./p-6ec8629e.js";import{h as r}from"./p-8c1edebd.js";import{F as p}from"./p-54248440.js";import{F as d}from"./p-c354c5d0.js";import{F as k}from"./p-673bb93e.js";import{F as b,a as h}from"./p-1a8a06de.js";var f,m,w;!function(e){e.customStyle="Custom style of the component.",e.data="The data of the list.",e.displayMode="Selects how the items must display their label and how they can be filtered for.",e.filter="Keeps string for filtering elements when filter mode is active",e.hideText="Hides rows' text, ideally to display a list of icons only.",e.isMenu="Defines whether the list is a menu or not.",e.keyboardNavigation="When true, enables items' navigation through arrow keys.",e.menuVisible="Sets the status of the menu, when false it's hidden otherwise it's visible.",e.roleType="Defines the type of selection. Values accepted: listbox, radiogroup or group.",e.selectable="Defines whether items are selectable or not.",e.showIcons="Displays the icons associated to each row when set to true.",e.twoLine="The list elements descriptions will be arranged in two lines."}(f||(f={})),function(e){e.LISTBOX="listbox",e.RADIOGROUP="radiogroup",e.GROUP="group"}(m||(m={})),function(e){e.CODE="code",e.DESCRIPTION="description",e.DESCRIPTION_AND_CODE="both"}(w||(w={}));const y=e=>r("div",Object.assign({class:`f-switch ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),r("div",{class:"form-field "+(e.leadingLabel?"form-field--align-end":"")},r("div",{class:`switch ${e.checked?"switch--checked":""} ${e.disabled?"switch--disabled":""}`},r("div",{class:"switch__track"}),r("div",{class:"switch__thumb-underlay"},r("div",{class:"switch__thumb"},r("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:e.checked,disabled:e.disabled,value:e.checked?"on":"off",onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus})))),r("label",{onClick:e.onChange},e.label))),g=document.documentElement,j=(n,o)=>{const f=n.cell,m=n.column,j=n.row,_=n.shape?n.shape:f.shape?f.shape:m.shape?m.shape:null,C=!g.ketchup.objects.isEmptyKupObj(f.obj),I=!(!f.isEditable&&!m.isEditable||!n.editable),$=n.previousValue!==f.value?f.value:"",z=g.ketchup.data.cell.getType(f,_),D=Object.assign({},f.data);let F=f.cssClass?f.cssClass:m.cssClass?m.cssClass:"";const K={"f-cell":!0,[i.OBJ]:!!C,[z+"-cell"]:!0,[n.wrapperClass]:!!n.wrapperClass,[n.density]:!(!n.density||z===s.BAR),[F]:!!F};let V=$;I&&e.includes(z)?V=function(e,t,c,a,n){switch(e){case s.AUTOCOMPLETE:return r("kup-autocomplete",Object.assign({key:a.name+n.row.id,initialValue:c.value},c.data,{class:x(n)?"kup-full-width":"","onkup-autocomplete-change":t=>v(t,n,e,u.UPDATE),"onkup-autocomplete-input":t=>v(t,n,e,u.INPUT),"onkup-autocomplete-iconclick":t=>v(t,n,e,u.ICON_CLICK)}));case s.CHECKBOX:return O(n)&&(t[i.C_CENTERED]=!0),r(p,Object.assign({},c.data,{onChange:t=>v(t,n,e,u.UPDATE)}));case s.CHIP:return r("kup-chip",Object.assign({},c.data,{type:b.INPUT,enableInput:!0,"onKup-chip-change":t=>v(t,n,e,u.UPDATE)}),r("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},c.slotData)));case s.COLOR_PICKER:return r("kup-color-picker",Object.assign({key:a.name+n.row.id,initialValue:c.value},c.data,{class:x(n)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":t=>v(t,n,e,u.UPDATE)}));case s.COMBOBOX:return r("kup-combobox",Object.assign({key:a.name+n.row.id,initialValue:c.value},c.data,{class:x(n)?"kup-full-width":"","onkup-combobox-change":t=>v(t,n,e,u.UPDATE),"onkup-combobox-input":t=>v(t,n,e,u.INPUT),"onkup-combobox-iconclick":t=>v(t,n,e,u.ICON_CLICK)}));case s.DATE:return r("kup-date-picker",Object.assign({key:a.name+n.row.id,initialValue:c.value},c.data,{class:x(n)?"kup-full-width":"","onkup-datepicker-change":t=>v(t,n,e,u.UPDATE),"onkup-datepicker-input":t=>v(t,n,e,u.INPUT)}));case s.MULTI_AUTOCOMPLETE:return r("kup-chip",Object.assign({displayId:!0},c.data,{type:b.INPUT,enableInput:!0,"onKup-chip-change":t=>v(t,n,e,u.UPDATE)}),r("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:w.DESCRIPTION_AND_CODE,selectMode:w.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":t=>v(t,n,e,u.INPUT),"onkup-autocomplete-iconclick":t=>v(t,n,e,u.ICON_CLICK),showDropDownIcon:!1},c.slotData)));case s.MULTI_COMBOBOX:return r("kup-chip",Object.assign({displayId:!0},c.data,{type:b.INPUT,enableInput:!0,"onKup-chip-change":t=>v(t,n,e,u.UPDATE)}),r("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:w.DESCRIPTION_AND_CODE,selectMode:w.DESCRIPTION_AND_CODE,"onkup-combobox-input":t=>v(t,n,e,u.INPUT),"onkup-combobox-iconclick":t=>v(t,n,e,u.ICON_CLICK)},c.slotData)));case s.RATING:return r("kup-rating",Object.assign({key:a.name+n.row.id},c.data,{disabled:!1,"onkup-rating-click":t=>v(t,n,e,u.UPDATE)}));case s.SWITCH:return r(y,Object.assign({},c.data,{disabled:!1,onChange:t=>v(t,n,e,u.UPDATE)}));case s.TIME:return r("kup-time-picker",Object.assign({key:a.name+n.row.id,initialValue:c.value},c.data,{class:x(n)?"kup-full-width":"","onkup-timepicker-change":t=>v(t,n,e,u.UPDATE),"onkup-timepicker-input":t=>v(t,n,e,u.INPUT)}));case s.NUMBER:t[i.C_RIGHT_ALIGNED]=!0;case s.LINK:case s.STRING:return r(d,Object.assign({inputType:e===s.NUMBER?"number":null,fullWidth:!!x(n)},c.data,{icon:c.icon?c.icon:a.icon?a.icon:null,value:e===s.NUMBER?g.ketchup.math.numberifySafe(c.value).toString():c.value,onChange:t=>v(t,n,e,u.UPDATE),onInput:t=>v(t,n,e,u.INPUT),onIconClick:t=>v(t,n,e,u.ICON_CLICK)}))}}(z,K,f,m,n):f.data&&t.includes(z)?(n.setSizes&&function(e,t,c){switch(e){case s.BAR:t.sizeY||(t.sizeY="26px");break;case s.BUTTON:let e="";t.label&&(e="36px"),c.style?c.style.height||(c.style.minHeight=e):c.style={minHeight:e};break;case s.CHART:t.sizeX||(t.sizeX="100%"),t.sizeY||(t.sizeY="100%");break;case s.CHIP:case s.RADIO:c.style?c.style.height||(c.style.minHeight="40px"):c.style={minHeight:"40px"}}}(z,D,f),V=n.renderKup?function(e,t,c,a,n,o,l){switch(e){case s.BAR:return c.data?r("div",{style:{height:c.sizeY,width:"100%"}},r(k,Object.assign({},c))):r("kup-image",Object.assign({key:o.name+l.row.id},c));case s.BUTTON:return O(l)&&(t[i.C_CENTERED]=!0),r("kup-button",Object.assign({key:o.name+l.row.id},c,{"onkup-button-click":t=>v(t,l,e,u.CLICK)}));case s.BUTTON_LIST:return O(l)&&(t[i.C_CENTERED]=!0),c["data-storage"]={cell:a,row:n,column:o},r("kup-button-list",Object.assign({key:o.name+l.row.id},c));case s.CHART:return O(l)&&(t[i.C_CENTERED]=!0),r("kup-chart",Object.assign({key:o.name+l.row.id},c));case s.CHIP:return r(h,Object.assign({},c));case s.COLOR_PICKER:return r("kup-color-picker",Object.assign({key:o.name+l.row.id},c,{class:x(l)?"kup-full-width":"",disabled:!0}));case s.GAUGE:return r("kup-gauge",Object.assign({key:o.name+l.row.id,value:g.ketchup.math.numberifySafe(a.value),"width-component":"280px"},c));case s.KNOB:case s.PROGRESS_BAR:return r("kup-progress-bar",Object.assign({key:o.name+l.row.id},c));case s.RADIO:return O(l)&&(t[i.C_CENTERED]=!0),c.disabled=n.readOnly,r("kup-radio",Object.assign({key:o.name+l.row.id},c));case s.RATING:return r("kup-rating",Object.assign({key:o.name+l.row.id},c,{disabled:!0}))}}(z,K,D,f,j,m,n):r("span",{class:"cell-"+z+" placeholder"})):(n.setSizes&&function(e,t,c,n){switch(e){case s.CHECKBOX:case s.ICON:t.sizeX||(t.sizeX="18px"),t.sizeY||(t.sizeY="18px"),c.style?c.style.height||(c.style.minHeight=t.sizeY):c.style={minHeight:t.sizeY};break;case s.IMAGE:n.component.rootElement.tagName===a.BOX?(t.sizeY||(t.sizeY="auto"),void 0===t.fit&&(t.fit=!0)):t.sizeX||(t.sizeX="auto"),t.sizeY||(t.sizeY="64px")}}(z,D,f,n),V=function(e,t,c,a,n,o,u){switch(e){case s.AUTOCOMPLETE:case s.COMBOBOX:case s.DATE:case s.DATETIME:case s.TIME:if(c&&""!=c){const e=l(o,n);return r("div",{class:"f-cell__text"},e)}return c;case s.CHECKBOX:return O(u)&&(a[i.C_CENTERED]=!0),r(k,{resource:t.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case s.EDITOR:return r("div",{innerHTML:n.value});case s.ICON:case s.IMAGE:return O(u)&&(a[i.C_CENTERED]=!0),t.badgeData&&(a[i.C_PADDED]=!0),r(k,Object.assign({},t));case s.LINK:return r("a",{href:c,target:"_blank"},n.value);case s.NUMBER:if(c&&""!=c){const e=g.ketchup.math.numberifySafe(n.value),t=l(o,n);return e<0&&(a[i.TEXT_DANGER]=!0),O(u)&&(a[i.C_RIGHT_ALIGNED]=!0),r("div",{class:"f-cell__text"},t)}return r("div",{class:"f-cell__text"},c);case s.SWITCH:return O(u)&&(a[i.C_CENTERED]=!0),t.disabled=!0,r(y,Object.assign({},t));default:return r("div",{class:"f-cell__text"},c)}}(z,D,V,K,f,m,n));let H=null;!I&&(m.icon||f.icon)&&V&&(H=r(k,Object.assign({},{color:`rgba(var(${c.TEXT}-rgb), 0.375)`,resource:f.icon?f.icon:m.icon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let M=null;g.ketchup.debug.isDebug()&&C?M=f.obj.t+"; "+f.obj.p+"; "+f.obj.k+";":null!=f.title&&""!=f.title.trim()&&(M=f.title);let T=null;if(f.info){const e=Object.assign({},f.info);e.color||(e.color=`var(${c.INFO})`),e.icon||(e.icon="info"),T=r(k,Object.assign({},{color:e.color,resource:e.icon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"}))}return r("div",{onKeyUp:e=>v(e,n,z,u.KEYUP),class:K,"kup-get-cell-props":()=>n,style:f.style},r("div",{class:"f-cell__content",style:f.styleContent,title:M},o&&o.length>0?o:[n.indents,T,H,V]))};function v(e,t,c,a){const n=t.cell,i=t.column,o=t.component,r=t.row;let p=function(e,t){const c=!("INPUT"!==e.target.tagName);let a=c?e.target.value:e.detail.value;return t===s.NUMBER&&c&&(a=g.ketchup.math.formattedStringToNumberString(a,"")),a}(e,c);if(a===u.UPDATE){switch(c){case s.AUTOCOMPLETE:case s.COMBOBOX:case s.DATE:case s.TIME:n.data&&(n.data.initialValue=p);break;case s.CHECKBOX:case s.SWITCH:p="on"===p?"0":"1",n.data&&(n.data.checked="0"!==p);break;case s.CHIP:case s.MULTI_AUTOCOMPLETE:case s.MULTI_COMBOBOX:p=e.detail.stringifiedValues,n.data&&(n.data.data=e.detail.comp.data)}n.obj&&(n.obj.k=p.toString()),n.value=p.toString(),n.displayedValue=null,n.displayedValue=l(i,n)}if(o&&o.rootElement){const t=new CustomEvent(a,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:o,id:o.rootElement.id,cell:n,column:i,event:e,row:r,type:c}});if(o.rootElement.dispatchEvent(t),a===u.UPDATE)try{o.refresh()}catch(e){}}}function O(e){var t;return o.includes(null===(t=e.component)||void 0===t?void 0:t.rootElement.tagName)}function x(e){var t;return n.includes(null===(t=e.component)||void 0===t?void 0:t.rootElement.tagName)}export{j as F,w as I,m as K,f as a,y as b}

package/dist/ketchup/p-c354c5d0.js

@@ -1 +0,0 @@
-import{h as e,a as t}from"./p-8c1edebd.js";import{K as l}from"./p-6ec8629e.js";const i=document.documentElement,d=(t,l)=>e("div",Object.assign({class:`f-text-field ${t.danger?"kup-danger":""} ${t.fullHeight?"kup-full-height":""} ${t.fullWidth?"kup-full-width":""}  ${t.info?"kup-info":""} ${t.secondary?"kup-secondary":""} ${t.shaped?"kup-shaped":""} ${t.success?"kup-success":""} ${t.warning?"kup-warning":""}  ${t.wrapperClass?t.wrapperClass:""}`},t.dataSet,{id:t.id,title:t.title}),t.leadingLabel||t.trailingLabel?e("div",{class:"mdc-form-field "+(t.leadingLabel?"mdc-form-field--align-end":"")},[n(t),c(t),e("label",null,t.label)]):[n(t),c(t)],l);function n(d){var n,c;const o=d.textArea||d.outlined;let s,r;if(!d.label||d.leadingLabel||d.trailingLabel||(s=e("label",{class:"mdc-floating-label",htmlFor:"kup-input"},d.label)),d.icon){let i,n="";if(Object.values(l).indexOf(d.icon)>-1)n=d.icon.replace("--","");else{let e=`url('${t(`./assets/svg/${d.icon}.svg`)}') no-repeat center`;i={mask:e,webkitMask:e}}r=e("span",{style:i,onClick:d.onIconClick,class:`mdc-text-field__icon kup-icon action ${n}`})}const u={"is-clearable":d.isClearable,"mdc-text-field":!0,"mdc-text-field--disabled":d.disabled,"mdc-text-field--filled":!d.fullWidth&&!o,"mdc-text-field--no-label":!d.label,"mdc-text-field--fullwidth":d.fullWidth,"mdc-text-field--outlined":o,"mdc-text-field--textarea":d.textArea,"mdc-text-field--with-leading-icon":d.icon&&!d.trailingIcon,"mdc-text-field--with-trailing-icon":d.icon&&d.trailingIcon};let m=d.value,f=null!==(n=d.inputType)&&void 0!==n?n:"text",p=!1;if("number"===d.inputType&&d.decimals&&d.decimals>0&&(f="text",p=!0),"number"===d.inputType){const e={allowNegative:null===(c=d.allowNegative)||void 0===c||c,decimal:d.decimals,group:d.group,integer:d.integers};m=a(m,e,!1)}return e("div",{class:u},d.textArea&&d.maxLength?e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",d.maxLength):void 0,d.trailingIcon?void 0:r,d.textArea?e("span",{class:"mdc-text-field__resizer"},e("textarea",{class:"mdc-text-field__input",disabled:d.disabled,readOnly:d.readOnly,maxlength:d.maxLength,value:m,onBlur:d.onBlur,onClick:d.onClick,onChange:d.onChange,onFocus:d.onFocus,onInput:d.onInput,onKeyDown:d.onKeyDown})):e("input",{inputmode:d.inputMode?d.inputMode:void 0,type:f,step:d.step,min:d.min,max:d.max,name:d.name,class:"mdc-text-field__input",disabled:d.disabled,readOnly:d.readOnly,placeholder:d.fullWidth&&!d.outlined?d.label:void 0,maxlength:d.maxLength,value:m,onBlur:e=>{var t;if(p){const l={allowNegative:null===(t=d.allowNegative)||void 0===t||t,decimal:d.decimals,group:d.group,integer:d.integers};e.target.value=a(e.target.value,l,!0)}d.onBlur&&d.onBlur(e)},onChange:e=>{var t;if(p){const l={allowNegative:null===(t=d.allowNegative)||void 0===t||t,decimal:d.decimals,group:d.group,integer:d.integers};e.target.value=a(e.target.value,l,!0)}d.onChange&&d.onChange(e)},onClick:d.onClick,onFocus:d.onFocus,onInput:d.onInput,onKeyDown:d.onKeyDown,onKeyPress:e=>{var t;if(!p)return;if(e.ctrlKey)return;if(e.key.length>1)return;const l={allowNegative:null===(t=d.allowNegative)||void 0===t||t,decimal:d.decimals,group:d.group,integer:d.integers};let n=e.target,c=n.value,a=c.substring(0,n.selectionStart),o=c.substring(n.selectionEnd,n.selectionEnd+c.length-1);i.ketchup.math.matchNumericValueWithOptions(a+e.key+o,l)||e.preventDefault()}}),d.isClearable?e("span",{class:`mdc-text-field__icon kup-icon ${l.CLEAR.replace("--","")}`,onClick:d.onClearIconClick}):void 0,d.trailingIcon?r:void 0,d.fullWidth||o?void 0:s,o?e("div",{class:"mdc-notched-outline"},e("div",{class:"mdc-notched-outline__leading"}),e("div",{class:"mdc-notched-outline__notch"},s),e("div",{class:"mdc-notched-outline__trailing"})):e("span",{class:"mdc-line-ripple"}))}function c(t){if(!1!==t.helperEnabled){if(t.helper)return e("div",{class:"mdc-text-field-helper-line"},e("div",{class:{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":!t.helperWhenFocused}},t.helper),t.maxLength&&!t.textArea?e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",t.maxLength.toString()):void 0);if(t.maxLength&&!t.textArea)return e("div",{class:"mdc-text-field-helper-line"},e("div",{class:"mdc-text-field-character-counter"},"'0 / ' + ",t.maxLength))}}const a=function(e,t,l){let d=e;return d?"-"==d?"":i.ketchup.math.format(d,i.ketchup.math.createFormatPattern(t.group,t.decimal),l):d};export{d as F}