@sme.up/ketchup 10.3.7 → 10.3.9

package/dist/ketchup/{p-0a4869d8.entry.js → p-68835d71.entry.js}

@@ -1 +1 @@
-import{r as i,c as o,f as t,h as e,H as r,d as n}from"./p-710d0a7d.js";import{k as a,a as c,g as s,s as p,d as h,f as l,e as d}from"./p-84a053a8.js";import{F as u}from"./p-3cab6420.js";import{c as f}from"./p-635bb4b3.js";import{M as m}from"./p-c56195a0.js";import"./p-cabebabc.js";var k;!function(i){i.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",i.data="List of elements.",i.infoIcon="When true, it will show the info activation icon",i.ripple="When enabled displays Material's ripple effect on item headers.",i.toolbar="When true, it will show the toolbar activation icon",i.sizing="Sets the type of the component sizing.",i.toolbarCallback="Callback to be called when the toolbar icon is clicked",i.infoCallback="Callback to be called when the info icon is clicked"}(k||(k={}));var _,g,v=function(i,o,t,e,r){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof o?i!==o||!r:!o.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?r.call(i,t):r?r.value=t:o.set(i,t),t},b=function(i,o,t,e){if("a"===t&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof o?i!==o||!e:!o.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?e:"a"===t?e.call(i):e?e.value:o.get(i)};const y=class{constructor(t){i(this,t),this.kupBlur=o(this,"kup-accordion-blur",6),this.kupClick=o(this,"kup-accordion-click",6),this.kupIconClick=o(this,"kup-accordion-iconclick",6),this.kupFocus=o(this,"kup-accordion-focus",6),this.kupToolbarItemClick=o(this,"kup-accordion-toolbaritemclick",6),this.toolbarState=[],this.infoState=[],this.kupManager=a(),_.set(this,null),this.slotsNames=[],g.set(this,null),this.selectedItems=[],this.customStyle="",this.data=null,this.infoIcon=!1,this.ripple=!1,this.toolbar=!1,this.sizing=c.SMALL,this.toolbarCallback=void 0,this.infoCallback=void 0}onKupBlur(i){this.kupBlur.emit({comp:this,id:this.rootElement.id,node:i})}onKupIconClick(i){i?(v(this,g,i,"f"),this.createDropDownToolbarList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupInfoIconClick(i){i?(v(this,g,i,"f"),this.createDropDownInfoList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupFocus(i){this.kupFocus.emit({comp:this,id:this.rootElement.id,node:i})}onKupToolbarItemClick(i){this.kupToolbarItemClick.emit({comp:this,id:this.rootElement.id,node:i.detail.selected})}applyRipple(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const o=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(o)for(let i=0;i<o.length;i++)m.attachTo(o[i])}}updateSelectedItems(){var i;const o=[];if(null===(i=this.data)||void 0===i?void 0:i.length)for(let i=0;i<this.data.length;i++){const t=this.data[i];void 0===t.contentVisible&&(t.contentVisible=!0),t.contentVisible&&o.push(t.id)}this.selectedItems=o}async collapseAll(){const i=[];for(let o=0;o<this.data.length;o++){const t=this.data[o];!this.isItemExpandible(t)&&this.isItemSelected(t)&&i.push(t.id)}this.selectedItems=i}async expandAll(){const i=[];for(let o=0;o<this.data.length;o++){const t=this.data[o];this.isItemExpandible(t)&&i.push(t.id)}this.selectedItems=i}async getProps(i){return s(this,k,i)}async refresh(){t(this)}async setProps(i){p(this,k,i)}async toggleItem(i){this.isItemExpandible(i)&&(void 0===i.contentVisible&&(i.contentVisible=!0),i.contentVisible=!i.contentVisible,this.updateSelectedItems(),this.kupClick.emit({comp:this,id:this.rootElement.id,node:i}))}isItemExpandible(i){return i.expandable||this.slotsNames.includes(i.id)}isItemSelected(i){return this.selectedItems.includes(i.id)}renderItems(){var i,o;const t=[],r=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let i=0;i<r.length;i++)this.slotsNames.push(r[i].slot);for(let r=0;r<this.data.length;r++){const n=this.data[r],a=this.isItemSelected(n),c=this.isItemExpandible(n),s={"accordion-item__header":!0,"accordion-item__header--selected":!(c||!a),"accordion-item__header--expanded":!(!c||!a),"mdc-ripple-surface":!!this.ripple,[`accordion-item--${this.sizing}`]:!!this.sizing},p={"accordion-item__content":!0,"accordion-item__content--selected":!!a},d=e("div",{class:"accordion-rigtbuttons"},this.infoIcon&&this.infoCallback&&e(u,{resource:"info_outline",sizeX:"16px",sizeY:"16px",onClick:async i=>{i.stopPropagation();const o=i.currentTarget;this.infoState=await this.infoCallback(),this.infoState.length>0?this.onKupInfoIconClick(o):this.kupManager.debug.logMessage(this,"InfoIcon data is empty, not opening dropdown.")},wrapperClass:"tab__iconToolbar iconInfo"}),this.toolbar&&this.toolbarCallback&&e(u,{resource:"more_vert",sizeX:"16px",sizeY:"16px",onClick:async i=>{var o;i.stopPropagation();const t=i.currentTarget;this.toolbarState=await this.toolbarCallback(),(null===(o=this.toolbarState)||void 0===o?void 0:o.length)>0?this.onKupIconClick(t):this.kupManager.debug.logMessage(this,"Toolbar data is empty, not opening dropdown.")},wrapperClass:"tab__iconToolbar iconToolbar"}),c?e("div",{class:`accordion-item__dropdown kup-icon ${h.DROPDOWN.replace("--","")}`}):null);t.push(e("div",{class:"accordion-item"},e("div",{tabindex:r,title:null!==(i=n.title)&&void 0!==i?i:null,class:s,onClick:i=>{i.stopPropagation(),this.toggleItem(n)},onBlur:()=>this.onKupBlur(n),onFocus:()=>this.onKupFocus(n)},n.icon?e(u,{color:`var(${l.PRIMARY})`,resource:n.icon,placeholderResource:n.placeholderIcon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,n.value?e("span",{class:"accordion-item__text"},null!==(o=n.value)&&void 0!==o?o:""):null,d),e("div",{class:p},e("slot",{name:n.id}))))}return t}closeRowToolbarList(){this.toolbarList&&(this.kupManager.dynamicPosition.stop(this.toolbarList),this.kupManager.removeClickCallback(b(this,_,"f")),this.toolbarList.remove(),this.kupManager.dynamicPosition.unregister([this.toolbarList]),this.toolbarList=null)}createDropDownToolbarList(){if(!b(this,g,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.toolbarList&&this.closeRowToolbarList(),0===this.toolbarState.length)return void this.kupManager.debug.logMessage(this,"No toolbar state available.");const i=document.createElement("kup-toolbar");i.data=this.toolbarState,i.addEventListener("kup-toolbar-click",(i=>{this.onKupToolbarItemClick(i),setTimeout((()=>{this.closeRowToolbarList()}),0)})),this.toolbarList=i,v(this,_,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f"),this.kupManager.addClickCallback(b(this,_,"f"),!0),this.rootElement.shadowRoot.appendChild(this.toolbarList),requestAnimationFrame((()=>{b(this,g,"f")?(this.kupManager.dynamicPosition.register(this.toolbarList,b(this,g,"f"),0,d.AUTO,!0),this.kupManager.dynamicPosition.start(this.toolbarList)):this.kupManager.debug.logMessage(this,"DropDown anchor is still null after delay!")}))}createDropDownInfoList(){if(!b(this,g,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.infoList&&this.closeInfoDataList(),0===this.infoState.length)return void this.kupManager.debug.logMessage(this,"No toolbar state available.");const i=document.createElement("kup-list");i.data=this.infoState,this.infoList=i,v(this,_,{cb:()=>{this.closeInfoDataList()},el:this.infoList},"f"),this.kupManager.addClickCallback(b(this,_,"f"),!0),this.rootElement.shadowRoot.appendChild(this.infoList),requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.infoList,b(this,g,"f"),0,d.AUTO,!0),this.kupManager.dynamicPosition.start(this.infoList)}))}closeInfoDataList(){this.infoList&&(this.kupManager.dynamicPosition.stop(this.infoList),this.kupManager.removeClickCallback(b(this,_,"f")),this.infoList.remove(),this.kupManager.dynamicPosition.unregister([this.infoList]),this.infoList=null)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.updateSelectedItems(),this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i){const o=i.querySelectorAll(".mdc-ripple-surface");if(o)for(let i=0;i<o.length;i++)m.attachTo(o[i])}this.kupManager.debug.logRender(this,!0)}render(){const i=this.data&&this.data.length?this.renderItems():null;return e(r,{key:"160f982fd131a7658aca021617c4e7f567193ad3"},e("style",{key:"c30ccb77782b4c1826da9c2646aab3e3c2cb7b2d"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"17904c4792e45fb3ac69dfc813b58020bf62b83d",id:f},e("div",{key:"c0870a1b510b2733a1b104a467822144a5f51efb",class:"accordion"},i)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{ripple:["applyRipple"],data:["updateSelectedItems"]}}};_=new WeakMap,g=new WeakMap,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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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;gap:var(--kup-space-03)}.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__header .f-image{margin:0}.accordion-item__header .accordion-rigtbuttons{margin-left:auto;margin-right:0;display:flex;gap:var(--kup-space-03)}.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;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{y as kup_accordion}
+import{r as i,c as o,f as t,h as e,H as r,d as n}from"./p-710d0a7d.js";import{k as a,a as c,g as s,s as p,d as h,f as l,e as d}from"./p-03d049e3.js";import{F as u}from"./p-cc9db65d.js";import{c as f}from"./p-635bb4b3.js";import{M as m}from"./p-c56195a0.js";import"./p-cabebabc.js";var k;!function(i){i.customStyle="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization",i.data="List of elements.",i.infoIcon="When true, it will show the info activation icon",i.ripple="When enabled displays Material's ripple effect on item headers.",i.toolbar="When true, it will show the toolbar activation icon",i.sizing="Sets the type of the component sizing.",i.toolbarCallback="Callback to be called when the toolbar icon is clicked",i.infoCallback="Callback to be called when the info icon is clicked"}(k||(k={}));var _,g,v=function(i,o,t,e,r){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!r)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof o?i!==o||!r:!o.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?r.call(i,t):r?r.value=t:o.set(i,t),t},b=function(i,o,t,e){if("a"===t&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof o?i!==o||!e:!o.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===t?e:"a"===t?e.call(i):e?e.value:o.get(i)};const y=class{constructor(t){i(this,t),this.kupBlur=o(this,"kup-accordion-blur",6),this.kupClick=o(this,"kup-accordion-click",6),this.kupIconClick=o(this,"kup-accordion-iconclick",6),this.kupFocus=o(this,"kup-accordion-focus",6),this.kupToolbarItemClick=o(this,"kup-accordion-toolbaritemclick",6),this.toolbarState=[],this.infoState=[],this.kupManager=a(),_.set(this,null),this.slotsNames=[],g.set(this,null),this.selectedItems=[],this.customStyle="",this.data=null,this.infoIcon=!1,this.ripple=!1,this.toolbar=!1,this.sizing=c.SMALL,this.toolbarCallback=void 0,this.infoCallback=void 0}onKupBlur(i){this.kupBlur.emit({comp:this,id:this.rootElement.id,node:i})}onKupIconClick(i){i?(v(this,g,i,"f"),this.createDropDownToolbarList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupInfoIconClick(i){i?(v(this,g,i,"f"),this.createDropDownInfoList()):this.kupManager.debug.logMessage(this,"onKupIconClick: Element is null")}onKupFocus(i){this.kupFocus.emit({comp:this,id:this.rootElement.id,node:i})}onKupToolbarItemClick(i){this.kupToolbarItemClick.emit({comp:this,id:this.rootElement.id,node:i.detail.selected})}applyRipple(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const o=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(o)for(let i=0;i<o.length;i++)m.attachTo(o[i])}}updateSelectedItems(){var i;const o=[];if(null===(i=this.data)||void 0===i?void 0:i.length)for(let i=0;i<this.data.length;i++){const t=this.data[i];void 0===t.contentVisible&&(t.contentVisible=!0),t.contentVisible&&o.push(t.id)}this.selectedItems=o}async collapseAll(){const i=[];for(let o=0;o<this.data.length;o++){const t=this.data[o];!this.isItemExpandible(t)&&this.isItemSelected(t)&&i.push(t.id)}this.selectedItems=i}async expandAll(){const i=[];for(let o=0;o<this.data.length;o++){const t=this.data[o];this.isItemExpandible(t)&&i.push(t.id)}this.selectedItems=i}async getProps(i){return s(this,k,i)}async refresh(){t(this)}async setProps(i){p(this,k,i)}async toggleItem(i){this.isItemExpandible(i)&&(void 0===i.contentVisible&&(i.contentVisible=!0),i.contentVisible=!i.contentVisible,this.updateSelectedItems(),this.kupClick.emit({comp:this,id:this.rootElement.id,node:i}))}isItemExpandible(i){return i.expandable||this.slotsNames.includes(i.id)}isItemSelected(i){return this.selectedItems.includes(i.id)}renderItems(){var i,o;const t=[],r=Array.prototype.slice.call(this.rootElement.children,0);this.slotsNames=[];for(let i=0;i<r.length;i++)this.slotsNames.push(r[i].slot);for(let r=0;r<this.data.length;r++){const n=this.data[r],a=this.isItemSelected(n),c=this.isItemExpandible(n),s={"accordion-item__header":!0,"accordion-item__header--selected":!(c||!a),"accordion-item__header--expanded":!(!c||!a),"mdc-ripple-surface":!!this.ripple,[`accordion-item--${this.sizing}`]:!!this.sizing},p={"accordion-item__content":!0,"accordion-item__content--selected":!!a},d=e("div",{class:"accordion-rigtbuttons"},this.infoIcon&&this.infoCallback&&e(u,{resource:"info_outline",sizeX:"16px",sizeY:"16px",onClick:async i=>{i.stopPropagation();const o=i.currentTarget;this.infoState=await this.infoCallback(),this.infoState.length>0?this.onKupInfoIconClick(o):this.kupManager.debug.logMessage(this,"InfoIcon data is empty, not opening dropdown.")},wrapperClass:"tab__iconToolbar iconInfo"}),this.toolbar&&this.toolbarCallback&&e(u,{resource:"more_vert",sizeX:"16px",sizeY:"16px",onClick:async i=>{var o;i.stopPropagation();const t=i.currentTarget;this.toolbarState=await this.toolbarCallback(),(null===(o=this.toolbarState)||void 0===o?void 0:o.length)>0?this.onKupIconClick(t):this.kupManager.debug.logMessage(this,"Toolbar data is empty, not opening dropdown.")},wrapperClass:"tab__iconToolbar iconToolbar"}),c?e("div",{class:`accordion-item__dropdown kup-icon ${h.DROPDOWN.replace("--","")}`}):null);t.push(e("div",{class:"accordion-item"},e("div",{tabindex:r,title:null!==(i=n.title)&&void 0!==i?i:null,class:s,onClick:i=>{i.stopPropagation(),this.toggleItem(n)},onBlur:()=>this.onKupBlur(n),onFocus:()=>this.onKupFocus(n)},n.icon?e(u,{color:`var(${l.PRIMARY})`,resource:n.icon,placeholderResource:n.placeholderIcon,sizeX:"1.5em",sizeY:"1.5em",wrapperClass:"accordion-item__icon"}):null,n.value?e("span",{class:"accordion-item__text"},null!==(o=n.value)&&void 0!==o?o:""):null,d),e("div",{class:p},e("slot",{name:n.id}))))}return t}closeRowToolbarList(){this.toolbarList&&(this.kupManager.dynamicPosition.stop(this.toolbarList),this.kupManager.removeClickCallback(b(this,_,"f")),this.toolbarList.remove(),this.kupManager.dynamicPosition.unregister([this.toolbarList]),this.toolbarList=null)}createDropDownToolbarList(){if(!b(this,g,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.toolbarList&&this.closeRowToolbarList(),0===this.toolbarState.length)return void this.kupManager.debug.logMessage(this,"No toolbar state available.");const i=document.createElement("kup-toolbar");i.data=this.toolbarState,i.addEventListener("kup-toolbar-click",(i=>{this.onKupToolbarItemClick(i),setTimeout((()=>{this.closeRowToolbarList()}),0)})),this.toolbarList=i,v(this,_,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f"),this.kupManager.addClickCallback(b(this,_,"f"),!0),this.rootElement.shadowRoot.appendChild(this.toolbarList),requestAnimationFrame((()=>{b(this,g,"f")?(this.kupManager.dynamicPosition.register(this.toolbarList,b(this,g,"f"),0,d.AUTO,!0),this.kupManager.dynamicPosition.start(this.toolbarList)):this.kupManager.debug.logMessage(this,"DropDown anchor is still null after delay!")}))}createDropDownInfoList(){if(!b(this,g,"f"))return void this.kupManager.debug.logMessage(this,"createDropDownToolbarList: Anchor is null!");if(this.infoList&&this.closeInfoDataList(),0===this.infoState.length)return void this.kupManager.debug.logMessage(this,"No toolbar state available.");const i=document.createElement("kup-list");i.data=this.infoState,this.infoList=i,v(this,_,{cb:()=>{this.closeInfoDataList()},el:this.infoList},"f"),this.kupManager.addClickCallback(b(this,_,"f"),!0),this.rootElement.shadowRoot.appendChild(this.infoList),requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.infoList,b(this,g,"f"),0,d.AUTO,!0),this.kupManager.dynamicPosition.start(this.infoList)}))}closeInfoDataList(){this.infoList&&(this.kupManager.dynamicPosition.stop(this.infoList),this.kupManager.removeClickCallback(b(this,_,"f")),this.infoList.remove(),this.kupManager.dynamicPosition.unregister([this.infoList]),this.infoList=null)}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.updateSelectedItems(),this.applyRipple(),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i){const o=i.querySelectorAll(".mdc-ripple-surface");if(o)for(let i=0;i<o.length;i++)m.attachTo(o[i])}this.kupManager.debug.logRender(this,!0)}render(){const i=this.data&&this.data.length?this.renderItems():null;return e(r,{key:"160f982fd131a7658aca021617c4e7f567193ad3"},e("style",{key:"c30ccb77782b4c1826da9c2646aab3e3c2cb7b2d"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"17904c4792e45fb3ac69dfc813b58020bf62b83d",id:f},e("div",{key:"c0870a1b510b2733a1b104a467822144a5f51efb",class:"accordion"},i)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}static get watchers(){return{ripple:["applyRipple"],data:["updateSelectedItems"]}}};_=new WeakMap,g=new WeakMap,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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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;gap:var(--kup-space-03)}.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__header .f-image{margin:0}.accordion-item__header .accordion-rigtbuttons{margin-left:auto;margin-right:0;display:flex;gap:var(--kup-space-03)}.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;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{y as kup_accordion}

package/dist/ketchup/{p-5cdbe34b.entry.js → p-6c1e1780.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-710d0a7d.js";import{k as o,g as p,s}from"./p-84a053a8.js";import{c as l}from"./p-635bb4b3.js";import"./p-cabebabc.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:"82d1c572d3d994d79f682a81484c140ca6cfd512",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"5bef88d3b797414102e78e45a03c3b94c9f3255d",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:"7513b2807db3c80a1bf40c06afcc9368e6fdb294",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"5e527bd9fbcae6e3ee52e84a4fb67b476c154f10",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:"5475f432000e828ec98dcb4eadbf7112d7c20861",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"954ddd01b7398bf0989d134a69254f448221bfb7",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:"a42af94d1f6c0c5adab4eade6af3813ad05e7b63",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"e296f6c9fffb236c8aad51403237745e03994e9e",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":e=i("svg",{key:"6f755edd48a59c2857dc6d8935909faf648d9a03",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"6951d2f06986b335eea5bef530c7a4bf9aa311ab",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:"e4de60a5e5d48cb7726b88abf06b7bc5c889d422",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"63ffecb16ce4107ac9ffbfbad8cd655e34e900f3",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:"b8e2b4a9382a3e9483da1f0efbbef9566b8f39ab",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"339f3815ac768a03ad3b8ba78d6bce5c6879402d",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:"15c32aad0b8ff81e43a869c14de3872ab4a608ff",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"d4388b9681629f14c0c4c385448ed4765cc92a9e",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:"132ad10f47b212eac81a40954eb7b5f0fe46ff85",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"45015c39db68faa73d2ee7398f55137880277146",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:"872b8eb5d96b68cfcd1e4900bfca772bab11ab3a"},this.data,{ref:t=>this.lazyComponent=t})),a+=" kup-loaded"):this.showPlaceholder&&(t=e,a+=" kup-to-be-loaded"),i(h,{key:"9c1dbf24aa0e68330251b4e9a35e17c7a9e23539",class:a},i("style",{key:"e74a571399d27dcac499e341dd6e19535e66f1c2"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"6aaca6cb575a7662770bb31abf1883ca96a7c543",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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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 e,c as t,f as a,h as i,H as h,d as n}from"./p-710d0a7d.js";import{k as o,g as p,s}from"./p-03d049e3.js";import{c as l}from"./p-635bb4b3.js";import"./p-cabebabc.js";var f,c;!function(e){e.componentName="Sets the tag name of the component to be lazy loaded.",e.customStyle="Custom style of the component.",e.data="Sets the data of the component to be lazy loaded.",e.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(f||(f={})),function(e){e.VIEWPORT="viewport",e.PROPS="props",e.BOTH="both"}(c||(c={}));const d=class{constructor(a){e(this,a),this.kupLazyLoaded=t(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(e){return p(this,f,e)}async getComponent(){return this.lazyComponent}async refresh(){a(this)}async setProps(e){s(this,f,e)}setObserver(){this.intObserver=new IntersectionObserver((e=>{e.forEach((e=>{e.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 e,t,a=this.componentName;switch(this.componentName){case"kup-button":t=i("svg",{key:"5e72b30a0f1e3430f6156e38ec21e5ab4fbad8f3",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"aa48fb656f7dc30746dd11d4d3405b60a312f2c3",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":t=i("svg",{key:"5f448fd1eb1ab0270cf458177c3966ba6000295b",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"bad66bec1cb624efd059126cec4f98846cdeef75",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":t=i("svg",{key:"138d53448f4c329478d24d246d0fef6fbcb62d7a",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"96079538dc0737b2e7b7a376b4e0283a829a0143",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":t=i("svg",{key:"3ea391531e961b72fb84c7265e3b398a4e40028a",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"54773da2ab16358a610b96ce742288fa8a2ca362",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":t=i("svg",{key:"899606089c5e7b4e1a88823c8cb27e5f86aa1d4c",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"17bb02d78bb042ae255314ea8f68b1ce7481e993",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":t=i("svg",{key:"049a62d7a9dccfee4a2fae8e0cd5869b85e06d46",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"b27ed54889308bf056f24c70511d39e134603f89",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":t=i("svg",{key:"686ea803a443610674b2bf9282801cedc627b64e",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"2e64b70e935e82ebbca79a89202ccdc19ba666df",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":t=i("svg",{key:"0fff99e133a6a1795ee1d9797746efbefaf82fbf",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"db92d5a4868e8c8d8120d136621df4bf17c4679b",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:t=i("svg",{key:"b9d19e00ae1ae630128d73243861f6479b1455dc",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"e7ca81f490462908580b0a7509ec3811dbd85eaf",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?(e=i(this.componentName,Object.assign({key:"e93f7f4ac49af252f791a4f7cb9be5e83d1df7bf"},this.data,{ref:e=>this.lazyComponent=e})),a+=" kup-loaded"):this.showPlaceholder&&(e=t,a+=" kup-to-be-loaded"),i(h,{key:"99f35069da0886b3174bff35eaeae29d19a9fe2f",class:a},i("style",{key:"4acddcd21d8ed89d235f7012fff7c7ea4abef2d1"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"e7b4a285865ec15115437f06a3873349e4e5965c",id:l},e))}disconnectedCallback(){var e;this.kupManager.theme.unregister(this),null===(e=this.intObserver)||void 0===e||e.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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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}