@sme.up/ketchup 11.0.0-SNAPSHOT-20250115150844 → 11.0.0-SNAPSHOT-20250115150932

package/dist/ketchup/{p-af884f84.entry.js → p-879c86ff.entry.js}

@@ -1 +1 @@
-import{r as o,c as i,f as r,h as e,H as t,d as a}from"./p-b0368f88.js";import{k as n,a as c,g as p,s as d,d as s,b as l}from"./p-b59ea56b.js";import{F as h}from"./p-f2213e00.js";import{c as u}from"./p-635bb4b3.js";import{M as m}from"./p-c56195a0.js";import"./p-1ee561ba.js";var f;!function(o){o.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",o.data="Data of the accordion.",o.ripple="When enabled displays Material's ripple effect on item headers."}(f||(f={}));const _=class{constructor(r){o(this,r),this.kupAccordionItemSelected=i(this,"kup-accordion-itemselected",6),this.kupManager=n(),this.slotsNames=[],this.selectedItems=[],this.customStyle="",this.data=null,this.ripple=!1,this.sizing=c.SMALL}applyRipple(){const o=this.rootElement.shadowRoot;if(o&&this.ripple){const i=o.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(i)for(let o=0;o<i.length;o++)m.attachTo(i[o])}}async collapseAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i].name;!this.isItemExpandible(r)&&this.isItemSelected(r)&&o.push(r)}this.selectedItems=o}async expandAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i].name;this.isItemExpandible(r)&&o.push(r)}this.selectedItems=o}async getProps(o){return p(this,f,o)}async refresh(){r(this)}async setProps(o){d(this,f,o)}async toggleItem(o){const i=this.isItemExpandible(o),r=[...this.selectedItems];r.includes(o)?r.splice(r.indexOf(o),1):r.push(o),this.selectedItems=r,i||this.kupAccordionItemSelected.emit({comp:this,id:this.rootElement.id,itemName:o})}isItemExpandible(o){return this.slotsNames.includes(o)}isItemSelected(o){return this.selectedItems.includes(o)}renderItems(){const o=[],i=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let o=0;o<i.length;o++)this.slotsNames.push(i[o].slot);for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i],t=r.name,a=this.isItemSelected(t),n=this.isItemExpandible(t),c={"accordion-item__content":!0,"accordion-item__content--selected":!!a};o.push(e("div",{class:"accordion-item"},e("div",{tabindex:"1",title:r.title,class:{"accordion-item__header":!0,"accordion-item__header--selected":!(n||!a),"accordion-item__header--expanded":!(!n||!a),"mdc-ripple-surface":!!this.ripple,[`accordion-item--${this.sizing}`]:!!this.sizing},onClick:()=>this.toggleItem(t)},r.icon?e(h,{color:`var(${s.ICON})`,resource:r.icon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,e("span",{class:"accordion-item__text"},r.title),n?e("span",{class:`accordion-item__dropdown kup-icon ${l.DROPDOWN.replace("--","")}`}):null),e("div",{class:c},e("slot",{name:r.name}))))}return o}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const o=this.rootElement.shadowRoot;if(o){const i=o.querySelectorAll(".mdc-ripple-surface");if(i)for(let o=0;o<i.length;o++)m.attachTo(i[o])}this.kupManager.debug.logRender(this,!0)}render(){const o=this.data&&this.data.columns?this.renderItems():null;return e(t,{key:"e833d2f12eaadc0a52bbfa292e29c92e3a7d737c"},e("style",{key:"93b4315cd2a0f9834ec9f4cf70c0c2cf6baf91cb"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"a9cbd70c8e08f1b00cdee843c8b34540e49a7541",id:u},e("div",{key:"9ddf2bd8d16f97c3004948e31dcd2bb17ee155b6",class:"accordion"},o)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}static get watchers(){return{ripple:["applyRipple"]}}};_.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_accordion_border_top_color:var(\n    --kup-accordion-border-top-color,\n    var(--kup-border-subtle)\n  );--kup_accordion_item_small_height:var(\n    --kup-accordion-item-small-height,\n    32px\n  );--kup_accordion_item_medium_height:var(\n    --kup-accordion-item-medium-height,\n    40px\n  );--kup_accordion_item_outline_color_active:var(\n    --kup-accordion-item-outline-color-focus,\n    var(--kup-border-interactive)\n  );--kup_accordion_item_large_height:var(\n    --kup-accordion-item-medium-height,\n    48px\n  );--kup_accordion_header_background_color:var(\n    --kup-accordion-header-background-color,\n    var(--kup-layer-0)\n  );--kup_accordion_header_background_color_hover:var(\n    --kup-accordion-header-background-color-hover,\n    var(--kup-layer-0-hover)\n  );--kup_accordion_header_padding:var(\n    --kup-accordion-header-padding,\n    var(--kup-space-05)\n  );--kup_accordion_dropdown_icon_color:var(\n    --kup-accordio-dropdown-icon-color,\n    var(--kup-text-primary)\n  );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{border-radius:var(--kup_accordion_border_radius);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-top:1px solid var(--kup_accordion_border_top_color);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:is(:last-of-type){border-bottom:1px solid var(--kup_accordion_border_top_color)}.accordion-item__header{height:var(--kup_accordion_item_medium_height);align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%;outline:2px solid transparent;outline-offset:-2px;padding-left:16px;padding-right:16px}.accordion-item__header:focus{outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header.accordion-item--small{height:var(--kup_accordion_item_small_height)}.accordion-item__header.accordion-item--large{height:var(--kup_accordion_item_large_height)}.accordion-item__header:hover:not(.accordion-item__header--selected){background-color:var(--kup_accordion_header_background_color_hover)}.accordion-item__header:focus(.accordion-item__header--selected){outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header--expanded{background-color:var(--kup_accordion_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup_accordion_dropdown_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{padding-left:16px;padding-top:8px;padding-bottom:24px;padding-right:80px;animation:fade-in 0.25s ease-out;display:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color-60);--kup-accordion-primary-color-rgb:var(--kup-danger-color-60-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-50-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-50-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color-40);--kup-accordion-primary-color-rgb:var(--kup-success-color-40-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color-50);--kup-accordion-primary-color-rgb:var(--kup-warning-color-50-rgb);--kup-accordion-text-on-primary-color:white}";export{_ as kup_accordion}
+import{r as o,c as i,f as r,h as e,H as t,d as a}from"./p-b0368f88.js";import{k as n,a as c,g as p,s as d,d as s,b as l}from"./p-4886e26b.js";import{F as h}from"./p-f2213e00.js";import{c as u}from"./p-635bb4b3.js";import{M as m}from"./p-c56195a0.js";import"./p-1ee561ba.js";var f;!function(o){o.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",o.data="Data of the accordion.",o.ripple="When enabled displays Material's ripple effect on item headers."}(f||(f={}));const _=class{constructor(r){o(this,r),this.kupAccordionItemSelected=i(this,"kup-accordion-itemselected",6),this.kupManager=n(),this.slotsNames=[],this.selectedItems=[],this.customStyle="",this.data=null,this.ripple=!1,this.sizing=c.SMALL}applyRipple(){const o=this.rootElement.shadowRoot;if(o&&this.ripple){const i=o.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(i)for(let o=0;o<i.length;o++)m.attachTo(i[o])}}async collapseAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i].name;!this.isItemExpandible(r)&&this.isItemSelected(r)&&o.push(r)}this.selectedItems=o}async expandAll(){const o=[];for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i].name;this.isItemExpandible(r)&&o.push(r)}this.selectedItems=o}async getProps(o){return p(this,f,o)}async refresh(){r(this)}async setProps(o){d(this,f,o)}async toggleItem(o){const i=this.isItemExpandible(o),r=[...this.selectedItems];r.includes(o)?r.splice(r.indexOf(o),1):r.push(o),this.selectedItems=r,i||this.kupAccordionItemSelected.emit({comp:this,id:this.rootElement.id,itemName:o})}isItemExpandible(o){return this.slotsNames.includes(o)}isItemSelected(o){return this.selectedItems.includes(o)}renderItems(){const o=[],i=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let o=0;o<i.length;o++)this.slotsNames.push(i[o].slot);for(let i=0;i<this.data.columns.length;i++){const r=this.data.columns[i],t=r.name,a=this.isItemSelected(t),n=this.isItemExpandible(t),c={"accordion-item__content":!0,"accordion-item__content--selected":!!a};o.push(e("div",{class:"accordion-item"},e("div",{tabindex:"1",title:r.title,class:{"accordion-item__header":!0,"accordion-item__header--selected":!(n||!a),"accordion-item__header--expanded":!(!n||!a),"mdc-ripple-surface":!!this.ripple,[`accordion-item--${this.sizing}`]:!!this.sizing},onClick:()=>this.toggleItem(t)},r.icon?e(h,{color:`var(${s.ICON})`,resource:r.icon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,e("span",{class:"accordion-item__text"},r.title),n?e("span",{class:`accordion-item__dropdown kup-icon ${l.DROPDOWN.replace("--","")}`}):null),e("div",{class:c},e("slot",{name:r.name}))))}return o}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const o=this.rootElement.shadowRoot;if(o){const i=o.querySelectorAll(".mdc-ripple-surface");if(i)for(let o=0;o<i.length;o++)m.attachTo(i[o])}this.kupManager.debug.logRender(this,!0)}render(){const o=this.data&&this.data.columns?this.renderItems():null;return e(t,{key:"e833d2f12eaadc0a52bbfa292e29c92e3a7d737c"},e("style",{key:"93b4315cd2a0f9834ec9f4cf70c0c2cf6baf91cb"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"a9cbd70c8e08f1b00cdee843c8b34540e49a7541",id:u},e("div",{key:"9ddf2bd8d16f97c3004948e31dcd2bb17ee155b6",class:"accordion"},o)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}static get watchers(){return{ripple:["applyRipple"]}}};_.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_accordion_border_top_color:var(\n    --kup-accordion-border-top-color,\n    var(--kup-border-subtle)\n  );--kup_accordion_item_small_height:var(\n    --kup-accordion-item-small-height,\n    32px\n  );--kup_accordion_item_medium_height:var(\n    --kup-accordion-item-medium-height,\n    40px\n  );--kup_accordion_item_outline_color_active:var(\n    --kup-accordion-item-outline-color-focus,\n    var(--kup-border-interactive)\n  );--kup_accordion_item_large_height:var(\n    --kup-accordion-item-medium-height,\n    48px\n  );--kup_accordion_header_background_color:var(\n    --kup-accordion-header-background-color,\n    var(--kup-layer-0)\n  );--kup_accordion_header_background_color_hover:var(\n    --kup-accordion-header-background-color-hover,\n    var(--kup-layer-0-hover)\n  );--kup_accordion_header_padding:var(\n    --kup-accordion-header-padding,\n    var(--kup-space-05)\n  );--kup_accordion_dropdown_icon_color:var(\n    --kup-accordio-dropdown-icon-color,\n    var(--kup-text-primary)\n  );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{border-radius:var(--kup_accordion_border_radius);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-top:1px solid var(--kup_accordion_border_top_color);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:is(:last-of-type){border-bottom:1px solid var(--kup_accordion_border_top_color)}.accordion-item__header{height:var(--kup_accordion_item_medium_height);align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%;outline:2px solid transparent;outline-offset:-2px;padding-left:16px;padding-right:16px}.accordion-item__header:focus{outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header.accordion-item--small{height:var(--kup_accordion_item_small_height)}.accordion-item__header.accordion-item--large{height:var(--kup_accordion_item_large_height)}.accordion-item__header:hover:not(.accordion-item__header--selected){background-color:var(--kup_accordion_header_background_color_hover)}.accordion-item__header:focus(.accordion-item__header--selected){outline:2px solid var(--kup_accordion_item_outline_color_active)}.accordion-item__header--expanded{background-color:var(--kup_accordion_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup_accordion_dropdown_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{padding-left:16px;padding-top:8px;padding-bottom:24px;padding-right:80px;animation:fade-in 0.25s ease-out;display:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color-60);--kup-accordion-primary-color-rgb:var(--kup-danger-color-60-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-50-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-50-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color-40);--kup-accordion-primary-color-rgb:var(--kup-success-color-40-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color-50);--kup-accordion-primary-color-rgb:var(--kup-warning-color-50-rgb);--kup-accordion-text-on-primary-color:white}";export{_ as kup_accordion}

package/dist/ketchup/{p-45d5264d.entry.js → p-8eeb61be.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as a,h as i,H as h,d as n}from"./p-b0368f88.js";import{k as o,g as p,s}from"./p-b59ea56b.js";import{c as l}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var f,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."}(f||(f={})),function(t){t.VIEWPORT="viewport",t.PROPS="props",t.BOTH="both"}(c||(c={}));const d=class{constructor(a){t(this,a),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 p(this,f,t)}async getComponent(){return this.lazyComponent}async refresh(){a(this)}async setProps(t){s(this,f,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,a=this.componentName;switch(this.componentName){case"kup-button":e=i("svg",{key:"fb2b8362e3dc1b12b70f15e99928a57d7b12fedf",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"436f390f7b97422e6748b2a7759d592f44c506dc",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":e=i("svg",{key:"f3c05242075e730bc7105c53bd62b18aecf5ec3d",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"a2eee16a6ace543cac444d960a62b59a086eb744",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=i("svg",{key:"f6716e9ce1594db32cc40769a2670f5eaab944ec",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"7a5d24b382c912f86930086ea47d5352f7d268c0",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=i("svg",{key:"282e8485c65d6c90cc6742fab3ea8826eeb3579a",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"ff9a9420e091b9f5ccf64c2a248715445a3ea89b",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=i("svg",{key:"eaffa11808d13d6a30fff31bea6530830f69d88f",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"c0eac37b259ccaa3176fb122208202dc8885de85",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=i("svg",{key:"0fc683ca7735ac9d5f48d9c1350d67549444a37e",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"dc800aa000585a00f390e3e92f9456af2c83b121",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=i("svg",{key:"6703f804c86f98915b6fca8d561b79e818480ee0",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"5b473c7582738c69b3e693b653eb8e83f0a5bd7d",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=i("svg",{key:"b5020673fe0d60ddcb887878d027f9be1a04f611",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"ca7c15a6029ffb8468db47603eae20f8db8eaa54",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"}));break;default:e=i("svg",{key:"6e916204ad921b9387a2da59225277a12bdfee97",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"2397c3c58a7ac2ddfe1c4d95680c805b410a1cda",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"}))}return this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport?(t=i(this.componentName,Object.assign({key:"55d8ffa08667bdf2f90e278bd6d28e94d5a5fd90"},this.data,{ref:t=>this.lazyComponent=t})),a+=" kup-loaded"):this.showPlaceholder&&(t=e,a+=" kup-to-be-loaded"),i(h,{key:"b51dd829f66bf9958780ca2a106bd265097e0212",class:a},i("style",{key:"5f16dbbf7222c11e5e3daf2d914b0cbb4f7d757a"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"c0c9f7471b8e6529fa510db940edbbd2505deb86",id:l},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this),null===(t=this.intObserver)||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return n(this)}};d.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}: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 as a,H as h,d as n}from"./p-b0368f88.js";import{k as o,g as p,s}from"./p-4886e26b.js";import{c as l}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var f,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."}(f||(f={})),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 p(this,f,t)}async getComponent(){return this.lazyComponent}async refresh(){i(this)}async setProps(t){s(this,f,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=a("svg",{key:"fb2b8362e3dc1b12b70f15e99928a57d7b12fedf",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"436f390f7b97422e6748b2a7759d592f44c506dc",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":e=a("svg",{key:"f3c05242075e730bc7105c53bd62b18aecf5ec3d",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"a2eee16a6ace543cac444d960a62b59a086eb744",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=a("svg",{key:"f6716e9ce1594db32cc40769a2670f5eaab944ec",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"7a5d24b382c912f86930086ea47d5352f7d268c0",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=a("svg",{key:"282e8485c65d6c90cc6742fab3ea8826eeb3579a",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"ff9a9420e091b9f5ccf64c2a248715445a3ea89b",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=a("svg",{key:"eaffa11808d13d6a30fff31bea6530830f69d88f",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},a("path",{key:"c0eac37b259ccaa3176fb122208202dc8885de85",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=a("svg",{key:"0fc683ca7735ac9d5f48d9c1350d67549444a37e",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"dc800aa000585a00f390e3e92f9456af2c83b121",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=a("svg",{key:"6703f804c86f98915b6fca8d561b79e818480ee0",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"5b473c7582738c69b3e693b653eb8e83f0a5bd7d",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=a("svg",{key:"b5020673fe0d60ddcb887878d027f9be1a04f611",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"ca7c15a6029ffb8468db47603eae20f8db8eaa54",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"}));break;default:e=a("svg",{key:"6e916204ad921b9387a2da59225277a12bdfee97",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},a("path",{key:"2397c3c58a7ac2ddfe1c4d95680c805b410a1cda",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"}))}return this.renderMode===c.VIEWPORT&&this.isInViewport||this.renderMode===c.PROPS&&this.data||this.renderMode===c.BOTH&&this.data&&this.isInViewport?(t=a(this.componentName,Object.assign({key:"55d8ffa08667bdf2f90e278bd6d28e94d5a5fd90"},this.data,{ref:t=>this.lazyComponent=t})),i+=" kup-loaded"):this.showPlaceholder&&(t=e,i+=" kup-to-be-loaded"),a(h,{key:"b51dd829f66bf9958780ca2a106bd265097e0212",class:i},a("style",{key:"5f16dbbf7222c11e5e3daf2d914b0cbb4f7d757a"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"c0c9f7471b8e6529fa510db940edbbd2505deb86",id:l},t))}disconnectedCallback(){var t;this.kupManager.theme.unregister(this),null===(t=this.intObserver)||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return n(this)}};d.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}: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-3afacd1c.js → p-a166fdf2.js}

@@ -1 +1 @@
-import{h as e,g as a,F as n}from"./p-b0368f88.js";import{aj as c,ak as l,al as t,d as s,a6 as o,af as i,ae as r,am as u,F as d,ab as p,an as b,I as k,ao as v,ap as f,aq as h,ar as m,as as g,e as j}from"./p-b59ea56b.js";import{F as w}from"./p-504fe614.js";import{F as O}from"./p-982a5cfc.js";import{F as x,c as $}from"./p-fd115e9d.js";import{F as y}from"./p-f2213e00.js";import{F as _}from"./p-0dc3dd14.js";import{F as C}from"./p-3d2f1f12.js";const I=n=>{n.centeredLabel||0==!n.centeredLabel||(n.centeredLabel=!0);let c,l=`f-progress-bar ${n.danger?"kup-danger":""} ${n.animated?"kup-animated":""} ${n.padded?"kup-padded":""} ${n.info?"kup-info":""} ${n.slim?"kup-slim":""} ${n.striped?"kup-striped":""}   ${n.secondary?"kup-secondary":""} ${n.slim?"kup-slim":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`,t="pie";l+=n.isRadial?" pie-wrapper is-radial":" progress-bar";const s={width:`${n.value}%`};n.centeredLabel?n.value>49&&(l+=" text-color-on-primary"):(c=s,n.value>2&&(l+=" text-color-on-primary"));let o=null;return n.icon?o=function(n){if(n.icon){if(n.icon.indexOf(".")>-1||n.icon.indexOf("/")>-1||n.icon.indexOf("\\")>-1)return e("span",{class:"label kup-icon is-image"},e("img",{src:n.icon}));{let c=`url('${a(`./assets/svg/${n.icon}.svg`)}') no-repeat center`;return e("span",{style:{mask:c,webkitMask:c},class:"label kup-icon"})}}}(n):n.hideLabel||(o=n.isRadial?n.label?e("span",{class:"label"},n.label):e("span",{class:"label"},n.value,e("span",{class:"smaller"},"%")):n.label?n.label:n.value+"%"),n.value>0&&(t+=" has-value",t+=n.value>50?" is-more-than-half":" is-less-than-half"),n.isRadial?e("div",{class:l},o,e("div",{class:t},e("div",{style:undefined,class:"left-side half-circle"}),e("div",{class:"right-side half-circle"})),e("div",{class:"shadow"})):e("div",{class:l},e("div",{class:"progress-bar-percentage",style:s},e("span",{style:c},o)))};var F;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(F||(F={}));const z=a=>{var c;const l=!!a.columns,t=[],s=a.type||F.RADIO;for(let l=0;l<(null===(c=a.data)||void 0===c?void 0:c.length);l++){const c=a.data[l];t.push(e("div",{class:`form-field \n                  ${a.leadingLabel?" form-field--align-end":""} ${a.disabled?"radio--disabled":""}`},e("div",{class:{radio:!0,"radio--checked":!!c.checked,"radio--disabled":!!a.disabled,[`radio--${a.type}`]:!!a.type}},s===F.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:c.value,checked:c.checked,disabled:a.disabled,onBlur:a.onBlur,onChange:a.onChange?a.onChange.bind(a.onChange,l):null,onFocus:a.onFocus}):e(n,null,e(y,c.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:a.onChange?a.onChange.bind(a.onChange,l):null})),s===F.RADIO&&e("div",{class:"radio__background"},e("div",{class:"radio__outer-circle"}),e("div",{class:"radio__inner-circle"}))),e("label",{htmlFor:"radio-element",onClick:a.onChange?a.onChange.bind(a.onChange,l):null},c.label?c.label:"")))}return e("div",{class:`f-radio radio-wrapper\n             ${l?"radio-wrapper-grid":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""} ${a.horizontal?"kup-horizontal":""}`,style:{"--kup_radio_columns":l?`repeat(${a.columns}, 1fr)`:""}},t)},K=a=>(a.maxValue||(a.maxValue=5),e("div",{class:`f-rating ${a.disabled?"disabled":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""}`},function(a){const n=[];for(let c=1;c<=a.maxValue;c++)n.push(e("span",{class:"rating",onClick:a.onClick?a.onClick.bind(a.onClick,c):null},c<=a.value?"★":"☆"));return n}(a)));var N;!function(e){e.SMALL="small",e.MEDIUM="medium"}(N||(N={}));const D=a=>{a.sizing||(a.sizing=N.MEDIUM),a.sizing.toLowerCase();const n={switch:!0,"switch--checked":a.checked,"switch--disabled":a.disabled,[`switch--${a.sizing}`]:!!a.sizing};return e("div",Object.assign({class:`f-switch ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""}`},a.dataSet,{id:a.id,title:a.title}),e("div",{class:"form-field "+(a.leadingLabel?"form-field--align-end":"")},e("div",{class:n},e("div",{class:"switch__track"}),e("div",{class:"switch__thumb-underlay"},e("div",{class:"switch__thumb"},e("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:a.checked,disabled:a.disabled,value:a.checked?"on":"off",onBlur:a.onBlur,onChange:a.onChange,onFocus:a.onFocus})))),e("label",{onClick:a.onChange},a.label)))},B=document.documentElement,M=(a,n)=>{var i,r,b,v;const j=a.cell,F=a.column,N=a.row,M=a.shape?a.shape:j.shape?j.shape:F.shape?F.shape:null,E=!B.ketchup.objects.isEmptyKupObj(j.obj);let H=!1;j.hasOwnProperty("isEditable")?H=j.isEditable:F.hasOwnProperty("isEditable")&&(H=F.isEditable),H=H&&a.editable,j.options&&(j.data=null!==(i=V(j,F))&&void 0!==i?i:j.data);const X=a.previousValue!==j.value?j.value:"",A=B.ketchup.data.cell.getType(j,M),R=Object.assign({},j.data);let S=j.cssClass?j.cssClass:(null==F?void 0:F.cssClass)?null==F?void 0:F.cssClass:"";const T={"f-cell":!0,[t.OBJ]:!!E,[A+"-cell"]:!0,[a.wrapperClass]:!!a.wrapperClass,[a.density]:!(!a.density||A===o.BAR),[S]:!!S,"c-input-uppercase":m(j),"c-input-lowercase":g(j),"monospace c-pre":null===(r=j.data)||void 0===r?void 0:r.legacyLook};let Y=X;j.data||function(e,a){function n(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function c(e){return e.toUpperCase().startsWith("SHAPE;")}function l(e){return e.toUpperCase().startsWith("BCOLOR;")}function t(e){return e.toUpperCase().startsWith("HEIGHT;")}function s(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function i(e){const a={},o=e.split("\\\\"),i=[];for(const e of o){if(e){if(s(e))return null;if(c(e)){if(!n(e))return null;{const n=e.split(";");if(3===n.length){const e=n[2].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}}else if(l(e));else if(t(e)){const n=e.substring(7).replace(",",".");isNaN(parseFloat(n))||(a.height=`${n}%`)}else i.push(r(e,a))}return i.length?i:null}function r(e,a){const n=Object.assign({},a),c=e.split(";");if(c.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(c[0]);if(e){const[,a,c,l]=e;isNaN(parseInt(a,10))||isNaN(parseInt(c,10))||isNaN(parseInt(l,10))||(n.color=`rgb(${parseInt(a)},${parseInt(c)},${parseInt(l)})`)}if(c.length>=2){const e=c[1].replace(",",".");isNaN(parseFloat(e))||(n.width=`${e}%`)}}return n}}a.data={};switch(e){case o.CHECKBOX:case o.SWITCH:a.data.checked="1"===a.value;break;case o.BAR:c(a.value)?(a.data.isCanvas=!0,a.data.resource=a.value):a.data.data=function(e){if(!e)return null;const a=e.split("\\\\AND\\"),n=[];for(const e of a){const a=i(e);if(!a)return null;n.push(...a)}return n}(a.value);break;case o.BUTTON:a.data.label=a.value;break;case o.CHART:Object.assign(a.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:a.value,shape:"pie"}});break;case o.BUTTON_LIST:case o.CHIP:case o.MULTI_AUTOCOMPLETE:case o.MULTI_COMBOBOX:case o.RADIO:(()=>{var e;const n=null===(e=a.value)||void 0===e?void 0:e.split(";");if(""===(null==n?void 0:n[n.length-1].trim())&&n.pop(),n&&n.length){a.data.data=[];for(let e of n)a.data.data.push({id:e,value:e})}})();break;case o.COLOR_PICKER:a.data.initialValue=a.value;break;case o.GAUGE:case o.KNOB:case o.PROGRESS_BAR:case o.RATING:a.data.value=parseInt(a.value);break;case o.ICON:case o.IMAGE:a.data.resource=a.value}}(A,j),H&&c.includes(A)?(j.data.showMarker=null!==(b=j.tooltip)&&void 0!==b&&b,Y=function(a,n,c,l,s){var i,r,u,b,v;switch(a){case o.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:l.name+s.row.id,initialValue:c.value,initialValueDecode:c.decode},c.data,{class:J(s)?"kup-full-width":"","onkup-autocomplete-change":e=>q(e,s,a,h.UPDATE),"onkup-autocomplete-input":e=>q(e,s,a,h.INPUT),"onkup-autocomplete-iconclick":e=>q(e,s,a,h.ICON_CLICK),"onKup-autocomplete-blur":e=>q(e,s,a,h.BLUR)}));case o.CHECKBOX:return U(s)&&(n[t.C_CENTERED]=!0),c.shape===d.INPUT_CHECKBOX||(null===(i=c.data)||void 0===i?void 0:i.legacyLook)?e("input",{checked:"on"===c.value.toLowerCase()||"1"===c.value,class:"input-checkbox",onChange:e=>q(e,s,a,h.UPDATE),type:"checkbox",onBlur:e=>q(e,s,a,h.BLUR)}):e(O,Object.assign({},c.data,{onChange:e=>q(e,s,a,h.UPDATE),onBlur:e=>q(e,s,a,h.BLUR)}));case o.CHIP:return e("kup-chip",Object.assign({},c.data,{type:x.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,s,a,h.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},c.slotData,{error:c.data.error,"onKup-textfield-blur":e=>q(e,s,a,h.BLUR)})));case o.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:l.name+s.row.id,initialValue:c.value},c.data,{class:J(s)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>q(e,s,a,h.UPDATE)}));case o.COMBOBOX:return e("kup-combobox",Object.assign({key:l.name+s.row.id,initialValue:c.value,initialValueDecode:c.decode},c.data,{class:J(s)?"kup-full-width":"","onkup-combobox-change":e=>q(e,s,a,h.UPDATE),"onkup-combobox-input":e=>q(e,s,a,h.INPUT),"onkup-combobox-iconclick":e=>q(e,s,a,h.ICON_CLICK),"onKup-combobox-blur":e=>q(e,s,a,h.BLUR)}));case o.DATE:return e("kup-date-picker",Object.assign({key:l.name+s.row.id,initialValue:c.value},c.data,{class:J(s)?"kup-full-width":"","onkup-datepicker-change":e=>q(e,s,a,h.UPDATE),"onkup-datepicker-input":e=>q(e,s,a,h.INPUT),"onKup-datepicker-blur":e=>q(e,s,a,h.BLUR),"onkup-datepicker-textfieldsubmit":e=>q(e,s,a,h.UPDATE)}));case o.EDITOR:return e(C,Object.assign({},c.data,{textArea:!0,label:l.title,fullWidth:!!J(s),maxLength:c.data.maxLength,value:c.value,onChange:e=>{q(e,s,a,h.UPDATE)},onKeyDown:e=>{var n,l;null===(l=null===(n=c.data)||void 0===n?void 0:n.onKeyDown)||void 0===l||l.call(n,e),"Enter"===e.key&&q(e,s,a,h.UPDATE)},onInput:e=>{var n,l;null===(l=null===(n=c.data)||void 0===n?void 0:n.onInput)||void 0===l||l.call(n,e),q(e,s,a,h.INPUT)},onBlur:e=>q(e,s,a,h.BLUR)}));case o.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({displayId:!0},c.data,{type:x.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,s,a,h.UPDATE)}),e("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:k.CODE_AND_DESC,selectMode:k.CODE_AND_DESC,"onKup-autocomplete-blur":e=>q(e,s,a,h.BLUR),"onkup-autocomplete-input":e=>q(e,s,a,h.INPUT),"onkup-autocomplete-iconclick":e=>q(e,s,a,h.ICON_CLICK),showDropDownIcon:!1},c.slotData,{error:c.data.error,showMarker:null!==(r=c.tooltip)&&void 0!==r&&r})));case o.MULTI_COMBOBOX:return e("kup-chip",Object.assign({displayId:!0},c.data,{type:x.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,s,a,h.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:k.CODE_AND_DESC,selectMode:k.CODE_AND_DESC,"onKup-combobox-blur":e=>q(e,s,a,h.BLUR),"onkup-combobox-input":e=>q(e,s,a,h.INPUT),"onkup-combobox-iconclick":e=>q(e,s,a,h.ICON_CLICK)},c.slotData,{error:c.data.error,showMarker:null!==(u=c.tooltip)&&void 0!==u&&u})));case o.RADIO:return e(z,Object.assign({},c.data,{disabled:!1,onChange:(e,n)=>{const l=c.data.data;for(let a=0;a<l.length;a++){l[a].checked=a===e}q(n,s,a,h.UPDATE)},onBlur:e=>q(e,s,a,h.BLUR)}));case o.RATING:return e("kup-rating",Object.assign({key:l.name+s.row.id},c.data,{disabled:!1,"onkup-rating-click":e=>q(e,s,a,h.UPDATE)}));case o.SWITCH:return e(D,Object.assign({},c.data,{disabled:!1,onChange:e=>q(e,s,a,h.UPDATE),onBlur:e=>q(e,s,a,h.BLUR)}));case o.TIME:return e("kup-time-picker",Object.assign({key:l.name+s.row.id,initialValue:c.value},c.data,{class:J(s)?"kup-full-width":"","onkup-timepicker-change":e=>q(e,s,a,h.UPDATE),"onkup-timepicker-input":e=>q(e,s,a,h.INPUT),"onKup-timepicker-blur":e=>q(e,s,a,h.BLUR)}));case o.OBJECT:return e(_,{cell:c,column:s.column,row:s.row,inputValue:c.value,onChange:e=>q(e,s,a,h.UPDATE)});case o.NUMBER:n[t.C_RIGHT_ALIGNED]=!0;case o.LINK:case o.MEMO:case o.STRING:const f=e=>q(e,s,a,h.UPDATE),m=e=>{var n,l;null===(l=null===(n=c.data)||void 0===n?void 0:n.onInput)||void 0===l||l.call(n,e),q(e,s,a,h.INPUT)},g=e=>{var n,l;null===(l=null===(n=c.data)||void 0===n?void 0:n.onKeyDown)||void 0===l||l.call(n,e),("Enter"===e.key||/^F[1-9]|F1[0-2]$/.test(e.key))&&q(e,s,a,h.UPDATE)},j=a===o.NUMBER?"number":null;if(c.shape===d.INPUT_FIELD){const n=a===o.NUMBER&&c.value?p(l,c):c.value;return e("input",{class:"input-field",onChange:f,onInput:m,onKeyDown:g,type:j,value:n,maxLength:null!==(v=null===(b=l.cellData)||void 0===b?void 0:b.maxLength)&&void 0!==v?v:-1})}return e(C,Object.assign({textArea:!!c.shape&&c.shape===d.MEMO||!!a&&a===o.MEMO,inputType:j,fullWidth:!!J(s)},c.data,{maxLength:a==o.NUMBER&&(s.column.decimals&&s.column.decimals>0||s.column.group)||s.column.integers&&s.column.integers>0?-1:c.data.maxLength,icon:c.data&&c.data.icon?c.data.icon:c.icon?c.icon:l.icon?l.icon:null,decimals:s.column.decimals,integers:s.column.integers,group:s.column.group,value:c.value,onChange:f,onInput:m,onKeyDown:g,onIconClick:e=>q(e,s,a,h.ICON_CLICK),onBlur:e=>q(e,s,a,h.BLUR)}))}}(A,T,j,F,a)):j.data&&l.includes(A)?(a.setSizes&&function(e,a,n){switch(e){case o.BAR:a.sizeY||(a.sizeY="26px");break;case o.BUTTON:let e="";a.label&&(e="36px"),n.style?n.style.height||(n.style.minHeight=e):n.style={minHeight:e};break;case o.CHART:a.sizeX||(a.sizeX="100%"),a.sizeY||(a.sizeY="100%");break;case o.CHIP:case o.RADIO:n.style?n.style.height||(n.style.minHeight="40px"):n.style={minHeight:"40px"}}}(A,R,j),Y=a.renderKup?function(a,n,c,l,s,i,r){switch(a){case o.BAR:return c.data?e("div",{style:{height:c.sizeY,width:"100%"}},e(y,Object.assign({},c))):e("kup-image",Object.assign({key:i.name+r.row.id,sizeX:"250px"},c));case o.BUTTON:return U(r)&&(n[t.C_CENTERED]=!0),e(w,Object.assign({},c,{onClick:e=>q(e,r,a,h.CLICK)}));case o.BUTTON_LIST:return U(r)&&(n[t.C_CENTERED]=!0),c["data-storage"]={cell:l,row:s,column:i},e("kup-button-list",Object.assign({key:i.name+r.row.id},c));case o.CHART:return U(r)&&(n[t.C_CENTERED]=!0),e("kup-chart",Object.assign({key:i.name+r.row.id},c));case o.MULTI_AUTOCOMPLETE:case o.MULTI_COMBOBOX:case o.CHIP:return e($,Object.assign({},c));case o.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:i.name+r.row.id},c,{class:J(r)?"kup-full-width":"",disabled:!0}));case o.GAUGE:return e("kup-gauge",Object.assign({key:i.name+r.row.id,value:B.ketchup.math.numberifySafe(l.value),"width-component":"280px"},c));case o.KNOB:case o.PROGRESS_BAR:return c.customStyle?e("kup-progress-bar",Object.assign({key:i.name+r.row.id},c)):e(I,Object.assign({},c));case o.RADIO:return U(r)&&(n[t.C_CENTERED]=!0),c.disabled=s.readOnly,e(z,Object.assign({},c));case o.RATING:return e(K,Object.assign({},c,{disabled:!0}));case o.OBJECT:return e(C,Object.assign({icon:"table"},c,{disabled:!0}))}}(A,T,R,j,N,F,a):e("span",{class:"cell-"+A+" placeholder"})):(a.setSizes&&function(e,a,n,c){var l;switch(e){case o.CHECKBOX:case o.ICON:a.sizeX||(a.sizeX="18px"),a.sizeY||(a.sizeY="18px"),n.style?n.style.height||(n.style.minHeight=a.sizeY):n.style={minHeight:a.sizeY};break;case o.IMAGE:const e=(null===(l=c.cell)||void 0===l?void 0:l.value)||"",t=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;c.component.rootElement.tagName!==u.DATA_TABLE||t||(a.sizeX||a.sizeY?(a.sizeX||(a.sizeX="100%",a.wrapperClass="noWidth"),a.sizeY||(a.sizeY="auto")):(a.sizeX="100%",a.sizeY="64px",a.wrapperClass="noWidth")),c.component.rootElement.tagName===u.BOX?(a.sizeY||(a.sizeY="auto"),void 0===a.fit&&(a.fit=!0)):a.sizeX||(a.sizeX="auto"),a.sizeY||(a.sizeY="64px")}}(A,R,j,a),T[t.INDICATOR_TOPRIGHT]=null!==(v=j.tooltip)&&void 0!==v&&v,Y=function(a,n,c,l,s,i,r){switch(a){case o.AUTOCOMPLETE:case o.COMBOBOX:case o.DATE:case o.DATETIME:case o.TIME:if(c&&""!=c){const a=p(i,s);return e("div",{class:"f-cell__text"},a)}return c;case o.CHECKBOX:return U(r)&&(l[t.C_CENTERED]=!0),e(y,{resource:n.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case o.EDITOR:return e("div",{innerHTML:s.value});case o.ICON:case o.IMAGE:return U(r)&&(l[t.C_CENTERED]=!0),n.badgeData&&(l[t.C_PADDED]=!0),e(y,Object.assign({},n));case o.LINK:return e("a",{href:c,target:"_blank"},s.value);case o.NUMBER:if(c&&""!=c){const a=B.ketchup.math.numberifySafe(s.value),n=p(i,s);return a<0&&(l[t.TEXT_DANGER]=!0),U(r)&&(l[t.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},n)}return e("div",{class:"f-cell__text"},c);case o.SWITCH:return U(r)&&(l[t.C_CENTERED]=!0),n.disabled=!0,e(D,Object.assign({},n));default:return e("div",{class:"f-cell__text"},s.data.displayMode?f(s,c,"-"):c)}}(A,R,Y,T,j,F,a));let W=null;!H&&(F.icon||j.icon)&&Y&&(W=e(y,Object.assign({},{color:`rgba(var(${s.TEXT}-rgb), 0.375)`,resource:j.icon?j.icon:F.icon,placeholderResource:j.placeholderIcon?j.placeholderIcon:F.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let L=null;B.ketchup.debug.isDebug()&&E?L=j.obj.t+"; "+j.obj.p+"; "+j.obj.k+";":null!=j.title&&""!=j.title.trim()&&(L=j.title);let G=null;if(j.info){const a=Object.assign({},j.info);a.color||(a.color=`var(${s.INFO})`),a.icon||(a.icon="info"),G=e(y,Object.assign({},{color:a.color,resource:a.icon,placeholderResource:a.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:a.message?a.message:"",wrapperClass:"cell-info"}))}return e("div",{onKeyUp:e=>q(e,a,A,h.KEYUP),class:T,"kup-get-cell-props":()=>a,ref:e=>j.element=e,style:j.style},e("div",{class:"f-cell__content",style:j.styleContent,title:L},a.cellActionIcon&&e(y,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"f-cell__iconfunction "+(A===o.NUMBER?"left":"right"),onClick:a.cellActionIcon.onClick,tabIndex:0}),n&&n.length>0?n:[a.indents,G,W,Y]))},V=(e,a)=>{if(!e)return null;const n=e.options,c=a.title,l=e.value,t=B.ketchup.data.cell.getType(e,e.shape),s=new Map([[o.BUTTON_LIST,A.bind(void 0)],[o.STRING,R.bind(void 0)],[o.RADIO,S.bind(void 0)],[o.AUTOCOMPLETE,T.bind(void 0)],[o.COMBOBOX,T.bind(void 0)],[o.CHECKBOX,X.bind(void 0)],[o.OBJECT,H.bind(void 0)],[o.CHIP,E.bind(void 0)]]).get(t);return s?s(n,c,l,e):null},E=(e,a,n,c)=>{const l={data:(null==e?void 0:e.length)?null==e?void 0:e.map((e=>({id:e.id,value:e.id}))):[]};c.data=Object.assign(Object.assign({},c.data),l)},H=(e,a,n)=>({data:{initialValue:n||"",label:a||"",value:n||""}}),X=(e,a,n,c)=>Object.assign(Object.assign({},c.data),{checked:"on"===n||"1"===n,label:a}),A=(e,a,n,c)=>({data:[Object.assign(Object.assign({},c.data),{icon:c.icon,value:n})]}),R=(e,a,n,c)=>Object.assign(Object.assign({},c.data),{label:a}),S=(e,a,n,c)=>{const l=i(n,e);c.data=Object.assign(Object.assign({},c.data),l)},T=(e,a,n,c)=>{var l;if(!(null===(l=c.data)||void 0===l?void 0:l.data)&&e){const c=r(n,a,[]);return c.data["kup-list"].data=Y(e,n),c}},Y=(e,a)=>{const n=P.get(e.type);return n?n(e,a):e.map((e=>({value:e.label,id:e.id,selected:a===e.id})))},W=(e,a)=>e.children.map((e=>{var n;return{id:e.content.codice,value:e.content.testo,selected:a===e.content.codice,children:(null===(n=e.children)||void 0===n?void 0:n.length)?W(e,a):[]}})),L=(e,a)=>e.children.map((e=>{var n;return{id:e.obj.k,value:e.value,selected:a===e.obj.k,children:(null===(n=e.children)||void 0===n?void 0:n.length)?L(e,a):[]}})),G=(e,a)=>e.rows.map((e=>{var n;const c=e.fields||e.cells,[l,t]=Object.keys(c);return{id:c[l].value,value:(null===(n=c[t])||void 0===n?void 0:n.value)||c[l].value,selected:a===c[l].value}})),P=new Map([["SmeupTreeNode",W.bind(void 0)],["SmeupDataTree",L.bind(void 0)],["SmeupTable",G.bind(void 0)],["SmeupDataTable",G.bind(void 0)]]);function q(e,a,n,c){var l,t;const s=a.cell,i=a.column,r=a.component,u=a.row;if(c===h.UPDATE){let a=function(e,a){var n;let c=e.target.value;return a===o.CHECKBOX&&(c=e.target.checked?"off":"on"),a===o.DATE&&(c=null===(n=e.detail)||void 0===n?void 0:n.value),a===o.NUMBER&&(c=B.ketchup.math.formattedStringToNumberString(c,"")),c}(e,n);switch(m(s)?a=null==a?void 0:a.toUpperCase():g(s)&&(a=null==a?void 0:a.toLowerCase()),n){case o.AUTOCOMPLETE:case o.COMBOBOX:case o.DATE:case o.TIME:s.data&&(s.data.initialValue=a);break;case o.CHECKBOX:case o.SWITCH:a="on"===a.toLowerCase()?"0":"1",s.data&&(s.data.checked="0"!==a);break;case o.RADIO:if(s.data.data){const e=s.data.data.find((e=>e.checked));e&&(a=e.value)}break;case o.CHIP:case o.MULTI_AUTOCOMPLETE:case o.MULTI_COMBOBOX:a=e.detail.stringifiedValues,s.data&&(s.data.data=e.detail.comp.data)}s.obj&&(s.obj.k=null==a?void 0:a.toString()),s.value=null==a?void 0:a.toString(),s.displayedValue=null,s.displayedValue=p(i,s)}if(r&&r.rootElement){const a=new CustomEvent(c,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:r,id:r.rootElement.id,cell:s,column:i,event:e,row:u,type:n,inputValue:(null===(t=null===(l=s.element)||void 0===l?void 0:l.querySelector("input"))||void 0===t?void 0:t.value)||null}});if(r.rootElement.dispatchEvent(a),c===h.UPDATE)try{r.refresh()}catch(e){B.ketchup.debug.logMessage(r,e,j.ERROR)}}}function U(e){var a;return v.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}function J(e){var a;return b.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}export{M as F,I as a,z as b,K as c,N as d,D as e}
+import{h as e,g as a,F as n}from"./p-b0368f88.js";import{aj as c,ak as l,al as t,d as s,a6 as o,af as i,ae as r,am as u,F as d,ab as p,an as b,I as k,ao as v,ap as f,aq as h,ar as m,as as g,e as j}from"./p-4886e26b.js";import{F as w}from"./p-504fe614.js";import{F as O}from"./p-982a5cfc.js";import{F as x,c as $}from"./p-0b5b175c.js";import{F as y}from"./p-f2213e00.js";import{F as _}from"./p-b4bd6ef0.js";import{F as C}from"./p-00ce3103.js";const I=n=>{n.centeredLabel||0==!n.centeredLabel||(n.centeredLabel=!0);let c,l=`f-progress-bar ${n.danger?"kup-danger":""} ${n.animated?"kup-animated":""} ${n.padded?"kup-padded":""} ${n.info?"kup-info":""} ${n.slim?"kup-slim":""} ${n.striped?"kup-striped":""}   ${n.secondary?"kup-secondary":""} ${n.slim?"kup-slim":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`,t="pie";l+=n.isRadial?" pie-wrapper is-radial":" progress-bar";const s={width:`${n.value}%`};n.centeredLabel?n.value>49&&(l+=" text-color-on-primary"):(c=s,n.value>2&&(l+=" text-color-on-primary"));let o=null;return n.icon?o=function(n){if(n.icon){if(n.icon.indexOf(".")>-1||n.icon.indexOf("/")>-1||n.icon.indexOf("\\")>-1)return e("span",{class:"label kup-icon is-image"},e("img",{src:n.icon}));{let c=`url('${a(`./assets/svg/${n.icon}.svg`)}') no-repeat center`;return e("span",{style:{mask:c,webkitMask:c},class:"label kup-icon"})}}}(n):n.hideLabel||(o=n.isRadial?n.label?e("span",{class:"label"},n.label):e("span",{class:"label"},n.value,e("span",{class:"smaller"},"%")):n.label?n.label:n.value+"%"),n.value>0&&(t+=" has-value",t+=n.value>50?" is-more-than-half":" is-less-than-half"),n.isRadial?e("div",{class:l},o,e("div",{class:t},e("div",{style:undefined,class:"left-side half-circle"}),e("div",{class:"right-side half-circle"})),e("div",{class:"shadow"})):e("div",{class:l},e("div",{class:"progress-bar-percentage",style:s},e("span",{style:c},o)))};var F;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(F||(F={}));const z=a=>{var c;const l=!!a.columns,t=[],s=a.type||F.RADIO;for(let l=0;l<(null===(c=a.data)||void 0===c?void 0:c.length);l++){const c=a.data[l];t.push(e("div",{class:`form-field \n                  ${a.leadingLabel?" form-field--align-end":""} ${a.disabled?"radio--disabled":""}`},e("div",{class:{radio:!0,"radio--checked":!!c.checked,"radio--disabled":!!a.disabled,[`radio--${a.type}`]:!!a.type}},s===F.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:c.value,checked:c.checked,disabled:a.disabled,onBlur:a.onBlur,onChange:a.onChange?a.onChange.bind(a.onChange,l):null,onFocus:a.onFocus}):e(n,null,e(y,c.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:a.onChange?a.onChange.bind(a.onChange,l):null})),s===F.RADIO&&e("div",{class:"radio__background"},e("div",{class:"radio__outer-circle"}),e("div",{class:"radio__inner-circle"}))),e("label",{htmlFor:"radio-element",onClick:a.onChange?a.onChange.bind(a.onChange,l):null},c.label?c.label:"")))}return e("div",{class:`f-radio radio-wrapper\n             ${l?"radio-wrapper-grid":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""} ${a.horizontal?"kup-horizontal":""}`,style:{"--kup_radio_columns":l?`repeat(${a.columns}, 1fr)`:""}},t)},K=a=>(a.maxValue||(a.maxValue=5),e("div",{class:`f-rating ${a.disabled?"disabled":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""}`},function(a){const n=[];for(let c=1;c<=a.maxValue;c++)n.push(e("span",{class:"rating",onClick:a.onClick?a.onClick.bind(a.onClick,c):null},c<=a.value?"★":"☆"));return n}(a)));var N;!function(e){e.SMALL="small",e.MEDIUM="medium"}(N||(N={}));const D=a=>{a.sizing||(a.sizing=N.MEDIUM),a.sizing.toLowerCase();const n={switch:!0,"switch--checked":a.checked,"switch--disabled":a.disabled,[`switch--${a.sizing}`]:!!a.sizing};return e("div",Object.assign({class:`f-switch ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""}`},a.dataSet,{id:a.id,title:a.title}),e("div",{class:"form-field "+(a.leadingLabel?"form-field--align-end":"")},e("div",{class:n},e("div",{class:"switch__track"}),e("div",{class:"switch__thumb-underlay"},e("div",{class:"switch__thumb"},e("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:a.checked,disabled:a.disabled,value:a.checked?"on":"off",onBlur:a.onBlur,onChange:a.onChange,onFocus:a.onFocus})))),e("label",{onClick:a.onChange},a.label)))},B=document.documentElement,M=(a,n)=>{var i,r,b,v;const j=a.cell,F=a.column,N=a.row,M=a.shape?a.shape:j.shape?j.shape:F.shape?F.shape:null,E=!B.ketchup.objects.isEmptyKupObj(j.obj);let H=!1;j.hasOwnProperty("isEditable")?H=j.isEditable:F.hasOwnProperty("isEditable")&&(H=F.isEditable),H=H&&a.editable,j.options&&(j.data=null!==(i=V(j,F))&&void 0!==i?i:j.data);const X=a.previousValue!==j.value?j.value:"",A=B.ketchup.data.cell.getType(j,M),R=Object.assign({},j.data);let S=j.cssClass?j.cssClass:(null==F?void 0:F.cssClass)?null==F?void 0:F.cssClass:"";const T={"f-cell":!0,[t.OBJ]:!!E,[A+"-cell"]:!0,[a.wrapperClass]:!!a.wrapperClass,[a.density]:!(!a.density||A===o.BAR),[S]:!!S,"c-input-uppercase":m(j),"c-input-lowercase":g(j),"monospace c-pre":null===(r=j.data)||void 0===r?void 0:r.legacyLook};let Y=X;j.data||function(e,a){function n(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function c(e){return e.toUpperCase().startsWith("SHAPE;")}function l(e){return e.toUpperCase().startsWith("BCOLOR;")}function t(e){return e.toUpperCase().startsWith("HEIGHT;")}function s(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function i(e){const a={},o=e.split("\\\\"),i=[];for(const e of o){if(e){if(s(e))return null;if(c(e)){if(!n(e))return null;{const n=e.split(";");if(3===n.length){const e=n[2].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}}else if(l(e));else if(t(e)){const n=e.substring(7).replace(",",".");isNaN(parseFloat(n))||(a.height=`${n}%`)}else i.push(r(e,a))}return i.length?i:null}function r(e,a){const n=Object.assign({},a),c=e.split(";");if(c.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(c[0]);if(e){const[,a,c,l]=e;isNaN(parseInt(a,10))||isNaN(parseInt(c,10))||isNaN(parseInt(l,10))||(n.color=`rgb(${parseInt(a)},${parseInt(c)},${parseInt(l)})`)}if(c.length>=2){const e=c[1].replace(",",".");isNaN(parseFloat(e))||(n.width=`${e}%`)}}return n}}a.data={};switch(e){case o.CHECKBOX:case o.SWITCH:a.data.checked="1"===a.value;break;case o.BAR:c(a.value)?(a.data.isCanvas=!0,a.data.resource=a.value):a.data.data=function(e){if(!e)return null;const a=e.split("\\\\AND\\"),n=[];for(const e of a){const a=i(e);if(!a)return null;n.push(...a)}return n}(a.value);break;case o.BUTTON:a.data.label=a.value;break;case o.CHART:Object.assign(a.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:a.value,shape:"pie"}});break;case o.BUTTON_LIST:case o.CHIP:case o.MULTI_AUTOCOMPLETE:case o.MULTI_COMBOBOX:case o.RADIO:(()=>{var e;const n=null===(e=a.value)||void 0===e?void 0:e.split(";");if(""===(null==n?void 0:n[n.length-1].trim())&&n.pop(),n&&n.length){a.data.data=[];for(let e of n)a.data.data.push({id:e,value:e})}})();break;case o.COLOR_PICKER:a.data.initialValue=a.value;break;case o.GAUGE:case o.KNOB:case o.PROGRESS_BAR:case o.RATING:a.data.value=parseInt(a.value);break;case o.ICON:case o.IMAGE:a.data.resource=a.value}}(A,j),H&&c.includes(A)?(j.data.showMarker=null!==(b=j.tooltip)&&void 0!==b&&b,Y=function(a,n,c,l,s){var i,r,u,b,v;switch(a){case o.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:l.name+s.row.id,initialValue:c.value,initialValueDecode:c.decode},c.data,{class:J(s)?"kup-full-width":"","onkup-autocomplete-change":e=>q(e,s,a,h.UPDATE),"onkup-autocomplete-input":e=>q(e,s,a,h.INPUT),"onkup-autocomplete-iconclick":e=>q(e,s,a,h.ICON_CLICK),"onKup-autocomplete-blur":e=>q(e,s,a,h.BLUR)}));case o.CHECKBOX:return U(s)&&(n[t.C_CENTERED]=!0),c.shape===d.INPUT_CHECKBOX||(null===(i=c.data)||void 0===i?void 0:i.legacyLook)?e("input",{checked:"on"===c.value.toLowerCase()||"1"===c.value,class:"input-checkbox",onChange:e=>q(e,s,a,h.UPDATE),type:"checkbox",onBlur:e=>q(e,s,a,h.BLUR)}):e(O,Object.assign({},c.data,{onChange:e=>q(e,s,a,h.UPDATE),onBlur:e=>q(e,s,a,h.BLUR)}));case o.CHIP:return e("kup-chip",Object.assign({},c.data,{type:x.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,s,a,h.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},c.slotData,{error:c.data.error,"onKup-textfield-blur":e=>q(e,s,a,h.BLUR)})));case o.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:l.name+s.row.id,initialValue:c.value},c.data,{class:J(s)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>q(e,s,a,h.UPDATE)}));case o.COMBOBOX:return e("kup-combobox",Object.assign({key:l.name+s.row.id,initialValue:c.value,initialValueDecode:c.decode},c.data,{class:J(s)?"kup-full-width":"","onkup-combobox-change":e=>q(e,s,a,h.UPDATE),"onkup-combobox-input":e=>q(e,s,a,h.INPUT),"onkup-combobox-iconclick":e=>q(e,s,a,h.ICON_CLICK),"onKup-combobox-blur":e=>q(e,s,a,h.BLUR)}));case o.DATE:return e("kup-date-picker",Object.assign({key:l.name+s.row.id,initialValue:c.value},c.data,{class:J(s)?"kup-full-width":"","onkup-datepicker-change":e=>q(e,s,a,h.UPDATE),"onkup-datepicker-input":e=>q(e,s,a,h.INPUT),"onKup-datepicker-blur":e=>q(e,s,a,h.BLUR),"onkup-datepicker-textfieldsubmit":e=>q(e,s,a,h.UPDATE)}));case o.EDITOR:return e(C,Object.assign({},c.data,{textArea:!0,label:l.title,fullWidth:!!J(s),maxLength:c.data.maxLength,value:c.value,onChange:e=>{q(e,s,a,h.UPDATE)},onKeyDown:e=>{var n,l;null===(l=null===(n=c.data)||void 0===n?void 0:n.onKeyDown)||void 0===l||l.call(n,e),"Enter"===e.key&&q(e,s,a,h.UPDATE)},onInput:e=>{var n,l;null===(l=null===(n=c.data)||void 0===n?void 0:n.onInput)||void 0===l||l.call(n,e),q(e,s,a,h.INPUT)},onBlur:e=>q(e,s,a,h.BLUR)}));case o.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({displayId:!0},c.data,{type:x.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,s,a,h.UPDATE)}),e("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:k.CODE_AND_DESC,selectMode:k.CODE_AND_DESC,"onKup-autocomplete-blur":e=>q(e,s,a,h.BLUR),"onkup-autocomplete-input":e=>q(e,s,a,h.INPUT),"onkup-autocomplete-iconclick":e=>q(e,s,a,h.ICON_CLICK),showDropDownIcon:!1},c.slotData,{error:c.data.error,showMarker:null!==(r=c.tooltip)&&void 0!==r&&r})));case o.MULTI_COMBOBOX:return e("kup-chip",Object.assign({displayId:!0},c.data,{type:x.INPUT,enableInput:!0,"onKup-chip-change":e=>q(e,s,a,h.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:k.CODE_AND_DESC,selectMode:k.CODE_AND_DESC,"onKup-combobox-blur":e=>q(e,s,a,h.BLUR),"onkup-combobox-input":e=>q(e,s,a,h.INPUT),"onkup-combobox-iconclick":e=>q(e,s,a,h.ICON_CLICK)},c.slotData,{error:c.data.error,showMarker:null!==(u=c.tooltip)&&void 0!==u&&u})));case o.RADIO:return e(z,Object.assign({},c.data,{disabled:!1,onChange:(e,n)=>{const l=c.data.data;for(let a=0;a<l.length;a++){l[a].checked=a===e}q(n,s,a,h.UPDATE)},onBlur:e=>q(e,s,a,h.BLUR)}));case o.RATING:return e("kup-rating",Object.assign({key:l.name+s.row.id},c.data,{disabled:!1,"onkup-rating-click":e=>q(e,s,a,h.UPDATE)}));case o.SWITCH:return e(D,Object.assign({},c.data,{disabled:!1,onChange:e=>q(e,s,a,h.UPDATE),onBlur:e=>q(e,s,a,h.BLUR)}));case o.TIME:return e("kup-time-picker",Object.assign({key:l.name+s.row.id,initialValue:c.value},c.data,{class:J(s)?"kup-full-width":"","onkup-timepicker-change":e=>q(e,s,a,h.UPDATE),"onkup-timepicker-input":e=>q(e,s,a,h.INPUT),"onKup-timepicker-blur":e=>q(e,s,a,h.BLUR)}));case o.OBJECT:return e(_,{cell:c,column:s.column,row:s.row,inputValue:c.value,onChange:e=>q(e,s,a,h.UPDATE)});case o.NUMBER:n[t.C_RIGHT_ALIGNED]=!0;case o.LINK:case o.MEMO:case o.STRING:const f=e=>q(e,s,a,h.UPDATE),m=e=>{var n,l;null===(l=null===(n=c.data)||void 0===n?void 0:n.onInput)||void 0===l||l.call(n,e),q(e,s,a,h.INPUT)},g=e=>{var n,l;null===(l=null===(n=c.data)||void 0===n?void 0:n.onKeyDown)||void 0===l||l.call(n,e),("Enter"===e.key||/^F[1-9]|F1[0-2]$/.test(e.key))&&q(e,s,a,h.UPDATE)},j=a===o.NUMBER?"number":null;if(c.shape===d.INPUT_FIELD){const n=a===o.NUMBER&&c.value?p(l,c):c.value;return e("input",{class:"input-field",onChange:f,onInput:m,onKeyDown:g,type:j,value:n,maxLength:null!==(v=null===(b=l.cellData)||void 0===b?void 0:b.maxLength)&&void 0!==v?v:-1})}return e(C,Object.assign({textArea:!!c.shape&&c.shape===d.MEMO||!!a&&a===o.MEMO,inputType:j,fullWidth:!!J(s)},c.data,{maxLength:a==o.NUMBER&&(s.column.decimals&&s.column.decimals>0||s.column.group)||s.column.integers&&s.column.integers>0?-1:c.data.maxLength,icon:c.data&&c.data.icon?c.data.icon:c.icon?c.icon:l.icon?l.icon:null,decimals:s.column.decimals,integers:s.column.integers,group:s.column.group,value:c.value,onChange:f,onInput:m,onKeyDown:g,onIconClick:e=>q(e,s,a,h.ICON_CLICK),onBlur:e=>q(e,s,a,h.BLUR)}))}}(A,T,j,F,a)):j.data&&l.includes(A)?(a.setSizes&&function(e,a,n){switch(e){case o.BAR:a.sizeY||(a.sizeY="26px");break;case o.BUTTON:let e="";a.label&&(e="36px"),n.style?n.style.height||(n.style.minHeight=e):n.style={minHeight:e};break;case o.CHART:a.sizeX||(a.sizeX="100%"),a.sizeY||(a.sizeY="100%");break;case o.CHIP:case o.RADIO:n.style?n.style.height||(n.style.minHeight="40px"):n.style={minHeight:"40px"}}}(A,R,j),Y=a.renderKup?function(a,n,c,l,s,i,r){switch(a){case o.BAR:return c.data?e("div",{style:{height:c.sizeY,width:"100%"}},e(y,Object.assign({},c))):e("kup-image",Object.assign({key:i.name+r.row.id,sizeX:"250px"},c));case o.BUTTON:return U(r)&&(n[t.C_CENTERED]=!0),e(w,Object.assign({},c,{onClick:e=>q(e,r,a,h.CLICK)}));case o.BUTTON_LIST:return U(r)&&(n[t.C_CENTERED]=!0),c["data-storage"]={cell:l,row:s,column:i},e("kup-button-list",Object.assign({key:i.name+r.row.id},c));case o.CHART:return U(r)&&(n[t.C_CENTERED]=!0),e("kup-chart",Object.assign({key:i.name+r.row.id},c));case o.MULTI_AUTOCOMPLETE:case o.MULTI_COMBOBOX:case o.CHIP:return e($,Object.assign({},c));case o.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:i.name+r.row.id},c,{class:J(r)?"kup-full-width":"",disabled:!0}));case o.GAUGE:return e("kup-gauge",Object.assign({key:i.name+r.row.id,value:B.ketchup.math.numberifySafe(l.value),"width-component":"280px"},c));case o.KNOB:case o.PROGRESS_BAR:return c.customStyle?e("kup-progress-bar",Object.assign({key:i.name+r.row.id},c)):e(I,Object.assign({},c));case o.RADIO:return U(r)&&(n[t.C_CENTERED]=!0),c.disabled=s.readOnly,e(z,Object.assign({},c));case o.RATING:return e(K,Object.assign({},c,{disabled:!0}));case o.OBJECT:return e(C,Object.assign({icon:"table"},c,{disabled:!0}))}}(A,T,R,j,N,F,a):e("span",{class:"cell-"+A+" placeholder"})):(a.setSizes&&function(e,a,n,c){var l;switch(e){case o.CHECKBOX:case o.ICON:a.sizeX||(a.sizeX="18px"),a.sizeY||(a.sizeY="18px"),n.style?n.style.height||(n.style.minHeight=a.sizeY):n.style={minHeight:a.sizeY};break;case o.IMAGE:const e=(null===(l=c.cell)||void 0===l?void 0:l.value)||"",t=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;c.component.rootElement.tagName!==u.DATA_TABLE||t||(a.sizeX||a.sizeY?(a.sizeX||(a.sizeX="100%",a.wrapperClass="noWidth"),a.sizeY||(a.sizeY="auto")):(a.sizeX="100%",a.sizeY="64px",a.wrapperClass="noWidth")),c.component.rootElement.tagName===u.BOX?(a.sizeY||(a.sizeY="auto"),void 0===a.fit&&(a.fit=!0)):a.sizeX||(a.sizeX="auto"),a.sizeY||(a.sizeY="64px")}}(A,R,j,a),T[t.INDICATOR_TOPRIGHT]=null!==(v=j.tooltip)&&void 0!==v&&v,Y=function(a,n,c,l,s,i,r){switch(a){case o.AUTOCOMPLETE:case o.COMBOBOX:return c&&""!=c?e("div",{class:"f-cell__text"},f(s,c," - ")):c;case o.DATE:case o.DATETIME:case o.TIME:if(c&&""!=c){const a=p(i,s);return e("div",{class:"f-cell__text"},a)}return c;case o.CHECKBOX:return U(r)&&(l[t.C_CENTERED]=!0),e(y,{resource:n.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case o.EDITOR:return e("div",{innerHTML:s.value});case o.ICON:case o.IMAGE:return U(r)&&(l[t.C_CENTERED]=!0),n.badgeData&&(l[t.C_PADDED]=!0),e(y,Object.assign({},n));case o.LINK:return e("a",{href:c,target:"_blank"},s.value);case o.NUMBER:if(c&&""!=c){const a=B.ketchup.math.numberifySafe(s.value),n=p(i,s);return a<0&&(l[t.TEXT_DANGER]=!0),U(r)&&(l[t.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},n)}return e("div",{class:"f-cell__text"},c);case o.SWITCH:return U(r)&&(l[t.C_CENTERED]=!0),n.disabled=!0,e(D,Object.assign({},n));default:return e("div",{class:"f-cell__text"},s.data.displayMode?f(s,c,"-"):c)}}(A,R,Y,T,j,F,a));let W=null;!H&&(F.icon||j.icon)&&Y&&(W=e(y,Object.assign({},{color:`rgba(var(${s.TEXT}-rgb), 0.375)`,resource:j.icon?j.icon:F.icon,placeholderResource:j.placeholderIcon?j.placeholderIcon:F.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let L=null;B.ketchup.debug.isDebug()&&E?L=j.obj.t+"; "+j.obj.p+"; "+j.obj.k+";":null!=j.title&&""!=j.title.trim()&&(L=j.title);let G=null;if(j.info){const a=Object.assign({},j.info);a.color||(a.color=`var(${s.INFO})`),a.icon||(a.icon="info"),G=e(y,Object.assign({},{color:a.color,resource:a.icon,placeholderResource:a.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:a.message?a.message:"",wrapperClass:"cell-info"}))}return e("div",{onKeyUp:e=>q(e,a,A,h.KEYUP),class:T,"kup-get-cell-props":()=>a,ref:e=>j.element=e,style:j.style},e("div",{class:"f-cell__content",style:j.styleContent,title:L},a.cellActionIcon&&e(y,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"f-cell__iconfunction "+(A===o.NUMBER?"left":"right"),onClick:a.cellActionIcon.onClick,tabIndex:0}),n&&n.length>0?n:[a.indents,G,W,Y]))},V=(e,a)=>{if(!e)return null;const n=e.options,c=a.title,l=e.value,t=B.ketchup.data.cell.getType(e,e.shape),s=new Map([[o.BUTTON_LIST,A.bind(void 0)],[o.STRING,R.bind(void 0)],[o.RADIO,S.bind(void 0)],[o.AUTOCOMPLETE,T.bind(void 0)],[o.COMBOBOX,T.bind(void 0)],[o.CHECKBOX,X.bind(void 0)],[o.OBJECT,H.bind(void 0)],[o.CHIP,E.bind(void 0)]]).get(t);return s?s(n,c,l,e):null},E=(e,a,n,c)=>{const l={data:(null==e?void 0:e.length)?null==e?void 0:e.map((e=>({id:e.id,value:e.id}))):[]};c.data=Object.assign(Object.assign({},c.data),l)},H=(e,a,n)=>({data:{initialValue:n||"",label:a||"",value:n||""}}),X=(e,a,n,c)=>Object.assign(Object.assign({},c.data),{checked:"on"===n||"1"===n,label:a}),A=(e,a,n,c)=>({data:[Object.assign(Object.assign({},c.data),{icon:c.icon,value:n})]}),R=(e,a,n,c)=>Object.assign(Object.assign({},c.data),{label:a}),S=(e,a,n,c)=>{const l=i(n,e);c.data=Object.assign(Object.assign({},c.data),l)},T=(e,a,n,c)=>{var l;if(!(null===(l=c.data)||void 0===l?void 0:l.data)&&e){const c=r(n,a,[]);return c.data["kup-list"].data=Y(e,n),c}},Y=(e,a)=>{const n=P.get(e.type);return n?n(e,a):e.map((e=>({value:e.label,id:e.id,selected:a===e.id})))},W=(e,a)=>e.children.map((e=>{var n;return{id:e.content.codice,value:e.content.testo,selected:a===e.content.codice,children:(null===(n=e.children)||void 0===n?void 0:n.length)?W(e,a):[]}})),L=(e,a)=>e.children.map((e=>{var n;return{id:e.obj.k,value:e.value,selected:a===e.obj.k,children:(null===(n=e.children)||void 0===n?void 0:n.length)?L(e,a):[]}})),G=(e,a)=>e.rows.map((e=>{var n;const c=e.fields||e.cells,[l,t]=Object.keys(c);return{id:c[l].value,value:(null===(n=c[t])||void 0===n?void 0:n.value)||c[l].value,selected:a===c[l].value}})),P=new Map([["SmeupTreeNode",W.bind(void 0)],["SmeupDataTree",L.bind(void 0)],["SmeupTable",G.bind(void 0)],["SmeupDataTable",G.bind(void 0)]]);function q(e,a,n,c){var l,t;const s=a.cell,i=a.column,r=a.component,u=a.row;if(c===h.UPDATE){let a=function(e,a){var n;let c=e.target.value;return a===o.CHECKBOX&&(c=e.target.checked?"off":"on"),a===o.DATE&&(c=null===(n=e.detail)||void 0===n?void 0:n.value),a===o.NUMBER&&(c=B.ketchup.math.formattedStringToNumberString(c,"")),c}(e,n);switch(m(s)?a=null==a?void 0:a.toUpperCase():g(s)&&(a=null==a?void 0:a.toLowerCase()),n){case o.AUTOCOMPLETE:case o.COMBOBOX:case o.DATE:case o.TIME:s.data&&(s.data.initialValue=a);break;case o.CHECKBOX:case o.SWITCH:a="on"===a.toLowerCase()?"0":"1",s.data&&(s.data.checked="0"!==a);break;case o.RADIO:if(s.data.data){const e=s.data.data.find((e=>e.checked));e&&(a=e.value)}break;case o.CHIP:case o.MULTI_AUTOCOMPLETE:case o.MULTI_COMBOBOX:a=e.detail.stringifiedValues,s.data&&(s.data.data=e.detail.comp.data)}s.obj&&(s.obj.k=null==a?void 0:a.toString()),s.value=null==a?void 0:a.toString(),s.displayedValue=null,s.displayedValue=p(i,s)}if(r&&r.rootElement){const a=new CustomEvent(c,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:r,id:r.rootElement.id,cell:s,column:i,event:e,row:u,type:n,inputValue:(null===(t=null===(l=s.element)||void 0===l?void 0:l.querySelector("input"))||void 0===t?void 0:t.value)||null}});if(r.rootElement.dispatchEvent(a),c===h.UPDATE)try{r.refresh()}catch(e){B.ketchup.debug.logMessage(r,e,j.ERROR)}}}function U(e){var a;return v.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}function J(e){var a;return b.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}export{M as F,I as a,z as b,K as c,N as d,D as e}

package/dist/ketchup/{p-997b94f9.entry.js → p-a389bc98.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as i,h as a,H as n,d as o}from"./p-b0368f88.js";import{k as s,g as p,s as r}from"./p-b59ea56b.js";import{c as l}from"./p-635bb4b3.js";import{F as c}from"./p-504fe614.js";import"./p-1ee561ba.js";import"./p-e3062c19.js";import"./p-f2213e00.js";const f="snackbar";var h;!function(t){t.actionButton="Set of FButton props to set the action button.",t.closeButton="When true, the hide button will be displayed.",t.customStyle="Custom style of the component.",t.text="Sets the textual content of the snackbar.",t.timeout="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."}(h||(h={}));const k=class{constructor(i){t(this,i),this.kupActionClick=e(this,"kup-snackbar-actionclick",6),this.kupTimeoutComplete=e(this,"kup-snackbar-timeoutcomplete",6),this.kupManager=s(),this.visible=!1,this.actionButton=null,this.closeButton=!0,this.customStyle="",this.text="",this.header="",this.timeout=null}onKupActionClick(){this.hide(),this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,h,t)}async hide(){this.visible=!1}async refresh(){i(this)}async setProps(t){r(this,h,t)}async show(){this.visible=!0}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.timeout&&this.visible&&setTimeout((()=>{this.hide(),this.onKupTimeoutComplete()}),this.timeout),this.kupManager.debug.logRender(this,!0)}render(){return a(n,{key:"37e33ed6608ac56ce006ccb1a14f93d6f48a7d8f","kup-visible":this.visible},a("style",{key:"722a42f22301dba2a722ed291dae0b95b9a820f4"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"f4973aa0c77762ee39aa2d3ace2cde23510f958f",id:l},a("div",{key:"373de7545ce04754994b5bb2ce7040b995222322",class:f},a("div",{key:"3e4253e4d0fa7bc1110d989adaa1210f19797ddb",class:"snackbar__text__block"},a("div",{key:"bc0695d83e55c8d738397b01b86f30a6ae6d62eb",class:`${f}__header`},this.header),a("div",{key:"b2c1e5b7637bbd2bf1fc80dd0f84f0ef6c2b01b8",class:`${f}__text`},this.text)),this.actionButton||this.closeButton?a("div",{class:`${f}__buttons`},this.actionButton?a("div",{class:`${f}__action`},a(c,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?a("div",{class:`${f}__close`},a(c,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};k.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_snackbar_border_left_color:var(\n    --kup-snackbar-border-left-color,\n    var(--kup-border-interactive)\n  );--kup_snackbar_background_color:var(\n    --kup-snackbar-background-color,\n    var(--kup-layer-0-inverted)\n  );--kup_snackbar_text_color:var(\n    --kup-snackbar-text-color,\n    var(--kup-text-primary-inverted)\n  );--kup_snackbar_text_color:var(--kup-snackbar-text-color, var(--kup-layer-1));animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background-color:var(--kup_snackbar_background_color);color:var(--kup_snackbar_text_color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px;border-left:4px solid var(--kup_snackbar_border_left_color);padding:0 var(--kup-space-05)}.snackbar .snackbar__text__block{padding:var(--kup-space-05) 0;color:var(--kup_snackbar_text_color)}.snackbar__header{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.snackbar__text{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.snackbar__buttons{align-items:center;display:flex;justify-content:flex-end;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@media (min-width: 768px){.snackbar__text__block{padding:var(--kup-space-05) 0;min-width:350px}}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";export{k as kup_snackbar}
+import{r as t,c as e,f as i,h as a,H as n,d as o}from"./p-b0368f88.js";import{k as s,g as p,s as r}from"./p-4886e26b.js";import{c as l}from"./p-635bb4b3.js";import{F as c}from"./p-504fe614.js";import"./p-1ee561ba.js";import"./p-e3062c19.js";import"./p-f2213e00.js";const f="snackbar";var h;!function(t){t.actionButton="Set of FButton props to set the action button.",t.closeButton="When true, the hide button will be displayed.",t.customStyle="Custom style of the component.",t.text="Sets the textual content of the snackbar.",t.timeout="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."}(h||(h={}));const k=class{constructor(i){t(this,i),this.kupActionClick=e(this,"kup-snackbar-actionclick",6),this.kupTimeoutComplete=e(this,"kup-snackbar-timeoutcomplete",6),this.kupManager=s(),this.visible=!1,this.actionButton=null,this.closeButton=!0,this.customStyle="",this.text="",this.header="",this.timeout=null}onKupActionClick(){this.hide(),this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,h,t)}async hide(){this.visible=!1}async refresh(){i(this)}async setProps(t){r(this,h,t)}async show(){this.visible=!0}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.timeout&&this.visible&&setTimeout((()=>{this.hide(),this.onKupTimeoutComplete()}),this.timeout),this.kupManager.debug.logRender(this,!0)}render(){return a(n,{key:"37e33ed6608ac56ce006ccb1a14f93d6f48a7d8f","kup-visible":this.visible},a("style",{key:"722a42f22301dba2a722ed291dae0b95b9a820f4"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"f4973aa0c77762ee39aa2d3ace2cde23510f958f",id:l},a("div",{key:"373de7545ce04754994b5bb2ce7040b995222322",class:f},a("div",{key:"3e4253e4d0fa7bc1110d989adaa1210f19797ddb",class:"snackbar__text__block"},a("div",{key:"bc0695d83e55c8d738397b01b86f30a6ae6d62eb",class:`${f}__header`},this.header),a("div",{key:"b2c1e5b7637bbd2bf1fc80dd0f84f0ef6c2b01b8",class:`${f}__text`},this.text)),this.actionButton||this.closeButton?a("div",{class:`${f}__buttons`},this.actionButton?a("div",{class:`${f}__action`},a(c,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?a("div",{class:`${f}__close`},a(c,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};k.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_snackbar_border_left_color:var(\n    --kup-snackbar-border-left-color,\n    var(--kup-border-interactive)\n  );--kup_snackbar_background_color:var(\n    --kup-snackbar-background-color,\n    var(--kup-layer-0-inverted)\n  );--kup_snackbar_text_color:var(\n    --kup-snackbar-text-color,\n    var(--kup-text-primary-inverted)\n  );--kup_snackbar_text_color:var(--kup-snackbar-text-color, var(--kup-layer-1));animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background-color:var(--kup_snackbar_background_color);color:var(--kup_snackbar_text_color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px;border-left:4px solid var(--kup_snackbar_border_left_color);padding:0 var(--kup-space-05)}.snackbar .snackbar__text__block{padding:var(--kup-space-05) 0;color:var(--kup_snackbar_text_color)}.snackbar__header{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.snackbar__text{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.snackbar__buttons{align-items:center;display:flex;justify-content:flex-end;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@media (min-width: 768px){.snackbar__text__block{padding:var(--kup-space-05) 0;min-width:350px}}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";export{k as kup_snackbar}

package/dist/ketchup/{p-3e273410.entry.js → p-aa77e8a7.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,f as i,h as n,H as o,d as a}from"./p-b0368f88.js";import{k as f,g as p,s}from"./p-b59ea56b.js";import{c as h}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var r;!function(t){t.data="Data of the component containing text"}(r||(r={}));var l,c=function(t,e,i,n){if("a"===i&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?n:"a"===i?n.call(t):n?n.value:e.get(t)};const g=class{constructor(i){t(this,i),this.kupReady=e(this,"kup-txt-ready",6),l.set(this,f()),this.data=void 0}async getProps(t){return p(this,r,t)}async refresh(){i(this)}async setProps(t){s(this,r,t)}getValue(){var t;return((null===(t=this.data)||void 0===t?void 0:t.value)||"").replace(new RegExp("\r\n","g"),"<br />")}componentWillLoad(){c(this,l,"f").debug.logLoad(this,!1),c(this,l,"f").theme.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id}),c(this,l,"f").debug.logLoad(this,!0)}componentWillRender(){c(this,l,"f").debug.logRender(this,!1)}componentDidRender(){c(this,l,"f").debug.logRender(this,!0)}render(){const t=this.getValue();return n(o,{key:"0b19a5875e22fb387cbbb5e259332c72c172d319"},n("style",{key:"bc67a5f6af8d16543cebc5d9d65c8e99e1e91b43"},c(this,l,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"694b0bed1fbe7be8823ae6dc8d0523a00b66e395",id:h},n("div",{key:"b10f3950f05cf4b71e74df8c63e6cd4d9eef1105",innerHTML:t})))}disconnectedCallback(){c(this,l,"f").theme.unregister(this)}get rootElement(){return a(this)}};l=new WeakMap,g.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{height:100%;width:100%;display:block;color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:var(--kup-font-size)}#kup-component{height:100%}";export{g as kup_txt}
+import{r as t,c as e,f as i,h as n,H as o,d as a}from"./p-b0368f88.js";import{k as f,g as p,s}from"./p-4886e26b.js";import{c as h}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var r;!function(t){t.data="Data of the component containing text"}(r||(r={}));var l,c=function(t,e,i,n){if("a"===i&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?n:"a"===i?n.call(t):n?n.value:e.get(t)};const g=class{constructor(i){t(this,i),this.kupReady=e(this,"kup-txt-ready",6),l.set(this,f()),this.data=void 0}async getProps(t){return p(this,r,t)}async refresh(){i(this)}async setProps(t){s(this,r,t)}getValue(){var t;return((null===(t=this.data)||void 0===t?void 0:t.value)||"").replace(new RegExp("\r\n","g"),"<br />")}componentWillLoad(){c(this,l,"f").debug.logLoad(this,!1),c(this,l,"f").theme.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id}),c(this,l,"f").debug.logLoad(this,!0)}componentWillRender(){c(this,l,"f").debug.logRender(this,!1)}componentDidRender(){c(this,l,"f").debug.logRender(this,!0)}render(){const t=this.getValue();return n(o,{key:"0b19a5875e22fb387cbbb5e259332c72c172d319"},n("style",{key:"bc67a5f6af8d16543cebc5d9d65c8e99e1e91b43"},c(this,l,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"694b0bed1fbe7be8823ae6dc8d0523a00b66e395",id:h},n("div",{key:"b10f3950f05cf4b71e74df8c63e6cd4d9eef1105",innerHTML:t})))}disconnectedCallback(){c(this,l,"f").theme.unregister(this)}get rootElement(){return a(this)}};l=new WeakMap,g.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{height:100%;width:100%;display:block;color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:var(--kup-font-size)}#kup-component{height:100%}";export{g as kup_txt}

package/dist/ketchup/{p-0dc3dd14.js → p-b4bd6ef0.js}

@@ -1 +1 @@
-import{h as o}from"./p-b0368f88.js";import{a as t,k as n,c as e}from"./p-b59ea56b.js";import{F as c}from"./p-504fe614.js";import{a as i}from"./p-e3062c19.js";import{F as l}from"./p-3d2f1f12.js";const s=new WeakMap,r=n=>{var e;return o("div",{class:`f-object-field ${n.wrapperClass?n.wrapperClass:""}`,ref:async o=>{o&&(n.root=o,b(n))}},o(l,Object.assign({icon:"search",trailingIcon:!0,disabled:!1},null===(e=n.cell)||void 0===e?void 0:e.data,{value:n.inputValue,onChange:n.onChange,onIconClick:f.icon.bind(n),onInput:f.input.bind(n),onKeyDown:f.keydown.bind(n)})),o(c,{icon:"menu",onClick:f.button.bind(n),sizing:t.SMALL,styling:i.FLAT,wrapperClass:"obj-field-extra-btn"}),o("kup-toolbar",{"onKup-toolbar-click":f.toolbar.bind(n)}))};function a(o){const{cell:t}=o,e=s.get(t),{clickCb:c}=e,{toolbar:i}=u(e),l=n();l.dynamicPosition.stop(i),l.removeClickCallback(c),i.style.display="none",e.isListOpened=!1}const u=o=>{const{children:t,clickCb:n,root:e}=o;return Object.keys(o.children).length||(t.button=e.querySelector(".f-button"),t.textfield=e.querySelector(".f-text-field"),t.toolbar=e.querySelector("kup-toolbar"),n.el=t.toolbar),t},b=o=>{const{cell:t,root:n}=o,e=s.get(t);s.set(t,e?Object.assign(Object.assign({},e),{root:n,children:u(e)}):{children:{},clickCb:{cb:a.bind(a,o)},inputValue:o.inputValue,isListOpened:!1,root:n})},p=(o,t,n)=>{const{cell:e,column:c,row:i,root:l}=o,{children:r,inputValue:a}=s.get(e),u=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{cell:e,children:r,column:c,inputValue:a,originalEvent:n,row:i}});l.dispatchEvent(u)},f={button:function(o){(function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i}=c;i?a(o):function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i,clickCb:l}=c,{button:r,toolbar:a}=u(c);if(i)return;const b=n();b.dynamicPosition.isRegistered(a)?b.dynamicPosition.changeAnchor(a,r):b.dynamicPosition.register(a,r,0,e.AUTO,!1),b.dynamicPosition.start(a),b.addClickCallback(l,!0),a.style.display="block",c.isListOpened=!0}(o)})(this),p(this,"kup-objectfield-opensearchmenu",o)},icon:function(o){p(this,"kup-objectfield-searchpayload",o)},input:function(o){const{cell:t}=this;s.get(t).inputValue=o.target.value},keydown:function(o){"F4"===o.code&&(o.preventDefault(),o.stopPropagation(),p(this,"kup-objectfield-searchpayload",o))},toolbar:function(o){a(this),p(this,"kup-objectfield-selectedmenuitem",o)}};export{r as F}
+import{h as o}from"./p-b0368f88.js";import{a as t,k as n,c as e}from"./p-4886e26b.js";import{F as c}from"./p-504fe614.js";import{a as i}from"./p-e3062c19.js";import{F as l}from"./p-00ce3103.js";const s=new WeakMap,r=n=>{var e;return o("div",{class:`f-object-field ${n.wrapperClass?n.wrapperClass:""}`,ref:async o=>{o&&(n.root=o,b(n))}},o(l,Object.assign({icon:"search",trailingIcon:!0,disabled:!1},null===(e=n.cell)||void 0===e?void 0:e.data,{value:n.inputValue,onChange:n.onChange,onIconClick:f.icon.bind(n),onInput:f.input.bind(n),onKeyDown:f.keydown.bind(n)})),o(c,{icon:"menu",onClick:f.button.bind(n),sizing:t.SMALL,styling:i.FLAT,wrapperClass:"obj-field-extra-btn"}),o("kup-toolbar",{"onKup-toolbar-click":f.toolbar.bind(n)}))};function a(o){const{cell:t}=o,e=s.get(t),{clickCb:c}=e,{toolbar:i}=u(e),l=n();l.dynamicPosition.stop(i),l.removeClickCallback(c),i.style.display="none",e.isListOpened=!1}const u=o=>{const{children:t,clickCb:n,root:e}=o;return Object.keys(o.children).length||(t.button=e.querySelector(".f-button"),t.textfield=e.querySelector(".f-text-field"),t.toolbar=e.querySelector("kup-toolbar"),n.el=t.toolbar),t},b=o=>{const{cell:t,root:n}=o,e=s.get(t);s.set(t,e?Object.assign(Object.assign({},e),{root:n,children:u(e)}):{children:{},clickCb:{cb:a.bind(a,o)},inputValue:o.inputValue,isListOpened:!1,root:n})},p=(o,t,n)=>{const{cell:e,column:c,row:i,root:l}=o,{children:r,inputValue:a}=s.get(e),u=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{cell:e,children:r,column:c,inputValue:a,originalEvent:n,row:i}});l.dispatchEvent(u)},f={button:function(o){(function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i}=c;i?a(o):function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i,clickCb:l}=c,{button:r,toolbar:a}=u(c);if(i)return;const b=n();b.dynamicPosition.isRegistered(a)?b.dynamicPosition.changeAnchor(a,r):b.dynamicPosition.register(a,r,0,e.AUTO,!1),b.dynamicPosition.start(a),b.addClickCallback(l,!0),a.style.display="block",c.isListOpened=!0}(o)})(this),p(this,"kup-objectfield-opensearchmenu",o)},icon:function(o){p(this,"kup-objectfield-searchpayload",o)},input:function(o){const{cell:t}=this;s.get(t).inputValue=o.target.value},keydown:function(o){"F4"===o.code&&(o.preventDefault(),o.stopPropagation(),p(this,"kup-objectfield-searchpayload",o))},toolbar:function(o){a(this),p(this,"kup-objectfield-selectedmenuitem",o)}};export{r as F}

package/dist/ketchup/{p-2e576700.entry.js → p-ba7bd783.entry.js}

@@ -1 +1 @@
-import{r as t,f as i,h as e,H as a,d as o}from"./p-b0368f88.js";import{k as s,g as n,s as l,h as p,e as h,ay as c,Q as r,az as f,W as u,d}from"./p-b59ea56b.js";import{a as g}from"./p-e3062c19.js";import{F as m}from"./p-f2213e00.js";import{c as k}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var b,x;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(b||(b={})),function(t){t.BOX="Box",t.BUTTON_LIST="Button List",t.CHART="Chart",t.CHIP="Chip",t.ECHART="Echart",t.DATATABLE="Datatable",t.JSON="JSON",t.TREE="Tree"}(x||(x={}));const y=class{constructor(i){t(this,i),this.dragHandler=null,this.kupManager=s(),this.textArea=null,this.wrapperRef=null,this.display=x.DATATABLE,this.customStyle="",this.data=null}async getProps(t){return n(this,b,t)}async refresh(){i(this)}async setProps(t){l(this,b,t)}comboboxProps(){const t=[];for(const i in x)Object.prototype.hasOwnProperty.call(x,i)&&t.push({id:x[i],selected:!1,value:x[i]});return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:!1,inputType:"text",label:this.kupManager.language.translate(p.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:!0,"onKup-combobox-itemclick":t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0),i=[],a={};if(this.display===x.JSON)a.initialValue=this.data?JSON.stringify(this.data,null,2):"",a.textArea=!0,i.push(e("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},a,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})));else if(t)switch(this.display){case x.BOX:a.data=this.data,i.push(e("kup-box",Object.assign({},a)));break;case x.BUTTON_LIST:a.data=this.data,i.push(e("kup-button-list",Object.assign({},a)));break;case x.CHIP:a.data=this.data,i.push(e("kup-chip",Object.assign({},a)));break;case x.CHART:case x.ECHART:a.data=this.data,a.series=[],a.axis=null;for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];i.obj&&this.kupManager.objects.isNumber(i.obj)||null!==a.axis?a.series.push(this.display===x.CHART?{code:i.name,decode:i.title}:i.name):a.axis=i.name}0===a.series.length&&this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",h.WARNING),a.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",h.WARNING),i.push(e(this.display===x.CHART?"kup-chart":"kup-echart",Object.assign({},a)));break;case x.DATATABLE:a.data=this.data,a.autoFillMissingCells=!0,i.push(e("kup-data-table",Object.assign({},a)));break;case x.TREE:a.data=this.data,i.push(e("kup-tree",Object.assign({class:"kup-full-width"},a)));break;default:return void this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",h.ERROR)}else i.push(e("div",{class:"empty"},e(m,{sizeY:"100px",resource:"move_to_inbox"}),e("div",{class:"empty-text"},this.kupManager.language.translate(p.DROP_YOUR_DATA))));return i}updateData(t){{const i=Object.assign({},this.data),e=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null,a=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(e&&e.name?i.columns?this.data.columns.find((t=>t.name===e.name))||i.columns.push(e):i.columns=[e]:this.kupManager.debug.logMessage(this,"Invalid column received.",h.WARNING),a&&(i.rows?i.rows.push(a):i.rows=[a]),this.data=i,this.data&&this.textArea)try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(c,(t=>this.updateData(t))),this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle"),this.kupManager.interact.dialogify(this.rootElement,this.dragHandler),this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${r}],[${f}]`},{dispatcher:this.rootElement,type:u.MAGICBOX}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return e(a,{key:"579cf183f0915d864820f3d06bc1576ab11ae1a4"},e("style",{key:"9128110fcaca2c1da80ce29a30b17f26d287ccb3"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"a23742c2083fc1ef92fbc370da846dc8b9182116",id:k},e("div",{key:"1c23fa7eb08e82493c2279f975425297dbcc46fd",class:"magic-box-wrapper"},e("div",{key:"3c1f251962659f982d0d68108fdb0476d0fa065a",class:"actions",id:"drag-handle"},e("kup-combobox",Object.assign({key:"30fbff2375c6872fc6ae239a7a215928a4512e3c"},this.comboboxProps())),e("kup-button",{key:"de990f96f370f26bd847d90bb555cd818ce59b4e",styling:g.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),e("kup-button",{key:"867ec9ed075ae869dc9350e00096036d3af780e6",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),e("div",{key:"279780fb00c2ad681ff42f266ad08a25705928fe",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};y.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-subtle);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";export{y as kup_magic_box}
+import{r as t,f as i,h as e,H as a,d as o}from"./p-b0368f88.js";import{k as s,g as n,s as l,h as p,e as h,ay as c,Q as r,az as f,W as u,d}from"./p-4886e26b.js";import{a as g}from"./p-e3062c19.js";import{F as m}from"./p-f2213e00.js";import{c as k}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var b,x;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(b||(b={})),function(t){t.BOX="Box",t.BUTTON_LIST="Button List",t.CHART="Chart",t.CHIP="Chip",t.ECHART="Echart",t.DATATABLE="Datatable",t.JSON="JSON",t.TREE="Tree"}(x||(x={}));const y=class{constructor(i){t(this,i),this.dragHandler=null,this.kupManager=s(),this.textArea=null,this.wrapperRef=null,this.display=x.DATATABLE,this.customStyle="",this.data=null}async getProps(t){return n(this,b,t)}async refresh(){i(this)}async setProps(t){l(this,b,t)}comboboxProps(){const t=[];for(const i in x)Object.prototype.hasOwnProperty.call(x,i)&&t.push({id:x[i],selected:!1,value:x[i]});return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:!1,inputType:"text",label:this.kupManager.language.translate(p.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:!0,"onKup-combobox-itemclick":t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0),i=[],a={};if(this.display===x.JSON)a.initialValue=this.data?JSON.stringify(this.data,null,2):"",a.textArea=!0,i.push(e("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},a,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})));else if(t)switch(this.display){case x.BOX:a.data=this.data,i.push(e("kup-box",Object.assign({},a)));break;case x.BUTTON_LIST:a.data=this.data,i.push(e("kup-button-list",Object.assign({},a)));break;case x.CHIP:a.data=this.data,i.push(e("kup-chip",Object.assign({},a)));break;case x.CHART:case x.ECHART:a.data=this.data,a.series=[],a.axis=null;for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];i.obj&&this.kupManager.objects.isNumber(i.obj)||null!==a.axis?a.series.push(this.display===x.CHART?{code:i.name,decode:i.title}:i.name):a.axis=i.name}0===a.series.length&&this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",h.WARNING),a.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",h.WARNING),i.push(e(this.display===x.CHART?"kup-chart":"kup-echart",Object.assign({},a)));break;case x.DATATABLE:a.data=this.data,a.autoFillMissingCells=!0,i.push(e("kup-data-table",Object.assign({},a)));break;case x.TREE:a.data=this.data,i.push(e("kup-tree",Object.assign({class:"kup-full-width"},a)));break;default:return void this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",h.ERROR)}else i.push(e("div",{class:"empty"},e(m,{sizeY:"100px",resource:"move_to_inbox"}),e("div",{class:"empty-text"},this.kupManager.language.translate(p.DROP_YOUR_DATA))));return i}updateData(t){{const i=Object.assign({},this.data),e=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null,a=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(e&&e.name?i.columns?this.data.columns.find((t=>t.name===e.name))||i.columns.push(e):i.columns=[e]:this.kupManager.debug.logMessage(this,"Invalid column received.",h.WARNING),a&&(i.rows?i.rows.push(a):i.rows=[a]),this.data=i,this.data&&this.textArea)try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(c,(t=>this.updateData(t))),this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle"),this.kupManager.interact.dialogify(this.rootElement,this.dragHandler),this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${r}],[${f}]`},{dispatcher:this.rootElement,type:u.MAGICBOX}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return e(a,{key:"579cf183f0915d864820f3d06bc1576ab11ae1a4"},e("style",{key:"9128110fcaca2c1da80ce29a30b17f26d287ccb3"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"a23742c2083fc1ef92fbc370da846dc8b9182116",id:k},e("div",{key:"1c23fa7eb08e82493c2279f975425297dbcc46fd",class:"magic-box-wrapper"},e("div",{key:"3c1f251962659f982d0d68108fdb0476d0fa065a",class:"actions",id:"drag-handle"},e("kup-combobox",Object.assign({key:"30fbff2375c6872fc6ae239a7a215928a4512e3c"},this.comboboxProps())),e("kup-button",{key:"de990f96f370f26bd847d90bb555cd818ce59b4e",styling:g.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),e("kup-button",{key:"867ec9ed075ae869dc9350e00096036d3af780e6",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),e("div",{key:"279780fb00c2ad681ff42f266ad08a25705928fe",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};y.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-subtle);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";export{y as kup_magic_box}

package/dist/ketchup/{p-bb749e71.entry.js → p-cee4fdb5.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,f as e,h as o,H as a,d as n}from"./p-b0368f88.js";import{k as s,c as p,g as h,s as r}from"./p-b59ea56b.js";import{a as f,F as l}from"./p-60cfddce.js";import{c}from"./p-635bb4b3.js";import{F as u}from"./p-f2213e00.js";import"./p-1ee561ba.js";var g;!function(t){t.data="the text of the text",t.Style="it is the style of the text",t.Border="when true it will appear a border",t.BorderWidth="it is the width of the border",t.Align="text alignment",t.FontBold="when true it will display the bold font",t.FontItalic="when true it will display the italic ( cursive )",t.FontName="it is the name of the font",t.FontSize="it is the size of the font of the text",t.FontULine="when true it will show the underline",t.FontColor="it is the color of the font of the text",t.BackColor="it is the background color of the text",t.Type="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"}(g||(g={}));var y,m,d=function(t,i,e,o,a){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!a)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!a:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?a.call(t,e):a?a.value=e:i.set(t,e),e},k=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)};const w=class{constructor(e){t(this,e),this.kupIconClick=i(this,"kup-typography-iconclick",6),this.kupClick=i(this,"kup-typography-click",6),this.kupItemClick=i(this,"kup-typography-itemclick",6),this.kupManager=s(),y.set(this,null),m.set(this,null),this.customStyle="",this.toolbar=!0,this.toolbarData=void 0,this.type=f.BODY_COMPACT,this.value=null}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupIconClick(t){d(this,m,t,"f"),this.kupIconClick.emit({comp:this,id:this.rootElement.id}),this.createDropDownToolbarList()}onKupToolbarItemClick(t){this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected})}closeRowToolbarList(){this.toolbarList&&(this.kupManager.dynamicPosition.stop(this.toolbarList),this.kupManager.removeClickCallback(k(this,y,"f")),this.toolbarList.remove(),this.toolbarList=null)}createDropDownToolbarList(){this.toolbarList&&this.closeRowToolbarList();const t=document.createElement("kup-toolbar");t.data=this.toolbarData,t.addEventListener("kup-toolbar-click",(t=>{this.onKupToolbarItemClick(t),setTimeout((()=>{this.closeRowToolbarList()}),0)})),this.toolbarList=t,d(this,y,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f"),this.kupManager.addClickCallback(k(this,y,"f"),!0),this.rootElement.shadowRoot.appendChild(this.toolbarList),requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.toolbarList,k(this,m,"f"),0,p.AUTO,!0),this.kupManager.dynamicPosition.start(this.toolbarList)}))}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async setProps(t){r(this,g,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t={toolbar:this.toolbar,value:this.value,type:this.type},i={"kup-typography--wrap":!!t.toolbar};return o(a,{key:"f6e48b29220eec0cc5de2218a96d2f4f54995950"},o("style",{key:"d13cd661315bf2603841418c26cd4ab350526ec9"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"f9105a97887bb2bf4de24f2dbfcf046114bec16d",id:c,class:i,onClick:()=>this.onKupClick},o(l,Object.assign({key:"7a52cbe43a45d6fd8155fed8c55e73656792816f"},t)),o(u,Object.assign({key:"985ac9b8d6d0194473b3e1ee33fb6b549e4a21a4"},{color:"var(--kup-gray-color-70)",resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"image__iconToolbar"},{onClick:t=>{t.stopPropagation(),this.onKupIconClick(t.currentTarget)}}))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}static get assetsDirs(){return["assets/fonts"]}get rootElement(){return n(this)}};y=new WeakMap,m=new WeakMap,w.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.kup-typography--wrap{display:flex;align-items:center;gap:var(--kup-space-03)}.kup-typography--wrap:hover .image__iconToolbar{opacity:0.3}.kup-typography--wrap:hover .image__iconToolbar:hover{cursor:pointer;opacity:1;background-color:var(--kup-gray-color-20-hover)}.kup-typography--wrap .image__iconToolbar{opacity:0.3;margin:0}:host{display:block}";export{w as kup_typography}
+import{r as t,c as i,f as e,h as o,H as a,d as n}from"./p-b0368f88.js";import{k as s,c as p,g as h,s as r}from"./p-4886e26b.js";import{a as f,F as l}from"./p-60cfddce.js";import{c}from"./p-635bb4b3.js";import{F as u}from"./p-f2213e00.js";import"./p-1ee561ba.js";var g;!function(t){t.data="the text of the text",t.Style="it is the style of the text",t.Border="when true it will appear a border",t.BorderWidth="it is the width of the border",t.Align="text alignment",t.FontBold="when true it will display the bold font",t.FontItalic="when true it will display the italic ( cursive )",t.FontName="it is the name of the font",t.FontSize="it is the size of the font of the text",t.FontULine="when true it will show the underline",t.FontColor="it is the color of the font of the text",t.BackColor="it is the background color of the text",t.Type="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"}(g||(g={}));var y,m,d=function(t,i,e,o,a){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!a)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!a:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?a.call(t,e):a?a.value=e:i.set(t,e),e},k=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)};const w=class{constructor(e){t(this,e),this.kupIconClick=i(this,"kup-typography-iconclick",6),this.kupClick=i(this,"kup-typography-click",6),this.kupItemClick=i(this,"kup-typography-itemclick",6),this.kupManager=s(),y.set(this,null),m.set(this,null),this.customStyle="",this.toolbar=!0,this.toolbarData=void 0,this.type=f.BODY_COMPACT,this.value=null}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupIconClick(t){d(this,m,t,"f"),this.kupIconClick.emit({comp:this,id:this.rootElement.id}),this.createDropDownToolbarList()}onKupToolbarItemClick(t){this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected})}closeRowToolbarList(){this.toolbarList&&(this.kupManager.dynamicPosition.stop(this.toolbarList),this.kupManager.removeClickCallback(k(this,y,"f")),this.toolbarList.remove(),this.toolbarList=null)}createDropDownToolbarList(){this.toolbarList&&this.closeRowToolbarList();const t=document.createElement("kup-toolbar");t.data=this.toolbarData,t.addEventListener("kup-toolbar-click",(t=>{this.onKupToolbarItemClick(t),setTimeout((()=>{this.closeRowToolbarList()}),0)})),this.toolbarList=t,d(this,y,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f"),this.kupManager.addClickCallback(k(this,y,"f"),!0),this.rootElement.shadowRoot.appendChild(this.toolbarList),requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.toolbarList,k(this,m,"f"),0,p.AUTO,!0),this.kupManager.dynamicPosition.start(this.toolbarList)}))}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async setProps(t){r(this,g,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t={toolbar:this.toolbar,value:this.value,type:this.type},i={"kup-typography--wrap":!!t.toolbar};return o(a,{key:"f6e48b29220eec0cc5de2218a96d2f4f54995950"},o("style",{key:"d13cd661315bf2603841418c26cd4ab350526ec9"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"f9105a97887bb2bf4de24f2dbfcf046114bec16d",id:c,class:i,onClick:()=>this.onKupClick},o(l,Object.assign({key:"7a52cbe43a45d6fd8155fed8c55e73656792816f"},t)),o(u,Object.assign({key:"985ac9b8d6d0194473b3e1ee33fb6b549e4a21a4"},{color:"var(--kup-gray-color-70)",resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"image__iconToolbar"},{onClick:t=>{t.stopPropagation(),this.onKupIconClick(t.currentTarget)}}))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}static get assetsDirs(){return["assets/fonts"]}get rootElement(){return n(this)}};y=new WeakMap,m=new WeakMap,w.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.kup-typography--wrap{display:flex;align-items:center;gap:var(--kup-space-03)}.kup-typography--wrap:hover .image__iconToolbar{opacity:0.3}.kup-typography--wrap:hover .image__iconToolbar:hover{cursor:pointer;opacity:1;background-color:var(--kup-gray-color-20-hover)}.kup-typography--wrap .image__iconToolbar{opacity:0.3;margin:0}:host{display:block}";export{w as kup_typography}

package/dist/ketchup/{p-2a6cc9f6.entry.js → p-d1b148ad.entry.js}

@@ -1 +1 @@
-import{r as i,h as t,d as e}from"./p-b0368f88.js";import{k as o}from"./p-b59ea56b.js";import"./p-1ee561ba.js";const p=class{constructor(t){i(this,t),this.kupManager=o(),this.config=void 0,this.qlik=void 0,this.appid="",this.app=!1,this.grid=[],this.debug=!1,this.fluid=!1,this.bordered=!1,this.defobjsize="400px",this.divlist=[]}getObjects(i){let t;return new Promise((e=>{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})}))})),e(!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((e=>{this.divlist=[],i.rows.forEach((i=>{let e=[];i.columns.forEach((i=>{let o="qvobject ";this.bordered&&(o+="bordered "),o=o+"width-"+i.colDim+" size-"+i.size,e.push(t("div",""!=i.obj?{id:i.obj,class:o}:{class:o}))})),this.divlist.push(t("div",{class:"kup-qlik-row"},e))})),e(!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,e=null;return i=this.fluid?{"kup-qlik-container-fluid":!0}:{"kup-qlik-container":!0},e={"--lyo_obj-height":this.defobjsize},t("div",{key:"eb74eb829c7fa060dcae290cc00a010922e82ece",class:i,style:e},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 e(this)}};p.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.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-subtle, #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{p as kup_qlik}
+import{r as i,h as t,d as e}from"./p-b0368f88.js";import{k as o}from"./p-4886e26b.js";import"./p-1ee561ba.js";const p=class{constructor(t){i(this,t),this.kupManager=o(),this.config=void 0,this.qlik=void 0,this.appid="",this.app=!1,this.grid=[],this.debug=!1,this.fluid=!1,this.bordered=!1,this.defobjsize="400px",this.divlist=[]}getObjects(i){let t;return new Promise((e=>{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})}))})),e(!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((e=>{this.divlist=[],i.rows.forEach((i=>{let e=[];i.columns.forEach((i=>{let o="qvobject ";this.bordered&&(o+="bordered "),o=o+"width-"+i.colDim+" size-"+i.size,e.push(t("div",""!=i.obj?{id:i.obj,class:o}:{class:o}))})),this.divlist.push(t("div",{class:"kup-qlik-row"},e))})),e(!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,e=null;return i=this.fluid?{"kup-qlik-container-fluid":!0}:{"kup-qlik-container":!0},e={"--lyo_obj-height":this.defobjsize},t("div",{key:"eb74eb829c7fa060dcae290cc00a010922e82ece",class:i,style:e},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 e(this)}};p.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.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-subtle, #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{p as kup_qlik}

package/dist/ketchup/{p-0b9fee26.entry.js → p-e66f3d17.entry.js}

@@ -1 +1 @@
-import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-b0368f88.js";import{k as e,g as p,s as l}from"./p-b59ea56b.js";import{c as s}from"./p-635bb4b3.js";import"./p-1ee561ba.js";const u="nav-bar";var c,h;!function(a){a.customStyle="Custom style of the component.",a.image="Image displayed by the nav bar, uses the kup-image component's props.",a.label="Text displayed by the nav bar.",a.showMenuButton="When true, the menu button will be displayed on the left of the nav bar.",a.styling="Defines the style of the nav bar"}(c||(c={})),function(a){a.SHORT="short",a.STANDARD="standard"}(h||(h={}));const b=class{constructor(r){a(this,r),this.kupNavbarReady=t(this,"kup-navbar-ready",6),this.kupNavbarResize=t(this,"kup-navbar-resize",6),this.kupManager=e(),this.customStyle="",this.styling=h.STANDARD}async getProps(a){return p(this,c,a)}async refresh(){r(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(a){l(this,c,a)}content(){const a=Array.prototype.slice.call(this.rootElement.children,0),t=[],r=[];for(let i=0;i<a.length;i++)"left"===a[i].slot?t.push(o("slot",{name:"left"})):r.push(o("slot",{name:"right"}));return[t.length?o("section",{class:`${u}__section ${u}__section--align-start`},t):null,r.length?o("section",{class:`${u}__section ${u}__section--align-end`,role:"toolbar"},r):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.resize.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return o(i,{key:"78c7f252d8e16460a2108c898e025209183103c8",class:"header"},o("style",{key:"f18b1188fbc590427245dd6acaeed14f3aba3033"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"58a440f172111617ad78da7352b3803356a16015",id:s},o("header",{key:"cb2783014d79eee887c8507a06d504fa614fdd77",class:`${u} ${u}--${this.styling.toLowerCase()} `},o("div",{key:"e9ca378c0a88b69abc3933780fcc4f33a6d9e6ed",class:`${u}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this),this.kupManager.resize.unobserve(this.rootElement),this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};b.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_navbar_item_color:var(\n    --kup-navbar-item-color,\n    var(--kup-primary-color-0)\n  );--kup_navbar_background_color:var(\n    --kup-navbar-background-color,\n    var(--kup-layer-1-inverted)\n  );--kup_navbar_box_shadow:var(\n    --kup-navbar-box-shadow,\n    0 2px 4px -1px rgba(128, 128, 128, 0.2),\n    0 4px 5px 0 rgba(128, 128, 128, 0.14),\n    0 1px 10px 0 rgba(128, 128, 128, 0.12)\n  );--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n    --kup-navbar-short-border-radius,\n    0px 0px 24px\n  );--kup_navbar_short_box_shadow:var(\n    --kup-navbar-short-box-shadow,\n    rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n    rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n    rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n  );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup_navbar_background_color);box-sizing:border-box;color:var(--kup_navbar_item_color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width);padding:0 var(--kup-space-05)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}@media screen and (max-width: 678px){.nav-bar{padding:0 var(--kup-space-03)}}::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}";export{b as kup_nav_bar}
+import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-b0368f88.js";import{k as e,g as p,s as l}from"./p-4886e26b.js";import{c as s}from"./p-635bb4b3.js";import"./p-1ee561ba.js";const u="nav-bar";var c,h;!function(a){a.customStyle="Custom style of the component.",a.image="Image displayed by the nav bar, uses the kup-image component's props.",a.label="Text displayed by the nav bar.",a.showMenuButton="When true, the menu button will be displayed on the left of the nav bar.",a.styling="Defines the style of the nav bar"}(c||(c={})),function(a){a.SHORT="short",a.STANDARD="standard"}(h||(h={}));const b=class{constructor(r){a(this,r),this.kupNavbarReady=t(this,"kup-navbar-ready",6),this.kupNavbarResize=t(this,"kup-navbar-resize",6),this.kupManager=e(),this.customStyle="",this.styling=h.STANDARD}async getProps(a){return p(this,c,a)}async refresh(){r(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(a){l(this,c,a)}content(){const a=Array.prototype.slice.call(this.rootElement.children,0),t=[],r=[];for(let i=0;i<a.length;i++)"left"===a[i].slot?t.push(o("slot",{name:"left"})):r.push(o("slot",{name:"right"}));return[t.length?o("section",{class:`${u}__section ${u}__section--align-start`},t):null,r.length?o("section",{class:`${u}__section ${u}__section--align-end`,role:"toolbar"},r):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.resize.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return o(i,{key:"78c7f252d8e16460a2108c898e025209183103c8",class:"header"},o("style",{key:"f18b1188fbc590427245dd6acaeed14f3aba3033"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"58a440f172111617ad78da7352b3803356a16015",id:s},o("header",{key:"cb2783014d79eee887c8507a06d504fa614fdd77",class:`${u} ${u}--${this.styling.toLowerCase()} `},o("div",{key:"e9ca378c0a88b69abc3933780fcc4f33a6d9e6ed",class:`${u}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this),this.kupManager.resize.unobserve(this.rootElement),this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};b.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_navbar_item_color:var(\n    --kup-navbar-item-color,\n    var(--kup-primary-color-0)\n  );--kup_navbar_background_color:var(\n    --kup-navbar-background-color,\n    var(--kup-layer-1-inverted)\n  );--kup_navbar_box_shadow:var(\n    --kup-navbar-box-shadow,\n    0 2px 4px -1px rgba(128, 128, 128, 0.2),\n    0 4px 5px 0 rgba(128, 128, 128, 0.14),\n    0 1px 10px 0 rgba(128, 128, 128, 0.12)\n  );--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n    --kup-navbar-short-border-radius,\n    0px 0px 24px\n  );--kup_navbar_short_box_shadow:var(\n    --kup-navbar-short-box-shadow,\n    rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n    rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n    rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n  );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup_navbar_background_color);box-sizing:border-box;color:var(--kup_navbar_item_color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width);padding:0 var(--kup-space-05)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}@media screen and (max-width: 678px){.nav-bar{padding:0 var(--kup-space-03)}}::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}";export{b as kup_nav_bar}

package/dist/ketchup/{p-4cabcbb7.entry.js → p-eada699b.entry.js}

@@ -1 +1 @@
-import{r as t,c as n,f as e,h as i,H as a,d as p}from"./p-b0368f88.js";import{k as o,e as s,g as h,s as l}from"./p-b59ea56b.js";import{a as f,F as r}from"./p-60cfddce.js";import{c}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var u;!function(t){t.data="prop of the sub compoennt",t.Style="it is the style of the text",t.Border="when true it will appear a border",t.BorderWidth="it is the width of the border",t.Align="text alignment",t.FontBold="when true it will display the bold font",t.FontItalic="when true it will display the italic ( cursive )",t.FontName="it is the name of the font",t.FontSize="it is the size of the font of the text",t.FontULine="when true it will show the underline",t.FontColor="it is the color of the font of the text",t.BackColor="it is the background color of the text",t.Type="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"}(u||(u={}));const g=class{constructor(e){t(this,e),this.kupIconClick=n(this,"kup-typographylist-icon-click",6),this.KupClick=n(this,"kup-typographylist-click",6),this.kupManager=o(),this.customStyle="",this.data=[],this.type=f.BODY_COMPACT,this.toolbar=!1}onKupClick(t,n){this.KupClick.emit({comp:this,id:this.rootElement.id,index:t,subIndex:n,obj:this.getObjForEvent(t,n)})}onKupIconClick(t,n){this.kupIconClick.emit({comp:this,id:this.rootElement.id,index:t,node:n})}checkDataset(t){t||(t=[]),t.columns&&(this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",s.WARNING),this.data=this.kupManager.data.row.toNode(this.data))}async getProps(t){return h(this,u,t)}async refresh(){e(this)}async setProps(t){l(this,u,t)}renderTypography(t,n){if(null===t)return this.kupManager.debug.logMessage(this,"Empty data text.",s.WARNING),null;const e=this.prepareDataFromTreeNode(t,n);return e.value?i(r,Object.assign({},{value:e.value,type:e.type,toolbar:e.toolbar})):(this.kupManager.debug.logMessage(this,"Empty text.",s.WARNING),null)}prepareDataFromTreeNode(t,n){const e=null!=t.data?Object.assign({},t.data):{};return null!=this.customStyle&&""!=this.customStyle.trim()&&(e.customStyle=this.customStyle),null==e.value&&(e.value=t.value),e.wrapperClass||(e.wrapperClass=""),null!=this.type&&(e.type=this.type),null!=this.toolbar&&(e.toolbar=this.toolbar),e.id=n.toString(),e}renderTypographys(){if(null==this.data||this.data.length<1)return null;const t=[];for(let n=0;n<this.data.length;n++){let e=null;e=this.renderTypography(this.data[n],n),e&&t.push(e)}return t}getObjForEvent(t,n){let e=Number(t),i=-1;null!=n&&""!=n.trim()&&(i=Number(n));let a=this.data[e];return-1!=i?a.children[i].obj:a.obj}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.checkDataset(this.data),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t=this.renderTypographys();return i(a,{key:"0661fedfb4e320b368134cb5900d746df1bc6bfb"},i("style",{key:"ee4ead57702fc77d855885b3a47b859070b9a5b9"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"9698b9a86b6f400883a108eeb4a76a65754b19a6",id:c},i("div",{key:"1a7b1573f3f5d402ab0117e6a2448eb7ed88b8ee",class:"typographies-wrapper"},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return p(this)}static get watchers(){return{data:["checkDataset"]}}};g.style=".kup-body-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-compact-01-font-size, 14px);\n  line-height: 18px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-body-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-01-font-size, 14px);\n  line-height: 20px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-code-01 {\n  font-family: var(--kup-font-family-monospace);\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-caption-02 {\n  font-family: var(--kup-font-family);\n  font-size: 12px;\n  line-height: 15px;\n  font-weight: 500;\n  letter-spacing: 1px;\n}\n\n.kup-caption-01 {\n  font-family: var(--kup-font-family);\n  font-size: 10px;\n  line-height: 13px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-small-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: 6px;\n  line-height: 9px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-heading-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-01 {\n  font-family: var(--kup-font-family);\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-02 {\n  font-family: var(--kup-font-family);\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 500;\n  letter-spacing: 0;\n}\n\n.kup-heading-03 {\n  font-family: var(--kup-font-family);\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-04 {\n  font-family: var(--kup-font-family);\n  font-size: 28px;\n  line-height: 36px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-05 {\n  font-family: var(--kup-font-family);\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-06 {\n  font-family: var(--kup-font-family);\n  font-size: 42px;\n  line-height: 50px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-07 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-08 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 600;\n  letter-spacing: 0;\n}\n\n:host {\n  --kup_typographylist_wrapper_gap: var(\n    --kup-typographylist-wrapper-gap,\n    var(--kup-space-00) ;\n  );\n}\n\n.typographies-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--kup_typographylist_wrapper_gap);\n}\n\n:host {\n  display: block;\n}";export{g as kup_typography_list}
+import{r as t,c as n,f as e,h as i,H as a,d as p}from"./p-b0368f88.js";import{k as o,e as s,g as h,s as l}from"./p-4886e26b.js";import{a as f,F as r}from"./p-60cfddce.js";import{c}from"./p-635bb4b3.js";import"./p-1ee561ba.js";var u;!function(t){t.data="prop of the sub compoennt",t.Style="it is the style of the text",t.Border="when true it will appear a border",t.BorderWidth="it is the width of the border",t.Align="text alignment",t.FontBold="when true it will display the bold font",t.FontItalic="when true it will display the italic ( cursive )",t.FontName="it is the name of the font",t.FontSize="it is the size of the font of the text",t.FontULine="when true it will show the underline",t.FontColor="it is the color of the font of the text",t.BackColor="it is the background color of the text",t.Type="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"}(u||(u={}));const g=class{constructor(e){t(this,e),this.kupIconClick=n(this,"kup-typographylist-icon-click",6),this.KupClick=n(this,"kup-typographylist-click",6),this.kupManager=o(),this.customStyle="",this.data=[],this.type=f.BODY_COMPACT,this.toolbar=!1}onKupClick(t,n){this.KupClick.emit({comp:this,id:this.rootElement.id,index:t,subIndex:n,obj:this.getObjForEvent(t,n)})}onKupIconClick(t,n){this.kupIconClick.emit({comp:this,id:this.rootElement.id,index:t,node:n})}checkDataset(t){t||(t=[]),t.columns&&(this.kupManager.debug.logMessage(this,"Detected KupDataDataset: converting rows to nodes.",s.WARNING),this.data=this.kupManager.data.row.toNode(this.data))}async getProps(t){return h(this,u,t)}async refresh(){e(this)}async setProps(t){l(this,u,t)}renderTypography(t,n){if(null===t)return this.kupManager.debug.logMessage(this,"Empty data text.",s.WARNING),null;const e=this.prepareDataFromTreeNode(t,n);return e.value?i(r,Object.assign({},{value:e.value,type:e.type,toolbar:e.toolbar})):(this.kupManager.debug.logMessage(this,"Empty text.",s.WARNING),null)}prepareDataFromTreeNode(t,n){const e=null!=t.data?Object.assign({},t.data):{};return null!=this.customStyle&&""!=this.customStyle.trim()&&(e.customStyle=this.customStyle),null==e.value&&(e.value=t.value),e.wrapperClass||(e.wrapperClass=""),null!=this.type&&(e.type=this.type),null!=this.toolbar&&(e.toolbar=this.toolbar),e.id=n.toString(),e}renderTypographys(){if(null==this.data||this.data.length<1)return null;const t=[];for(let n=0;n<this.data.length;n++){let e=null;e=this.renderTypography(this.data[n],n),e&&t.push(e)}return t}getObjForEvent(t,n){let e=Number(t),i=-1;null!=n&&""!=n.trim()&&(i=Number(n));let a=this.data[e];return-1!=i?a.children[i].obj:a.obj}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.checkDataset(this.data),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const t=this.renderTypographys();return i(a,{key:"0661fedfb4e320b368134cb5900d746df1bc6bfb"},i("style",{key:"ee4ead57702fc77d855885b3a47b859070b9a5b9"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"9698b9a86b6f400883a108eeb4a76a65754b19a6",id:c},i("div",{key:"1a7b1573f3f5d402ab0117e6a2448eb7ed88b8ee",class:"typographies-wrapper"},t)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return p(this)}static get watchers(){return{data:["checkDataset"]}}};g.style=".kup-body-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-compact-01-font-size, 14px);\n  line-height: 18px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-body-01 {\n  font-family: var(--kup-font-family);\n  font-size: var(--kup-body-01-font-size, 14px);\n  line-height: 20px;\n  font-weight: 400;\n  letter-spacing: 0.16px;\n}\n\n.kup-code-01 {\n  font-family: var(--kup-font-family-monospace);\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: 12px;\n  line-height: 16px;\n  font-weight: 400;\n  letter-spacing: 0.32px;\n}\n\n.kup-caption-02 {\n  font-family: var(--kup-font-family);\n  font-size: 12px;\n  line-height: 15px;\n  font-weight: 500;\n  letter-spacing: 1px;\n}\n\n.kup-caption-01 {\n  font-family: var(--kup-font-family);\n  font-size: 10px;\n  line-height: 13px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-small-label-01 {\n  font-family: var(--kup-font-family);\n  font-size: 6px;\n  line-height: 9px;\n  font-weight: 400;\n  letter-spacing: 1px;\n}\n\n.kup-heading-compact-01 {\n  font-family: var(--kup-font-family);\n  font-size: 14px;\n  line-height: 18px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-01 {\n  font-family: var(--kup-font-family);\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 600;\n  letter-spacing: 0.16px;\n}\n\n.kup-heading-02 {\n  font-family: var(--kup-font-family);\n  font-size: 16px;\n  line-height: 24px;\n  font-weight: 500;\n  letter-spacing: 0;\n}\n\n.kup-heading-03 {\n  font-family: var(--kup-font-family);\n  font-size: 20px;\n  line-height: 28px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-04 {\n  font-family: var(--kup-font-family);\n  font-size: 28px;\n  line-height: 36px;\n  font-weight: 400;\n  letter-spacing: 0;\n}\n\n.kup-heading-05 {\n  font-family: var(--kup-font-family);\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-06 {\n  font-family: var(--kup-font-family);\n  font-size: 42px;\n  line-height: 50px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-07 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 300;\n  letter-spacing: 0;\n}\n\n.kup-heading-08 {\n  font-family: var(--kup-font-family);\n  font-size: 54px;\n  line-height: 64px;\n  font-weight: 600;\n  letter-spacing: 0;\n}\n\n:host {\n  --kup_typographylist_wrapper_gap: var(\n    --kup-typographylist-wrapper-gap,\n    var(--kup-space-00) ;\n  );\n}\n\n.typographies-wrapper {\n  display: flex;\n  flex-direction: column;\n  gap: var(--kup_typographylist_wrapper_gap);\n}\n\n:host {\n  display: block;\n}";export{g as kup_typography_list}