@sme.up/ketchup 8.2.2 → 8.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (110) hide show
  1. package/dist/cjs/{f-button-76a75669.js → f-button-797c8e7f.js} +2 -2
  2. package/dist/cjs/{f-cell-6f902849.js → f-cell-5aca736b.js} +8 -6
  3. package/dist/cjs/{f-checkbox-aa34efd5.js → f-checkbox-cff77b2c.js} +1 -1
  4. package/dist/cjs/{f-chip-fe9cffed.js → f-chip-318863df.js} +3 -3
  5. package/dist/cjs/{f-image-47976ad7.js → f-image-f10144e9.js} +2 -2
  6. package/dist/cjs/{f-paginator-utils-f13f036f.js → f-paginator-utils-8c44a37b.js} +3 -3
  7. package/dist/cjs/{f-text-field-865a6386.js → f-text-field-96f4f03d.js} +2 -2
  8. package/dist/cjs/{index-dd9f2b9b.js → index-a9a3b467.js} +3 -0
  9. package/dist/cjs/ketchup.cjs.js +1 -1
  10. package/dist/cjs/kup-accordion.cjs.entry.js +3 -3
  11. package/dist/cjs/kup-autocomplete_27.cjs.entry.js +11 -9
  12. package/dist/cjs/kup-box.cjs.entry.js +10 -10
  13. package/dist/cjs/kup-calendar.cjs.entry.js +5 -5
  14. package/dist/cjs/kup-cell.cjs.entry.js +7 -7
  15. package/dist/cjs/kup-dash-list.cjs.entry.js +2 -2
  16. package/dist/cjs/kup-dash_2.cjs.entry.js +2 -2
  17. package/dist/cjs/kup-dashboard.cjs.entry.js +6 -6
  18. package/dist/cjs/kup-drawer.cjs.entry.js +2 -2
  19. package/dist/cjs/kup-echart.cjs.entry.js +129 -3
  20. package/dist/cjs/kup-family-tree.cjs.entry.js +4 -4
  21. package/dist/cjs/kup-iframe.cjs.entry.js +2 -2
  22. package/dist/cjs/kup-image-list.cjs.entry.js +8 -8
  23. package/dist/cjs/kup-lazy.cjs.entry.js +2 -2
  24. package/dist/cjs/kup-magic-box.cjs.entry.js +3 -3
  25. package/dist/cjs/{kup-manager-695bbbe3.js → kup-manager-7747decd.js} +1 -1
  26. package/dist/cjs/kup-nav-bar.cjs.entry.js +2 -2
  27. package/dist/cjs/kup-numeric-picker.cjs.entry.js +3 -3
  28. package/dist/cjs/kup-photo-frame.cjs.entry.js +2 -2
  29. package/dist/cjs/kup-planner.cjs.entry.js +3 -3
  30. package/dist/cjs/kup-probe.cjs.entry.js +2 -2
  31. package/dist/cjs/kup-qlik.cjs.entry.js +2 -2
  32. package/dist/cjs/kup-snackbar.cjs.entry.js +4 -4
  33. package/dist/cjs/loader.cjs.js +1 -1
  34. package/dist/collection/assets/echart.js +248 -0
  35. package/dist/collection/components/kup-data-table/kup-data-table.js +2 -0
  36. package/dist/collection/components/kup-echart/kup-echart-declarations.js +2 -0
  37. package/dist/collection/components/kup-echart/kup-echart.js +125 -1
  38. package/dist/collection/f-components/f-cell/f-cell.js +2 -0
  39. package/dist/components/kup-autocomplete2.js +4 -0
  40. package/dist/components/kup-echart2.js +127 -1
  41. package/dist/esm/{f-button-c5b36ae1.js → f-button-e0e6f65f.js} +2 -2
  42. package/dist/esm/{f-cell-fbfe9fe0.js → f-cell-7a9e92ac.js} +8 -6
  43. package/dist/esm/{f-checkbox-11b32f83.js → f-checkbox-91358c27.js} +1 -1
  44. package/dist/esm/{f-chip-038e9404.js → f-chip-0fd043b4.js} +3 -3
  45. package/dist/esm/{f-image-c356f4c5.js → f-image-b853b0cc.js} +2 -2
  46. package/dist/esm/{f-paginator-utils-58466d55.js → f-paginator-utils-124c146a.js} +3 -3
  47. package/dist/esm/{f-text-field-98905f74.js → f-text-field-4687b4bb.js} +2 -2
  48. package/dist/esm/{index-b45996ce.js → index-bb15ce14.js} +3 -1
  49. package/dist/esm/ketchup.js +2 -2
  50. package/dist/esm/kup-accordion.entry.js +3 -3
  51. package/dist/esm/kup-autocomplete_27.entry.js +11 -9
  52. package/dist/esm/kup-box.entry.js +10 -10
  53. package/dist/esm/kup-calendar.entry.js +5 -5
  54. package/dist/esm/kup-cell.entry.js +7 -7
  55. package/dist/esm/kup-dash-list.entry.js +2 -2
  56. package/dist/esm/kup-dash_2.entry.js +2 -2
  57. package/dist/esm/kup-dashboard.entry.js +6 -6
  58. package/dist/esm/kup-drawer.entry.js +2 -2
  59. package/dist/esm/kup-echart.entry.js +129 -3
  60. package/dist/esm/kup-family-tree.entry.js +4 -4
  61. package/dist/esm/kup-iframe.entry.js +2 -2
  62. package/dist/esm/kup-image-list.entry.js +8 -8
  63. package/dist/esm/kup-lazy.entry.js +2 -2
  64. package/dist/esm/kup-magic-box.entry.js +3 -3
  65. package/dist/esm/{kup-manager-74e46edc.js → kup-manager-1e6ea451.js} +1 -1
  66. package/dist/esm/kup-nav-bar.entry.js +2 -2
  67. package/dist/esm/kup-numeric-picker.entry.js +3 -3
  68. package/dist/esm/kup-photo-frame.entry.js +2 -2
  69. package/dist/esm/kup-planner.entry.js +3 -3
  70. package/dist/esm/kup-probe.entry.js +2 -2
  71. package/dist/esm/kup-qlik.entry.js +2 -2
  72. package/dist/esm/kup-snackbar.entry.js +4 -4
  73. package/dist/esm/loader.js +2 -2
  74. package/dist/ketchup/ketchup.esm.js +1 -1
  75. package/dist/ketchup/{p-e16c04d8.js → p-016c9680.js} +1 -1
  76. package/dist/ketchup/{p-487f4a33.entry.js → p-0a849208.entry.js} +2 -2
  77. package/dist/ketchup/{p-ffbd77d5.js → p-1ca9aece.js} +1 -1
  78. package/dist/ketchup/p-2ac2c05e.js +1 -0
  79. package/dist/ketchup/{p-efd07a7f.entry.js → p-2ff2ed18.entry.js} +1 -1
  80. package/dist/ketchup/{p-d5491e4f.js → p-349d4715.js} +1 -1
  81. package/dist/ketchup/{p-f023195c.entry.js → p-374f867e.entry.js} +1 -1
  82. package/dist/ketchup/{p-2ac7d95a.entry.js → p-41c00681.entry.js} +1 -1
  83. package/dist/ketchup/{p-c3e84081.entry.js → p-42c5ed76.entry.js} +1 -1
  84. package/dist/ketchup/{p-a9151ee8.entry.js → p-4b694c4d.entry.js} +1 -1
  85. package/dist/ketchup/{p-dfab37a3.entry.js → p-620faa59.entry.js} +1 -1
  86. package/dist/ketchup/{p-59919641.entry.js → p-6837f725.entry.js} +1 -1
  87. package/dist/ketchup/{p-46daf529.js → p-6d46cbb0.js} +1 -1
  88. package/dist/ketchup/{p-8d992de0.entry.js → p-6e79b764.entry.js} +1 -1
  89. package/dist/ketchup/{p-f1da8b9c.entry.js → p-75b4942d.entry.js} +1 -1
  90. package/dist/ketchup/{p-b813af24.entry.js → p-818a4a09.entry.js} +1 -1
  91. package/dist/ketchup/{p-bb93aa7e.entry.js → p-85d6bb1f.entry.js} +1 -1
  92. package/dist/ketchup/{p-e9d2a964.entry.js → p-a3d41b3f.entry.js} +4 -4
  93. package/dist/ketchup/{p-73ab15cd.entry.js → p-ad919f87.entry.js} +1 -1
  94. package/dist/ketchup/{p-1f5eb8e6.entry.js → p-adad6804.entry.js} +1 -1
  95. package/dist/ketchup/{p-cd1f9e76.entry.js → p-adebe276.entry.js} +1 -1
  96. package/dist/ketchup/{p-3da7e4c6.js → p-b5deb573.js} +2 -2
  97. package/dist/ketchup/{p-008cde2a.entry.js → p-b73b3b52.entry.js} +1 -1
  98. package/dist/ketchup/{p-a015c95b.entry.js → p-ba0c4019.entry.js} +1 -1
  99. package/dist/ketchup/{p-0d533d24.entry.js → p-c1b10c9c.entry.js} +1 -1
  100. package/dist/ketchup/{p-26765429.entry.js → p-cf24193b.entry.js} +1 -1
  101. package/dist/ketchup/{p-6efda31f.entry.js → p-d6d241f0.entry.js} +1 -1
  102. package/dist/ketchup/p-ec89493e.entry.js +1 -0
  103. package/dist/ketchup/{p-c20c4f66.js → p-f84c574d.js} +1 -1
  104. package/dist/ketchup/{p-78eaa526.js → p-fb29ba2a.js} +1 -1
  105. package/dist/ketchup/{p-90576709.js → p-fd1323da.js} +1 -1
  106. package/dist/types/components/kup-echart/kup-echart-declarations.d.ts +3 -1
  107. package/dist/types/managers/kup-data/kup-data-declarations.d.ts +2 -0
  108. package/package.json +1 -1
  109. package/dist/ketchup/p-2cc57793.entry.js +0 -1
  110. package/dist/ketchup/p-9c7b9ff2.js +0 -1
@@ -1 +1 @@
1
- import{r as t,c as e,f as i,h as o,H as s,g as r}from"./p-3da7e4c6.js";import{k as a,g as h,s as n}from"./p-46daf529.js";import{c as p}from"./p-ad2e21d2.js";var l;!function(t){t.customStyle="Custom style of the component.",t.placeholderAttrs="Html attributes of the picture before the component enters the viewport.",t.resourceAttrs="Html attributes of the picture after the component enters the viewport."}(l||(l={}));var f,d,c,u,m,w,v=function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)},b=function(t,e,i,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,i):s?s.value=i:e.set(t,i),i};const k=class{constructor(i){t(this,i),this.kupPhotoFramePlaceholderLoad=e(this,"kup-photoframe-placeholderload",6),this.kupPhotoFrameResourceLoad=e(this,"kup-photoframe-resourceload",6),f.set(this,null),d.set(this,a()),c.set(this,null),u.set(this,null),m.set(this,!1),w.set(this,null),this.isInViewport=!1,this.customStyle="",this.placeholderAttrs={},this.resourceAttrs={},this.threshold=.25}async getProps(t){return h(this,l,t)}async refresh(){i(this)}async setProps(t){n(this,l,t)}setObserver(){b(this,f,new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.isInViewport=!0,v(this,f,"f").unobserve(this.rootElement))}))}),{threshold:this.threshold}),"f")}componentWillLoad(){v(this,d,"f").debug.logLoad(this,!1),v(this,d,"f").theme.register(this),this.setObserver()}componentDidLoad(){v(this,d,"f").debug.logLoad(this,!0)}componentWillRender(){v(this,d,"f").debug.logRender(this,!1)}componentDidRender(){v(this,d,"f").debug.logRender(this,!0)}render(){return this.isInViewport&&!v(this,m,"f")&&b(this,m,!0,"f"),o(s,null,o("style",null,v(this,d,"f").theme.setKupStyle(this.rootElement)),o("div",{id:p,ref:t=>{b(this,w,t,"f")}},o("img",Object.assign({},this.placeholderAttrs,{class:"placeholder",ref:t=>b(this,c,t,"f"),onLoad:()=>{v(this,c,"f").naturalWidth>v(this,c,"f").naturalHeight?v(this,w,"f").classList.add("horizontal"):v(this,w,"f").classList.add("vertical"),v(this,f,"f").observe(this.rootElement),v(this,c,"f").classList.add("placeholder--loaded"),this.kupPhotoFramePlaceholderLoad.emit({comp:this,id:this.rootElement.id})}})),v(this,m,"f")?o("img",Object.assign({},this.resourceAttrs,{class:"resource",ref:t=>b(this,u,t,"f"),onLoad:()=>{v(this,c,"f").classList.add("placeholder--fade-out"),v(this,u,"f").classList.add("resource--fade-in"),this.kupPhotoFrameResourceLoad.emit({comp:this,id:this.rootElement.id})}})):null))}disconnectedCallback(){var t;v(this,d,"f").theme.unregister(this),null===(t=v(this,f,"f"))||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return r(this)}};f=new WeakMap,d=new WeakMap,c=new WeakMap,u=new WeakMap,m=new WeakMap,w=new WeakMap,k.style=":host{--kup_photoframe_border:var(\n --kup-photoframe-border,\n 1px inset var(--kup-border-color)\n );--kup_photoframe_fade_out_time:var(--kup-photoframe-fade-out-time, 2000ms);border:var(--kup_photoframe_border);display:block;height:100%;position:relative;width:100%}#kup-component{position:relative;height:100%;width:100%}img{max-height:100%;max-width:100%}.horizontal img{width:100%}.vertical img{height:100%}.placeholder{display:none;transition:opacity var(--kup_photoframe_fade_out_time) ease-out;will-change:opacity;z-index:1}.placeholder--loaded{display:block}.placeholder--fade-out{opacity:0;position:absolute}.resource{display:none;left:0;position:absolute;top:0;z-index:0}.resource--fade-in{display:block;position:relative}:host(.kup-fit) img{height:100%;object-fit:cover;width:100%}";export{k as kup_photo_frame}
1
+ import{r as t,c as e,f as i,h as o,H as s,g as r}from"./p-b5deb573.js";import{k as h,g as a,s as n}from"./p-6d46cbb0.js";import{c as p}from"./p-ad2e21d2.js";var l;!function(t){t.customStyle="Custom style of the component.",t.placeholderAttrs="Html attributes of the picture before the component enters the viewport.",t.resourceAttrs="Html attributes of the picture after the component enters the viewport."}(l||(l={}));var f,d,c,u,m,w,b=function(t,e,i,o){if("a"===i&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof e?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===i?o:"a"===i?o.call(t):o?o.value:e.get(t)},v=function(t,e,i,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof e?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,i):s?s.value=i:e.set(t,i),i};const k=class{constructor(i){t(this,i),this.kupPhotoFramePlaceholderLoad=e(this,"kup-photoframe-placeholderload",6),this.kupPhotoFrameResourceLoad=e(this,"kup-photoframe-resourceload",6),f.set(this,null),d.set(this,h()),c.set(this,null),u.set(this,null),m.set(this,!1),w.set(this,null),this.isInViewport=!1,this.customStyle="",this.placeholderAttrs={},this.resourceAttrs={},this.threshold=.25}async getProps(t){return a(this,l,t)}async refresh(){i(this)}async setProps(t){n(this,l,t)}setObserver(){v(this,f,new IntersectionObserver((t=>{t.forEach((t=>{t.isIntersecting&&(this.isInViewport=!0,b(this,f,"f").unobserve(this.rootElement))}))}),{threshold:this.threshold}),"f")}componentWillLoad(){b(this,d,"f").debug.logLoad(this,!1),b(this,d,"f").theme.register(this),this.setObserver()}componentDidLoad(){b(this,d,"f").debug.logLoad(this,!0)}componentWillRender(){b(this,d,"f").debug.logRender(this,!1)}componentDidRender(){b(this,d,"f").debug.logRender(this,!0)}render(){return this.isInViewport&&!b(this,m,"f")&&v(this,m,!0,"f"),o(s,null,o("style",null,b(this,d,"f").theme.setKupStyle(this.rootElement)),o("div",{id:p,ref:t=>{v(this,w,t,"f")}},o("img",Object.assign({},this.placeholderAttrs,{class:"placeholder",ref:t=>v(this,c,t,"f"),onLoad:()=>{b(this,c,"f").naturalWidth>b(this,c,"f").naturalHeight?b(this,w,"f").classList.add("horizontal"):b(this,w,"f").classList.add("vertical"),b(this,f,"f").observe(this.rootElement),b(this,c,"f").classList.add("placeholder--loaded"),this.kupPhotoFramePlaceholderLoad.emit({comp:this,id:this.rootElement.id})}})),b(this,m,"f")?o("img",Object.assign({},this.resourceAttrs,{class:"resource",ref:t=>v(this,u,t,"f"),onLoad:()=>{b(this,c,"f").classList.add("placeholder--fade-out"),b(this,u,"f").classList.add("resource--fade-in"),this.kupPhotoFrameResourceLoad.emit({comp:this,id:this.rootElement.id})}})):null))}disconnectedCallback(){var t;b(this,d,"f").theme.unregister(this),null===(t=b(this,f,"f"))||void 0===t||t.unobserve(this.rootElement)}get rootElement(){return r(this)}};f=new WeakMap,d=new WeakMap,c=new WeakMap,u=new WeakMap,m=new WeakMap,w=new WeakMap,k.style=":host{--kup_photoframe_border:var(\n --kup-photoframe-border,\n 1px inset var(--kup-border-color)\n );--kup_photoframe_fade_out_time:var(--kup-photoframe-fade-out-time, 2000ms);border:var(--kup_photoframe_border);display:block;height:100%;position:relative;width:100%}#kup-component{position:relative;height:100%;width:100%}img{max-height:100%;max-width:100%}.horizontal img{width:100%}.vertical img{height:100%}.placeholder{display:none;transition:opacity var(--kup_photoframe_fade_out_time) ease-out;will-change:opacity;z-index:1}.placeholder--loaded{display:block}.placeholder--fade-out{opacity:0;position:absolute}.resource{display:none;left:0;position:absolute;top:0;z-index:0}.resource--fade-in{display:block;position:relative}:host(.kup-fit) img{height:100%;object-fit:cover;width:100%}";export{k as kup_photo_frame}
@@ -1 +1 @@
1
- import{r as s,c as t,h as i}from"./p-3da7e4c6.js";import{k as l,af as h}from"./p-46daf529.js";const e=class{constructor(i){s(this,i),this.dashClick=t(this,"kup-dash-click",7),this.kupManager=l(),this.layout="1",this.fontsize="",this.active=!1,this.columnsNumber=1,this.fullWidth=!0,this.horizontal=!1,this.iconColor=[],this.valueColor=[],this.textColor=[],this.data=void 0}render(){let s=[];var t=0;return this.data.rows.forEach((l=>{let e="",o="",d="",n="",a="",c="",r={color:this.iconColor[t]?this.kupManager.theme.colorCheck(this.iconColor[t]).hexColor:null},v={color:this.textColor[t]?this.kupManager.theme.colorCheck(this.textColor[t]).hexColor:null},u={color:this.valueColor[t]?this.kupManager.theme.colorCheck(this.valueColor[t]).hexColor:null};if(e=this.data.columns[0]?i("div",{slot:"icon"},i("icon",{class:l.cells[this.data.columns[0].name].obj.k,style:r})):i("div",{slot:"icon"}),o=this.data.columns[1]?i("div",{slot:"unit",style:u},l.cells[this.data.columns[1].name].obj.k," "):i("div",{slot:"unit"}),d=this.data.columns[2]?i("div",{slot:"descr",style:v},l.cells[this.data.columns[2].name].obj.k):i("div",{slot:"descr"}),this.data.columns[3]){let s=this.data.columns[3];s.obj=l.cells[this.data.columns[3].name].obj;let t=h(s,l.cells[this.data.columns[3].name]);n=i("div",{slot:"value",style:u},t)}else n=i("div",{slot:"value"});if(this.data.columns[5]){let s=this.data.columns[5];s.obj=l.cells[this.data.columns[5].name].obj;let t=h(s,l.cells[this.data.columns[5].name]);this.data.columns[6]&&l.cells[this.data.columns[6].name].obj.k&&(t+=this.kupManager.math.decimalSeparator()),a=i("div",{slot:"value-int",style:u},t)}else a=i("div",{slot:"value-int"});c=this.data.columns[6]?i("div",{slot:"value-dec",style:u},l.cells[this.data.columns[6].name].obj.k):i("div",{slot:"value-dec"});const p=i("kup-dash",{layout:this.layout,fontsize:this.fontsize,index:t,active:this.active,slot:String(t)},e,o,d,n,a,c);s.push(p),t++})),i("div",null,i("link",{href:"https://cdn.materialdesignicons.com/4.5.95/css/materialdesignicons.min.css",rel:"stylesheet",type:"text/css"}),i("kup-grid",{columns:this.columnsNumber,singleLine:this.horizontal,class:this.fullWidth?"kup-full-width":""},s))}};e.style=".horizontal{display:inline-block;min-width:300px;max-width:100%;overflow:visible;white-space:nowrap;border:solid;border-width:1px;margin:2px}";export{e as kup_dash_list}
1
+ import{r as s,c as t,h as i}from"./p-b5deb573.js";import{k as l,af as h}from"./p-6d46cbb0.js";const e=class{constructor(i){s(this,i),this.dashClick=t(this,"kup-dash-click",7),this.kupManager=l(),this.layout="1",this.fontsize="",this.active=!1,this.columnsNumber=1,this.fullWidth=!0,this.horizontal=!1,this.iconColor=[],this.valueColor=[],this.textColor=[],this.data=void 0}render(){let s=[];var t=0;return this.data.rows.forEach((l=>{let e="",o="",d="",n="",c="",r="",a={color:this.iconColor[t]?this.kupManager.theme.colorCheck(this.iconColor[t]).hexColor:null},v={color:this.textColor[t]?this.kupManager.theme.colorCheck(this.textColor[t]).hexColor:null},u={color:this.valueColor[t]?this.kupManager.theme.colorCheck(this.valueColor[t]).hexColor:null};if(e=this.data.columns[0]?i("div",{slot:"icon"},i("icon",{class:l.cells[this.data.columns[0].name].obj.k,style:a})):i("div",{slot:"icon"}),o=this.data.columns[1]?i("div",{slot:"unit",style:u},l.cells[this.data.columns[1].name].obj.k," "):i("div",{slot:"unit"}),d=this.data.columns[2]?i("div",{slot:"descr",style:v},l.cells[this.data.columns[2].name].obj.k):i("div",{slot:"descr"}),this.data.columns[3]){let s=this.data.columns[3];s.obj=l.cells[this.data.columns[3].name].obj;let t=h(s,l.cells[this.data.columns[3].name]);n=i("div",{slot:"value",style:u},t)}else n=i("div",{slot:"value"});if(this.data.columns[5]){let s=this.data.columns[5];s.obj=l.cells[this.data.columns[5].name].obj;let t=h(s,l.cells[this.data.columns[5].name]);this.data.columns[6]&&l.cells[this.data.columns[6].name].obj.k&&(t+=this.kupManager.math.decimalSeparator()),c=i("div",{slot:"value-int",style:u},t)}else c=i("div",{slot:"value-int"});r=this.data.columns[6]?i("div",{slot:"value-dec",style:u},l.cells[this.data.columns[6].name].obj.k):i("div",{slot:"value-dec"});const p=i("kup-dash",{layout:this.layout,fontsize:this.fontsize,index:t,active:this.active,slot:String(t)},e,o,d,n,c,r);s.push(p),t++})),i("div",null,i("link",{href:"https://cdn.materialdesignicons.com/4.5.95/css/materialdesignicons.min.css",rel:"stylesheet",type:"text/css"}),i("kup-grid",{columns:this.columnsNumber,singleLine:this.horizontal,class:this.fullWidth?"kup-full-width":""},s))}};e.style=".horizontal{display:inline-block;min-width:300px;max-width:100%;overflow:visible;white-space:nowrap;border:solid;border-width:1px;margin:2px}";export{e as kup_dash_list}
@@ -1 +1 @@
1
- import{r as i,h as t,g as h}from"./p-3da7e4c6.js";import{k as o}from"./p-46daf529.js";const e=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((h=>{i.rows.forEach((i=>{i.columns.forEach((i=>{t=!1,i.noSelections&&(t=i.noSelections),this.app.getObject(i.obj,i.obj,{noInteraction:!1,noSelections:t})}))})),h(!0)}))}doSelection(i){return new Promise((t=>{i.selections&&i.selections.forEach((i=>{this.app.field(i.field).selectValues(i.values,!1,!0)})),t(!0)}))}setRender(i){return new Promise((h=>{this.divlist=[],i.rows.forEach((i=>{let h=[];i.columns.forEach((i=>{let o="qvobject ";this.bordered&&(o+="bordered "),o=o+"width-"+i.colDim+" size-"+i.size,h.push(t("div",""!=i.obj?{id:i.obj,class:o}:{class:o}))})),this.divlist.push(t("div",{class:"kup-qlik-row"},h))})),h(!0)}))}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.setRender(this.grid)}render(){let i=null,h=null;return i=this.fluid?{"kup-qlik-container-fluid":!0}:{"kup-qlik-container":!0},h={"--lyo_obj-height":this.defobjsize},t("div",{class:i,style:h},this.divlist)}componentDidRender(){this.debug&&console.log("Grid",this.grid),this.qlik&&(""==this.appid||this.app?this.debug&&console.log("App already open:",this.app):this.app=this.qlik.openApp(this.appid,this.config),this.app&&this.getObjects(this.grid).then((()=>{this.doSelection(this.grid)}))),this.kupManager.debug.logRender(this,!0)}get rootElement(){return h(this)}};e.style=".kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-color, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";export{e as kup_qlik}
1
+ import{r as i,h as t,g as h}from"./p-b5deb573.js";import{k as o}from"./p-6d46cbb0.js";const e=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((h=>{i.rows.forEach((i=>{i.columns.forEach((i=>{t=!1,i.noSelections&&(t=i.noSelections),this.app.getObject(i.obj,i.obj,{noInteraction:!1,noSelections:t})}))})),h(!0)}))}doSelection(i){return new Promise((t=>{i.selections&&i.selections.forEach((i=>{this.app.field(i.field).selectValues(i.values,!1,!0)})),t(!0)}))}setRender(i){return new Promise((h=>{this.divlist=[],i.rows.forEach((i=>{let h=[];i.columns.forEach((i=>{let o="qvobject ";this.bordered&&(o+="bordered "),o=o+"width-"+i.colDim+" size-"+i.size,h.push(t("div",""!=i.obj?{id:i.obj,class:o}:{class:o}))})),this.divlist.push(t("div",{class:"kup-qlik-row"},h))})),h(!0)}))}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.setRender(this.grid)}render(){let i=null,h=null;return i=this.fluid?{"kup-qlik-container-fluid":!0}:{"kup-qlik-container":!0},h={"--lyo_obj-height":this.defobjsize},t("div",{class:i,style:h},this.divlist)}componentDidRender(){this.debug&&console.log("Grid",this.grid),this.qlik&&(""==this.appid||this.app?this.debug&&console.log("App already open:",this.app):this.app=this.qlik.openApp(this.appid,this.config),this.app&&this.getObjects(this.grid).then((()=>{this.doSelection(this.grid)}))),this.kupManager.debug.logRender(this,!0)}get rootElement(){return h(this)}};e.style=".kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-color, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";export{e as kup_qlik}
@@ -1,2 +1,2 @@
1
- let e,t,n=!1,l=!1;const o=e=>{const t=new URL(e,ce.t);return t.origin!==se.location.origin?t.href:t.pathname},s=e=>ce.t=e,i="http://www.w3.org/1999/xlink",c={},r=e=>"object"==(e=typeof e)||"function"===e;function u(e){var t,n,l;return null!==(l=null===(n=null===(t=e.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===n?void 0:n.getAttribute("content"))&&void 0!==l?l:void 0}const a=(e,t,...n)=>{let l=null,o=null,s=!1,i=!1;const c=[],u=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?u(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!r(l))&&(l+=""),s&&i?c[c.length-1].l+=l:c.push(s?f(null,l):l),i=s)};if(u(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,c,p);const a=f(e,null);return a.o=t,c.length>0&&(a.i=c),a.u=o,a},f=(e,t)=>({p:0,h:e,l:t,m:null,i:null,o:null,u:null}),d={},p={forEach:(e,t)=>e.map(h).forEach(t),map:(e,t)=>e.map(h).map(t).map(m)},h=e=>({vattrs:e.o,vchildren:e.i,vkey:e.u,vname:e.v,vtag:e.h,vtext:e.l}),m=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),a(e.vtag,t,...e.vchildren||[])}const t=f(e.vtag,e.vtext);return t.o=e.vattrs,t.i=e.vchildren,t.u=e.vkey,t.v=e.vname,t},y=e=>X(e).$,v=(e,t,n)=>{const l=y(e);return{emit:e=>$(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},$=(e,t,n)=>{const l=ce.ce(t,n);return e.dispatchEvent(l),l},w=new WeakMap,b=e=>"sc-"+e.g,g=(e,t,n,l,o,s)=>{if(n!==l){let c=ee(e,t),u=t.toLowerCase();if("class"===t){const t=e.classList,o=k(n),s=k(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(c||"o"!==t[0]||"n"!==t[1]){const a=r(l);if((c||a&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?c=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let f=!1;u!==(u=u.replace(/^xlink\:?/,""))&&(t=u,f=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(f?e.removeAttributeNS(i,t):e.removeAttribute(t)):(!c||4&s||o)&&!a&&(l=!0===l?"":l,f?e.setAttributeNS(i,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):ee(se,u)?u.slice(2):u[2]+t.slice(3),n&&ce.rel(e,t,n,!1),l&&ce.ael(e,t,l,!1)}},j=/\s/,k=e=>e?e.split(j):[],S=(e,t,n,l)=>{const o=11===t.m.nodeType&&t.m.host?t.m.host:t.m,s=e&&e.o||c,i=t.o||c;for(l in s)l in i||g(o,l,s[l],void 0,n,t.p);for(l in i)g(o,l,s[l],i[l],n,t.p)},O=(t,l,o)=>{const s=l.i[o];let i,c,r=0;if(null!==s.l)i=s.m=ie.createTextNode(s.l);else{if(n||(n="svg"===s.h),i=s.m=ie.createElementNS(n?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",s.h),n&&"foreignObject"===s.h&&(n=!1),S(null,s,n),null!=e&&i["s-si"]!==e&&i.classList.add(i["s-si"]=e),s.i)for(r=0;r<s.i.length;++r)c=O(t,s,r),c&&i.appendChild(c);"svg"===s.h?n=!1:"foreignObject"===i.tagName&&(n=!0)}return i},M=(e,n,l,o,s,i)=>{let c,r=e;for(r.shadowRoot&&r.tagName===t&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=O(null,l,s),c&&(o[s].m=c,r.insertBefore(c,n)))},x=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.m;L(t),e&&e.remove()}}},C=(e,t)=>e.h===t.h&&e.u===t.u,P=(e,t)=>{const l=t.m=e.m,o=e.i,s=t.i,i=t.h,c=t.l;null===c?(n="svg"===i||"foreignObject"!==i&&n,"slot"===i||S(e,t,n),null!==o&&null!==s?((e,t,n,l)=>{let o,s,i=0,c=0,r=0,u=0,a=t.length-1,f=t[0],d=t[a],p=l.length-1,h=l[0],m=l[p];for(;i<=a&&c<=p;)if(null==f)f=t[++i];else if(null==d)d=t[--a];else if(null==h)h=l[++c];else if(null==m)m=l[--p];else if(C(f,h))P(f,h),f=t[++i],h=l[++c];else if(C(d,m))P(d,m),d=t[--a],m=l[--p];else if(C(f,m))P(f,m),e.insertBefore(f.m,d.m.nextSibling),f=t[++i],m=l[--p];else if(C(d,h))P(d,h),e.insertBefore(d.m,f.m),d=t[--a],h=l[++c];else{for(r=-1,u=i;u<=a;++u)if(t[u]&&null!==t[u].u&&t[u].u===h.u){r=u;break}r>=0?(s=t[r],s.h!==h.h?o=O(t&&t[c],n,r):(P(s,h),t[r]=void 0,o=s.m),h=l[++c]):(o=O(t&&t[c],n,c),h=l[++c]),o&&f.m.parentNode.insertBefore(o,f.m)}i>a?M(e,null==l[p+1]?null:l[p+1].m,n,l,c,p):c>p&&x(t,i,a)})(l,o,t,s):null!==s?(null!==e.l&&(l.textContent=""),M(l,null,t,s,0,s.length-1)):null!==o&&x(o,0,o.length-1),n&&"svg"===i&&(n=!1)):e.l!==c&&(l.data=c)},L=e=>{e.o&&e.o.ref&&e.o.ref(null),e.i&&e.i.map(L)},R=(e,t)=>{t&&!e.j&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.j=t)))},U=(e,t)=>{if(e.p|=16,!(4&e.p))return R(e,e.k),ye((()=>W(e,t)));e.p|=512},W=(e,t)=>{const n=e.S;let l;return t?(e.p|=256,e.O&&(e.O.map((([e,t])=>q(n,e,t))),e.O=void 0),l=q(n,"componentWillLoad")):l=q(n,"componentWillUpdate"),l=E(l,(()=>q(n,"componentWillRender"))),E(l,(()=>N(e,n,t)))},E=(e,t)=>D(e)?e.then(t):t(),D=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,N=async(e,t,n)=>{var l;const o=e.$,s=o["s-rc"];n&&(e=>{const t=e.M,n=e.$,l=t.p,o=((e,t)=>{var n;let l=b(t);const o=oe.get(l);if(e=11===e.nodeType?e:ie,o)if("string"==typeof o){let t,s=w.get(e=e.head||e);if(s||w.set(e,s=new Set),!s.has(l)){{t=ie.createElement("style"),t.innerHTML=o;const l=null!==(n=ce.C)&&void 0!==n?n:u(ie);null!=l&&t.setAttribute("nonce",l),e.insertBefore(t,e.querySelector("link"))}s&&s.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);T(e,t),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!==(l=o["s-p"])&&void 0!==l?l:[],n=()=>A(e);0===t.length?n():(Promise.all(t).then(n),e.p|=4,t.length=0)}},T=(n,l)=>{try{l=l.render(),n.p&=-17,n.p|=2,((n,l)=>{const o=n.$,s=n.M,i=n.P||f(null,null),c=(e=>e&&e.h===d)(l)?l:a(null,null,l);t=o.tagName,s.L&&(c.o=c.o||{},s.L.map((([e,t])=>c.o[t]=o[e]))),c.h=null,c.p|=4,n.P=c,c.m=i.m=o.shadowRoot||o,e=o["s-sc"],P(i,c)})(n,l)}catch(e){te(e,n.$)}return null},A=e=>{const t=e.$,n=e.S,l=e.k;q(n,"componentDidRender"),64&e.p?q(n,"componentDidUpdate"):(e.p|=64,V(t),q(n,"componentDidLoad"),e.R(t),l||H()),e.U(t),e.j&&(e.j(),e.j=void 0),512&e.p&&me((()=>U(e,!1))),e.p&=-517},F=e=>{{const t=X(e),n=t.$.isConnected;return n&&2==(18&t.p)&&U(t,!1),n}},H=()=>{V(ie.documentElement),me((()=>$(se,"appload",{detail:{namespace:"ketchup"}})))},q=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){te(e)}},V=e=>e.classList.add("hydrated"),_=(e,t,n)=>{if(t.W){e.watchers&&(t.D=e.watchers);const l=Object.entries(t.W),o=e.prototype;if(l.map((([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,e,{get(){return((e,t)=>X(this).N.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=X(e),s=o.$,i=o.N.get(t),c=o.p,u=o.S;if(n=((e,t)=>null==e||r(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.W[t][0]),(!(8&c)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(o.N.set(t,n),u)){if(l.D&&128&c){const e=l.D[t];e&&e.map((e=>{try{u[e](n,i,t)}catch(e){te(e,s)}}))}2==(18&c)&&U(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,e,{value(...t){const n=X(this);return n.T.then((()=>n.S[e](...t)))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(e,t,l){ce.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(o.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.L.push([e,o]),o}))}}return e},z=(e,t={})=>{var n;const l=[],o=t.exclude||[],s=se.customElements,i=ie.head,c=i.querySelector("meta[charset]"),r=ie.createElement("style"),a=[];let f,d=!0;Object.assign(ce,t),ce.t=new URL(t.resourcesUrl||"./",ie.baseURI).href,e.map((e=>{e[1].map((t=>{const n={p:t[0],g:t[1],W:t[2],A:t[3]};n.W=t[2],n.A=t[3],n.L=[],n.D={};const i=n.g,c=class extends HTMLElement{constructor(e){super(e),Z(e=this,n),1&n.p&&e.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),d?a.push(this):ce.jmp((()=>(e=>{if(0==(1&ce.p)){const t=X(e),n=t.M,l=()=>{};if(1&t.p)B(e,t,n.A);else{t.p|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){R(t,t.k=n);break}}n.W&&Object.entries(n.W).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.p)){t.p|=32;{if((o=le(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.D=o.watchers,_(o,n,2),o.isProxied=!0);const e=()=>{};t.p|=8;try{new o(t)}catch(e){te(e)}t.p&=-9,t.p|=128,e()}if(o.style){let e=o.style;const t=b(n);if(!oe.has(t)){const l=()=>{};((e,t,n)=>{let l=oe.get(e);ue&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,oe.set(e,l)})(t,e,!!(1&n.p)),l()}}}const s=t.k,i=()=>U(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){ce.jmp((()=>(()=>{if(0==(1&ce.p)){const e=X(this),t=e.S;e.F&&(e.F.map((e=>e())),e.F=void 0),q(t,"disconnectedCallback")}})()))}componentOnReady(){return X(this).H}};n.q=e[0],o.includes(i)||s.get(i)||(l.push(i),s.define(i,_(c,n,1)))}))}));{r.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles","");const e=null!==(n=ce.C)&&void 0!==n?n:u(ie);null!=e&&r.setAttribute("nonce",e),i.insertBefore(r,c?c.nextSibling:i.firstChild)}d=!1,a.length?a.map((e=>e.connectedCallback())):ce.jmp((()=>f=setTimeout(H,30)))},B=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=I(e,n),i=G(t,o),c=J(n);ce.ael(s,l,i,c),(t.F=t.F||[]).push((()=>ce.rel(s,l,i,c)))}))},G=(e,t)=>n=>{try{256&e.p?e.S[t](n):(e.O=e.O||[]).push([t,n])}catch(e){te(e)}},I=(e,t)=>4&t?ie:e,J=e=>0!=(2&e),K=e=>ce.C=e,Q=new WeakMap,X=e=>Q.get(e),Y=(e,t)=>Q.set(t.S=e,t),Z=(e,t)=>{const n={p:0,$:e,M:t,N:new Map};return n.T=new Promise((e=>n.U=e)),n.H=new Promise((e=>n.R=e)),e["s-p"]=[],e["s-rc"]=[],B(e,n,t.A),Q.set(e,n)},ee=(e,t)=>t in e,te=(e,t)=>(0,console.error)(e,t),ne=new Map,le=e=>{const t=e.g.replace(/-/g,"_"),n=e.q,l=ne.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(ne.set(n,e),e[t])),te)
2
- /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},oe=new Map,se="undefined"!=typeof window?window:{},ie=se.document||{head:{}},ce={p:0,t:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},re=e=>Promise.resolve(e),ue=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),ae=[],fe=[],de=(e,t)=>n=>{e.push(n),l||(l=!0,t&&4&ce.p?me(he):ce.raf(he))},pe=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){te(e)}e.length=0},he=()=>{pe(ae),pe(fe),(l=ae.length>0)&&ce.raf(he)},me=e=>re().then(e),ye=de(fe,!0);export{d as H,o as a,z as b,v as c,s as d,F as f,y as g,a as h,re as p,Y as r,K as s}
1
+ let e,t,n=!1,l=!1;const o=e=>{const t=new URL(e,re.t);return t.origin!==se.location.origin?t.href:t.pathname},s=e=>re.t=e,i="http://www.w3.org/1999/xlink",c={},r=e=>"object"==(e=typeof e)||"function"===e;function a(e){var t,n,l;return null!==(l=null===(n=null===(t=e.head)||void 0===t?void 0:t.querySelector('meta[name="csp-nonce"]'))||void 0===n?void 0:n.getAttribute("content"))&&void 0!==l?l:void 0}const u=(e,t,...n)=>{let l=null,o=null,s=!1,i=!1;const c=[],a=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?a(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!r(l))&&(l+=""),s&&i?c[c.length-1].l+=l:c.push(s?f(null,l):l),i=s)};if(a(n),t){t.key&&(o=t.key);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,c,p);const u=f(e,null);return u.o=t,c.length>0&&(u.i=c),u.u=o,u},f=(e,t)=>({p:0,h:e,l:t,m:null,i:null,o:null,u:null}),d={},p={forEach:(e,t)=>e.map(h).forEach(t),map:(e,t)=>e.map(h).map(t).map(m)},h=e=>({vattrs:e.o,vchildren:e.i,vkey:e.u,vname:e.v,vtag:e.h,vtext:e.l}),m=e=>{if("function"==typeof e.vtag){const t=Object.assign({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),u(e.vtag,t,...e.vchildren||[])}const t=f(e.vtag,e.vtext);return t.o=e.vattrs,t.i=e.vchildren,t.u=e.vkey,t.v=e.vname,t},y=e=>X(e).$,v=(e,t,n)=>{const l=y(e);return{emit:e=>$(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},$=(e,t,n)=>{const l=re.ce(t,n);return e.dispatchEvent(l),l},w=new WeakMap,b=e=>"sc-"+e.g,g=(e,t,n,l,o,s)=>{if(n!==l){let c=ee(e,t),a=t.toLowerCase();if("class"===t){const t=e.classList,o=k(n),s=k(l);t.remove(...o.filter((e=>e&&!s.includes(e)))),t.add(...s.filter((e=>e&&!o.includes(e))))}else if("style"===t){for(const t in n)l&&null!=l[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in l)n&&l[t]===n[t]||(t.includes("-")?e.style.setProperty(t,l[t]):e.style[t]=l[t])}else if("key"===t);else if("ref"===t)l&&l(e);else if(c||"o"!==t[0]||"n"!==t[1]){const u=r(l);if((c||u&&null!==l)&&!o)try{if(e.tagName.includes("-"))e[t]=l;else{const o=null==l?"":l;"list"===t?c=!1:null!=n&&e[t]==o||(e[t]=o)}}catch(e){}let f=!1;a!==(a=a.replace(/^xlink\:?/,""))&&(t=a,f=!0),null==l||!1===l?!1===l&&""!==e.getAttribute(t)||(f?e.removeAttributeNS(i,t):e.removeAttribute(t)):(!c||4&s||o)&&!u&&(l=!0===l?"":l,f?e.setAttributeNS(i,t,l):e.setAttribute(t,l))}else t="-"===t[2]?t.slice(3):ee(se,a)?a.slice(2):a[2]+t.slice(3),n&&re.rel(e,t,n,!1),l&&re.ael(e,t,l,!1)}},j=/\s/,k=e=>e?e.split(j):[],S=(e,t,n,l)=>{const o=11===t.m.nodeType&&t.m.host?t.m.host:t.m,s=e&&e.o||c,i=t.o||c;for(l in s)l in i||g(o,l,s[l],void 0,n,t.p);for(l in i)g(o,l,s[l],i[l],n,t.p)},O=(t,l,o)=>{const s=l.i[o];let i,c,r=0;if(null!==s.l)i=s.m=ie.createTextNode(s.l);else{if(n||(n="svg"===s.h),i=s.m=ie.createElementNS(n?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",s.h),n&&"foreignObject"===s.h&&(n=!1),S(null,s,n),null!=e&&i["s-si"]!==e&&i.classList.add(i["s-si"]=e),s.i)for(r=0;r<s.i.length;++r)c=O(t,s,r),c&&i.appendChild(c);"svg"===s.h?n=!1:"foreignObject"===i.tagName&&(n=!0)}return i},M=(e,n,l,o,s,i)=>{let c,r=e;for(r.shadowRoot&&r.tagName===t&&(r=r.shadowRoot);s<=i;++s)o[s]&&(c=O(null,l,s),c&&(o[s].m=c,r.insertBefore(c,n)))},x=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.m;L(t),e&&e.remove()}}},C=(e,t)=>e.h===t.h&&e.u===t.u,P=(e,t)=>{const l=t.m=e.m,o=e.i,s=t.i,i=t.h,c=t.l;null===c?(n="svg"===i||"foreignObject"!==i&&n,"slot"===i||S(e,t,n),null!==o&&null!==s?((e,t,n,l)=>{let o,s,i=0,c=0,r=0,a=0,u=t.length-1,f=t[0],d=t[u],p=l.length-1,h=l[0],m=l[p];for(;i<=u&&c<=p;)if(null==f)f=t[++i];else if(null==d)d=t[--u];else if(null==h)h=l[++c];else if(null==m)m=l[--p];else if(C(f,h))P(f,h),f=t[++i],h=l[++c];else if(C(d,m))P(d,m),d=t[--u],m=l[--p];else if(C(f,m))P(f,m),e.insertBefore(f.m,d.m.nextSibling),f=t[++i],m=l[--p];else if(C(d,h))P(d,h),e.insertBefore(d.m,f.m),d=t[--u],h=l[++c];else{for(r=-1,a=i;a<=u;++a)if(t[a]&&null!==t[a].u&&t[a].u===h.u){r=a;break}r>=0?(s=t[r],s.h!==h.h?o=O(t&&t[c],n,r):(P(s,h),t[r]=void 0,o=s.m),h=l[++c]):(o=O(t&&t[c],n,c),h=l[++c]),o&&f.m.parentNode.insertBefore(o,f.m)}i>u?M(e,null==l[p+1]?null:l[p+1].m,n,l,c,p):c>p&&x(t,i,u)})(l,o,t,s):null!==s?(null!==e.l&&(l.textContent=""),M(l,null,t,s,0,s.length-1)):null!==o&&x(o,0,o.length-1),n&&"svg"===i&&(n=!1)):e.l!==c&&(l.data=c)},L=e=>{e.o&&e.o.ref&&e.o.ref(null),e.i&&e.i.map(L)},R=(e,t)=>{t&&!e.j&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.j=t)))},U=(e,t)=>{if(e.p|=16,!(4&e.p))return R(e,e.k),ve((()=>W(e,t)));e.p|=512},W=(e,t)=>{const n=e.S;let l;return t?(e.p|=256,e.O&&(e.O.map((([e,t])=>q(n,e,t))),e.O=void 0),l=q(n,"componentWillLoad")):l=q(n,"componentWillUpdate"),l=E(l,(()=>q(n,"componentWillRender"))),E(l,(()=>N(e,n,t)))},E=(e,t)=>D(e)?e.then(t):t(),D=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,N=async(e,t,n)=>{var l;const o=e.$,s=o["s-rc"];n&&(e=>{const t=e.M,n=e.$,l=t.p,o=((e,t)=>{var n;let l=b(t);const o=oe.get(l);if(e=11===e.nodeType?e:ie,o)if("string"==typeof o){let t,s=w.get(e=e.head||e);if(s||w.set(e,s=new Set),!s.has(l)){{t=ie.createElement("style"),t.innerHTML=o;const l=null!==(n=re.C)&&void 0!==n?n:a(ie);null!=l&&t.setAttribute("nonce",l),e.insertBefore(t,e.querySelector("link"))}s&&s.add(l)}}else e.adoptedStyleSheets.includes(o)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,o]);return l})(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);10&l&&(n["s-sc"]=o,n.classList.add(o+"-h"))})(e);T(e,t),s&&(s.map((e=>e())),o["s-rc"]=void 0);{const t=null!==(l=o["s-p"])&&void 0!==l?l:[],n=()=>A(e);0===t.length?n():(Promise.all(t).then(n),e.p|=4,t.length=0)}},T=(n,l)=>{try{l=l.render(),n.p&=-17,n.p|=2,((n,l)=>{const o=n.$,s=n.M,i=n.P||f(null,null),c=(e=>e&&e.h===d)(l)?l:u(null,null,l);t=o.tagName,s.L&&(c.o=c.o||{},s.L.map((([e,t])=>c.o[t]=o[e]))),c.h=null,c.p|=4,n.P=c,c.m=i.m=o.shadowRoot||o,e=o["s-sc"],P(i,c)})(n,l)}catch(e){te(e,n.$)}return null},A=e=>{const t=e.$,n=e.S,l=e.k;q(n,"componentDidRender"),64&e.p?q(n,"componentDidUpdate"):(e.p|=64,V(t),q(n,"componentDidLoad"),e.R(t),l||H()),e.U(t),e.j&&(e.j(),e.j=void 0),512&e.p&&ye((()=>U(e,!1))),e.p&=-517},F=e=>{{const t=X(e),n=t.$.isConnected;return n&&2==(18&t.p)&&U(t,!1),n}},H=()=>{V(ie.documentElement),ye((()=>$(se,"appload",{detail:{namespace:"ketchup"}})))},q=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){te(e)}},V=e=>e.classList.add("hydrated"),_=(e,t,n)=>{if(t.W){e.watchers&&(t.D=e.watchers);const l=Object.entries(t.W),o=e.prototype;if(l.map((([e,[l]])=>{31&l||2&n&&32&l?Object.defineProperty(o,e,{get(){return((e,t)=>X(this).N.get(t))(0,e)},set(n){((e,t,n,l)=>{const o=X(e),s=o.$,i=o.N.get(t),c=o.p,a=o.S;if(n=((e,t)=>null==e||r(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.W[t][0]),(!(8&c)||void 0===i)&&n!==i&&(!Number.isNaN(i)||!Number.isNaN(n))&&(o.N.set(t,n),a)){if(l.D&&128&c){const e=l.D[t];e&&e.map((e=>{try{a[e](n,i,t)}catch(e){te(e,s)}}))}2==(18&c)&&U(o,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&l&&Object.defineProperty(o,e,{value(...t){const n=X(this);return n.T.then((()=>n.S[e](...t)))}})})),1&n){const n=new Map;o.attributeChangedCallback=function(e,t,l){re.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))l=this[t],delete this[t];else if(o.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==l)return;this[t]=(null!==l||"boolean"!=typeof this[t])&&l}))},e.observedAttributes=l.filter((([e,t])=>15&t[0])).map((([e,l])=>{const o=l[1]||e;return n.set(o,e),512&l[0]&&t.L.push([e,o]),o}))}}return e},z=(e,t={})=>{var n;const l=[],o=t.exclude||[],s=se.customElements,i=ie.head,c=i.querySelector("meta[charset]"),r=ie.createElement("style"),u=[];let f,d=!0;Object.assign(re,t),re.t=new URL(t.resourcesUrl||"./",ie.baseURI).href,e.map((e=>{e[1].map((t=>{const n={p:t[0],g:t[1],W:t[2],A:t[3]};n.W=t[2],n.A=t[3],n.L=[],n.D={};const i=n.g,c=class extends HTMLElement{constructor(e){super(e),Z(e=this,n),1&n.p&&e.attachShadow({mode:"open"})}connectedCallback(){f&&(clearTimeout(f),f=null),d?u.push(this):re.jmp((()=>(e=>{if(0==(1&re.p)){const t=X(e),n=t.M,l=()=>{};if(1&t.p)B(e,t,n.A);else{t.p|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){R(t,t.k=n);break}}n.W&&Object.entries(n.W).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,o)=>{if(0==(32&t.p)){t.p|=32;{if((o=le(n)).then){const e=()=>{};o=await o,e()}o.isProxied||(n.D=o.watchers,_(o,n,2),o.isProxied=!0);const e=()=>{};t.p|=8;try{new o(t)}catch(e){te(e)}t.p&=-9,t.p|=128,e()}if(o.style){let e=o.style;const t=b(n);if(!oe.has(t)){const l=()=>{};((e,t,n)=>{let l=oe.get(e);ue&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=t:l.replaceSync(t)):l=t,oe.set(e,l)})(t,e,!!(1&n.p)),l()}}}const s=t.k,i=()=>U(t,!0);s&&s["s-rc"]?s["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){re.jmp((()=>(()=>{if(0==(1&re.p)){const e=X(this),t=e.S;e.F&&(e.F.map((e=>e())),e.F=void 0),q(t,"disconnectedCallback")}})()))}componentOnReady(){return X(this).H}};n.q=e[0],o.includes(i)||s.get(i)||(l.push(i),s.define(i,_(c,n,1)))}))}));{r.innerHTML=l+"{visibility:hidden}.hydrated{visibility:inherit}",r.setAttribute("data-styles","");const e=null!==(n=re.C)&&void 0!==n?n:a(ie);null!=e&&r.setAttribute("nonce",e),i.insertBefore(r,c?c.nextSibling:i.firstChild)}d=!1,u.length?u.map((e=>e.connectedCallback())):re.jmp((()=>f=setTimeout(H,30)))},B=(e,t,n)=>{n&&n.map((([n,l,o])=>{const s=I(e,n),i=G(t,o),c=J(n);re.ael(s,l,i,c),(t.F=t.F||[]).push((()=>re.rel(s,l,i,c)))}))},G=(e,t)=>n=>{try{256&e.p?e.S[t](n):(e.O=e.O||[]).push([t,n])}catch(e){te(e)}},I=(e,t)=>4&t?ie:e,J=e=>0!=(2&e),K=e=>re.C=e,Q=new WeakMap,X=e=>Q.get(e),Y=(e,t)=>Q.set(t.S=e,t),Z=(e,t)=>{const n={p:0,$:e,M:t,N:new Map};return n.T=new Promise((e=>n.U=e)),n.H=new Promise((e=>n.R=e)),e["s-p"]=[],e["s-rc"]=[],B(e,n,t.A),Q.set(e,n)},ee=(e,t)=>t in e,te=(e,t)=>(0,console.error)(e,t),ne=new Map,le=e=>{const t=e.g.replace(/-/g,"_"),n=e.q,l=ne.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(ne.set(n,e),e[t])),te)
2
+ /*!__STENCIL_STATIC_IMPORT_SWITCH__*/},oe=new Map,se="undefined"!=typeof window?window:{},ie=se.document||{head:{}},ce=se.HTMLElement||class{},re={p:0,t:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},ae=e=>Promise.resolve(e),ue=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),fe=[],de=[],pe=(e,t)=>n=>{e.push(n),l||(l=!0,t&&4&re.p?ye(me):re.raf(me))},he=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){te(e)}e.length=0},me=()=>{he(fe),he(de),(l=fe.length>0)&&re.raf(me)},ye=e=>ae().then(e),ve=pe(de,!0);export{d as H,o as a,z as b,v as c,s as d,ce as e,F as f,y as g,u as h,ae as p,Y as r,K as s}
@@ -1 +1 @@
1
- import{r,c as o,f as t,h as e,H as a,g as i}from"./p-3da7e4c6.js";import{k as s,g as p,s as d}from"./p-46daf529.js";import{c as n}from"./p-ad2e21d2.js";const c="drawer";var u;!function(r){r.customStyle="Custom style of the component.",r.opened="Defaults at false. When set to true, the drawer appears."}(u||(u={}));const l=class{constructor(t){r(this,t),this.kupDrawerClose=o(this,"kup-drawer-close",6),this.kupDrawerOpen=o(this,"kup-drawer-open",6),this.kupDrawerReady=o(this,"kup-drawer-ready",6),this.kupManager=s(),this.opened=!1,this.customStyle=""}async close(){this.opened=!1,this.kupDrawerClose.emit({comp:this,id:this.rootElement.id})}async getProps(r){return p(this,u,r)}async isOpened(){return this.opened}async open(){this.opened=!0,this.kupDrawerOpen.emit({comp:this,id:this.rootElement.id})}async refresh(){t(this)}async setProps(r){d(this,u,r)}async toggle(){this.opened?this.close():this.open()}content(){const r=[],o=Array.prototype.slice.call(this.rootElement.children,0),t=[];for(let t=0;t<o.length;t++)r.push(e("slot",null));return t.push(e("div",{class:`${c}__content`},r)),t}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupDrawerReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return e(a,{"kup-opened":this.opened},e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{class:"backdrop",onClick:r=>{r.preventDefault(),r.stopPropagation()},onPointerDown:r=>{r.preventDefault(),r.stopPropagation(),this.close()},onTouchStart:r=>{r.preventDefault(),r.stopPropagation()}}),e("div",{id:n},e("div",{class:c},this.content())))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return i(this)}};l.style=":host{--kup_drawer_backdrop:var(--kup-drawer-backdrop, rgba(0, 0, 0, 0.32));--kup_drawer_box_shadow:var(\n --kup-drawer-box-shadow,\n 0 8px 10px -5px rgba(0, 0, 0, 0.2),\n 0 16px 24px 2px rgba(0, 0, 0, 0.14),\n 0 6px 30px 5px rgba(0, 0, 0, 0.12)\n );--kup_drawer_permanent_border:var(\n --kup-drawer-permanent-border,\n 1px solid var(--kup-border-color)\n );--kup_drawer_slide_transition:var(--kup-drawer-slide-transition, 750ms);--kup_drawer_transition:var(--kup-drawer-transition, 250ms);box-shadow:var(--kup_drawer_box_shadow);display:block;font-size:var(--kup-font-size);height:100vh;left:calc(var(--kup-drawer-width) * -1);position:fixed;top:0;transition:left var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1), right var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1);width:var(--kup-drawer-width);z-index:var(--kup-drawer-zindex)}#kup-component{height:100%;width:100%}.backdrop{background:var(--kup_drawer_backdrop);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--kup-drawer-zindex)}.drawer{height:100%;position:fixed;width:var(--kup-drawer-width);z-index:calc(var(--kup-drawer-zindex) + 1)}.drawer__content{background-color:var(--kup-drawer-background-color);box-sizing:border-box;height:100%;overflow-y:auto;width:100%}.drawer ::slotted(*){--kup-button-primary-color:var(--kup-drawer-color);--kup-button-primary-color-rgb:var(--kup-drawer-color-rgb);--kup-button-primary-color-h:var(--kup-drawer-color-h);--kup-button-primary-color-s:var(--kup-drawer-color-s);--kup-button-primary-color-l:var(--kup-drawer-color-l);--kup-switch-label-color:var(--kup-drawer-color);--kup-switch-primary-color:var(--kup-drawer-color);--kup-switch-primary-color-rgb:var(--kup-drawer-color-rgb);--kup-textfield-color:var(--kup-drawer-color);--kup-textfield-color-rgb:var(--kup-drawer-color-rgb);--kup-textfield-primary-color:var(--kup-drawer-color);--kup-textfield-primary-color-rgb:var(--kup-drawer-color-rgb);--kup-tree-color:var(--kup-drawer-color);--kup-tree-color-rgb:var(--kup-drawer-color-rgb);--kup-tree-filter-background-color:var(--kup-drawer-background-color);--kup-tree-icon-color:var(--kup-drawer-color);color:var(--kup-drawer-color);fill:var(--kup-drawer-color)}:host([kup-opened]){left:0}:host([kup-opened]) .backdrop{display:block}:host(.kup-right){left:unset;right:-100%}:host([kup-opened].kup-right){right:0}:host(.kup-permanent){box-shadow:unset;transition:all 250ms}:host(.kup-permanent) .backdrop{display:none}:host(.kup-permanent) .drawer{position:relative}:host(.kup-permanent) .drawer__content{border-right:var(--kup_drawer_permanent_border)}";export{l as kup_drawer}
1
+ import{r,c as o,f as t,h as e,H as a,g as i}from"./p-b5deb573.js";import{k as s,g as p,s as d}from"./p-6d46cbb0.js";import{c as n}from"./p-ad2e21d2.js";const c="drawer";var u;!function(r){r.customStyle="Custom style of the component.",r.opened="Defaults at false. When set to true, the drawer appears."}(u||(u={}));const l=class{constructor(t){r(this,t),this.kupDrawerClose=o(this,"kup-drawer-close",6),this.kupDrawerOpen=o(this,"kup-drawer-open",6),this.kupDrawerReady=o(this,"kup-drawer-ready",6),this.kupManager=s(),this.opened=!1,this.customStyle=""}async close(){this.opened=!1,this.kupDrawerClose.emit({comp:this,id:this.rootElement.id})}async getProps(r){return p(this,u,r)}async isOpened(){return this.opened}async open(){this.opened=!0,this.kupDrawerOpen.emit({comp:this,id:this.rootElement.id})}async refresh(){t(this)}async setProps(r){d(this,u,r)}async toggle(){this.opened?this.close():this.open()}content(){const r=[],o=Array.prototype.slice.call(this.rootElement.children,0),t=[];for(let t=0;t<o.length;t++)r.push(e("slot",null));return t.push(e("div",{class:`${c}__content`},r)),t}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupDrawerReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return e(a,{"kup-opened":this.opened},e("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{class:"backdrop",onClick:r=>{r.preventDefault(),r.stopPropagation()},onPointerDown:r=>{r.preventDefault(),r.stopPropagation(),this.close()},onTouchStart:r=>{r.preventDefault(),r.stopPropagation()}}),e("div",{id:n},e("div",{class:c},this.content())))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return i(this)}};l.style=":host{--kup_drawer_backdrop:var(--kup-drawer-backdrop, rgba(0, 0, 0, 0.32));--kup_drawer_box_shadow:var(\n --kup-drawer-box-shadow,\n 0 8px 10px -5px rgba(0, 0, 0, 0.2),\n 0 16px 24px 2px rgba(0, 0, 0, 0.14),\n 0 6px 30px 5px rgba(0, 0, 0, 0.12)\n );--kup_drawer_permanent_border:var(\n --kup-drawer-permanent-border,\n 1px solid var(--kup-border-color)\n );--kup_drawer_slide_transition:var(--kup-drawer-slide-transition, 750ms);--kup_drawer_transition:var(--kup-drawer-transition, 250ms);box-shadow:var(--kup_drawer_box_shadow);display:block;font-size:var(--kup-font-size);height:100vh;left:calc(var(--kup-drawer-width) * -1);position:fixed;top:0;transition:left var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1), right var(--kup_drawer_slide_transition) cubic-bezier(0.4, 0, 0.2, 1);width:var(--kup-drawer-width);z-index:var(--kup-drawer-zindex)}#kup-component{height:100%;width:100%}.backdrop{background:var(--kup_drawer_backdrop);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:var(--kup-drawer-zindex)}.drawer{height:100%;position:fixed;width:var(--kup-drawer-width);z-index:calc(var(--kup-drawer-zindex) + 1)}.drawer__content{background-color:var(--kup-drawer-background-color);box-sizing:border-box;height:100%;overflow-y:auto;width:100%}.drawer ::slotted(*){--kup-button-primary-color:var(--kup-drawer-color);--kup-button-primary-color-rgb:var(--kup-drawer-color-rgb);--kup-button-primary-color-h:var(--kup-drawer-color-h);--kup-button-primary-color-s:var(--kup-drawer-color-s);--kup-button-primary-color-l:var(--kup-drawer-color-l);--kup-switch-label-color:var(--kup-drawer-color);--kup-switch-primary-color:var(--kup-drawer-color);--kup-switch-primary-color-rgb:var(--kup-drawer-color-rgb);--kup-textfield-color:var(--kup-drawer-color);--kup-textfield-color-rgb:var(--kup-drawer-color-rgb);--kup-textfield-primary-color:var(--kup-drawer-color);--kup-textfield-primary-color-rgb:var(--kup-drawer-color-rgb);--kup-tree-color:var(--kup-drawer-color);--kup-tree-color-rgb:var(--kup-drawer-color-rgb);--kup-tree-filter-background-color:var(--kup-drawer-background-color);--kup-tree-icon-color:var(--kup-drawer-color);color:var(--kup-drawer-color);fill:var(--kup-drawer-color)}:host([kup-opened]){left:0}:host([kup-opened]) .backdrop{display:block}:host(.kup-right){left:unset;right:-100%}:host([kup-opened].kup-right){right:0}:host(.kup-permanent){box-shadow:unset;transition:all 250ms}:host(.kup-permanent) .backdrop{display:none}:host(.kup-permanent) .drawer{position:relative}:host(.kup-permanent) .drawer__content{border-right:var(--kup_drawer_permanent_border)}";export{l as kup_drawer}
@@ -1 +1 @@
1
- import{r as t,c as n,h as i,g as a,f as e,H as l}from"./p-3da7e4c6.js";import{k as s,g as o,s as d,c as r}from"./p-46daf529.js";import{c}from"./p-ad2e21d2.js";const u=class{constructor(i){t(this,i),this.dashClick=n(this,"kup-dash-click",6),this.kupManager=s(),this.active=!1,this.fontsize="",this.layout="1",this.index=0}onDshClickHandler(){this.dashClick.emit({id:this.index})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){let t=null;switch(this.layout){case"2":t=i("div",null,i("div",{class:"icon"},i("slot",{name:"icon"})),i("div",{class:"value-int"},i("slot",{name:"value-int"})),i("div",{class:"value-dec"},i("slot",{name:"value-dec"})),i("div",{class:"unit"},i("slot",{name:"unit"})));break;case"3":t=i("div",null,i("div",{class:"value"},i("slot",{name:"value"})),i("div",{class:"descr"},i("slot",{name:"descr"})));break;case"4":t=i("div",null,i("div",{class:"icon"},i("slot",{name:"icon"})),i("div",{class:"value-and-unit"},i("div",{class:"value-int"},i("slot",{name:"value-int"})),i("div",{class:"value-dec"},i("slot",{name:"value-dec"})),i("div",{class:"unit"},i("slot",{name:"unit"}))),i("div",null),i("div",{class:"descr"},i("slot",{name:"descr"})));break;case"5":t=i("div",null,i("div",null,i("div",{class:"descr"},i("slot",{name:"descr"})),i("div",{class:"value"},i("slot",{name:"value"}))),i("div",{class:"icon"},i("slot",{name:"icon"})));break;case"6":t=i("div",null,i("div",{class:"icon"},i("slot",{name:"icon"})),i("div",null,i("div",{class:"value"},i("slot",{name:"value"})),i("div",{class:"descr"},i("slot",{name:"descr"}))));break;case"7":t=i("div",null,i("div",null,i("div",{class:"value"},i("slot",{name:"value"})),i("div",{class:"descr"},i("slot",{name:"descr"}))),i("div",{class:"icon"},i("slot",{name:"icon"})));break;case"8":t=i("div",null,i("div",{class:"icon"},i("slot",{name:"icon"})),i("div",{class:"value"},i("slot",{name:"value"})),i("div",{class:"descr"},i("slot",{name:"descr"})));break;default:t=i("div",null,i("div",{class:"descr"},i("slot",{name:"descr"})),i("div",{class:"value"},i("slot",{name:"value"})))}return i("div",{id:"dash",class:this.active?"with-dyn":"",style:{fontSize:this.fontsize},onClick:()=>this.onDshClickHandler()},i("div",{id:"content",class:`layout-${this.layout} `},t))}get rootElement(){return a(this)}};var g;u.style="#dash{color:var(--kup-text-color);font-size:2vw;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;position:relative;word-break:normal}#dash.with-dyn{cursor:pointer}#dash #content .icon{margin:auto;font-size:90%}#dash #content.layout-1,#dash #content.layout-3{text-align:center}#dash #content.layout-1 .descr,#dash #content.layout-3 .descr{font-size:70%;width:100%}#dash #content.layout-1 .value,#dash #content.layout-3 .value{font-size:220%}#dash #content.layout-2>div{display:flex}#dash #content.layout-2>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-2>div .value-int{font-size:250%}#dash #content.layout-2>div .value-dec,#dash #content.layout-2>div .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-2>div .value-dec{margin-left:2%}#dash #content.layout-2>div .unit{margin-left:4%}#dash #content.layout-4>div{display:grid;grid-template-columns:2fr 5fr}#dash #content.layout-4>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-4>div .value-and-unit{display:flex}#dash #content.layout-4>div .value-and-unit .value-int{font-size:250%}#dash #content.layout-4>div .value-and-unit .value-dec,#dash #content.layout-4>div .value-and-unit .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-4>div .value-and-unit .value-dec{margin-left:2%}#dash #content.layout-4>div .value-and-unit .unit{margin-left:4%}#dash #content.layout-4>div .descr{margin-left:4%;text-align:left;font-size:80%;width:100%;min-width:max-content}#dash #content.layout-5>div,#dash #content.layout-7>div{display:flex}#dash #content.layout-5>div .icon,#dash #content.layout-7>div .icon{font-size:150%;margin:auto;margin-left:10%}#dash #content.layout-5>div .value,#dash #content.layout-7>div .value{font-size:200%}#dash #content.layout-5>div .descr,#dash #content.layout-7>div .descr{text-align:right;font-size:65%;width:100%;min-width:max-content}#dash #content.layout-6>div{display:flex;justify-content:space-between}#dash #content.layout-6>div .icon{font-size:150%;margin-right:10%}#dash #content.layout-6>div .value{font-size:220%;text-align:right}#dash #content.layout-6>div .descr{font-size:80%;text-align:right;width:100%;min-width:max-content}#dash #content.layout-8>div{display:flex;align-items:center}#dash #content.layout-8>div .icon{margin-right:4%;font-size:75%}#dash #content.layout-8>div .value{margin:0 10%;font-size:250%}#dash #content.layout-8>div .descr{font-size:60%;text-align:left}",function(t){t.columns="The number of columns displayed by the grid, the default behavior is 12.",t.customStyle="Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization",t.singleLine="When set to true, forces the content on a single line."}(g||(g={}));const p=class{constructor(n){t(this,n),this.kupManager=s(),this.columns=12,this.customStyle="",this.singleLine=!1}async getProps(t){return o(this,g,t)}async refresh(){e(this)}async setProps(t){d(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=this.rootElement.children;if(!t||0===t.length)return void this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",r.WARNING);const n=[];for(let a=0;a<t.length;a++){let e=null;if(this.singleLine)e=i("slot",{name:`${a}`});else{const n=t[a].span||t[a].getAttribute("span")||1;e=i("div",{class:`layout-grid__cell layout-grid__cell--span-${n}`},i("slot",{name:`${a}`}))}n.push(e)}const a={};return this.columns&&12!==this.columns&&(a["--kup_grid_columns"]=this.columns),i(l,{style:a},i("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{id:c},i("div",{class:this.singleLine?"flex-layout":"layout-grid"},i("div",{class:this.singleLine?"flex-layout__inner":"layout-grid__inner"},n))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};p.style=":host{--kup_grid_font_size:var(--kup-grid-font-size, var(--kup-font-size));--kup_grid_gap:var(--kup-grid-gap, 24px);--kup_grid_gap_mobile:var(--kup-grid-gap-mobile, 16px);--kup_grid_padding:var(--kup-grid-padding, 24px);font-size:var(--kup_grid_font_size);height:100%;width:100%}#kup-component{height:100%;width:100%}.layout-grid{box-sizing:border-box;margin:0px auto;padding:var(--kup_grid_padding)}.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap);grid-template-columns:repeat(var(--kup_grid_columns, 12), minmax(0px, 1fr))}.layout-grid .layout-grid__inner .layout-grid__cell{box-sizing:border-box;display:flex;justify-content:center;margin:0px;width:auto}.layout-grid__cell--span-1{grid-column-end:span 1}.layout-grid__cell--span-2{grid-column-end:span 2}.layout-grid__cell--span-3{grid-column-end:span 3}.layout-grid__cell--span-4{grid-column-end:span 4}.layout-grid__cell--span-5{grid-column-end:span 5}.layout-grid__cell--span-6{grid-column-end:span 6}.layout-grid__cell--span-7{grid-column-end:span 7}.layout-grid__cell--span-8{grid-column-end:span 8}.layout-grid__cell--span-9{grid-column-end:span 9}.layout-grid__cell--span-10{grid-column-end:span 10}.layout-grid__cell--span-11{grid-column-end:span 11}.layout-grid__cell--span-12{grid-column-end:span 12}.layout-grid__cell--span-13{grid-column-end:span 13}.layout-grid__cell--span-14{grid-column-end:span 14}.layout-grid__cell--span-15{grid-column-end:span 15}.layout-grid__cell--span-16{grid-column-end:span 16}.layout-grid__cell--span-17{grid-column-end:span 17}.layout-grid__cell--span-18{grid-column-end:span 18}.layout-grid__cell--span-19{grid-column-end:span 19}.layout-grid__cell--span-20{grid-column-end:span 20}.layout-grid__cell--span-21{grid-column-end:span 21}.layout-grid__cell--span-22{grid-column-end:span 22}.layout-grid__cell--span-23{grid-column-end:span 23}.layout-grid__cell--span-24{grid-column-end:span 24}.flex-layout,.flex-layout__inner{height:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.flex-layout__inner{width:auto}.flex-layout__inner *{display:block;margin:0 1.5em}.flex-layout__inner .flex-layout__cell{display:flex}.flex-layout__inner .flex-layout__cell *{justify-content:center;margin:auto}@media (min-width: 600px) and (max-width: 839px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 8), minmax(0px, 1fr))}}@media (max-width: 599px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 4), minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}";export{u as kup_dash,p as kup_grid}
1
+ import{r as t,c as n,h as i,g as a,f as e,H as l}from"./p-b5deb573.js";import{k as s,g as o,s as d,c as r}from"./p-6d46cbb0.js";import{c}from"./p-ad2e21d2.js";const u=class{constructor(i){t(this,i),this.dashClick=n(this,"kup-dash-click",6),this.kupManager=s(),this.active=!1,this.fontsize="",this.layout="1",this.index=0}onDshClickHandler(){this.dashClick.emit({id:this.index})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){let t=null;switch(this.layout){case"2":t=i("div",null,i("div",{class:"icon"},i("slot",{name:"icon"})),i("div",{class:"value-int"},i("slot",{name:"value-int"})),i("div",{class:"value-dec"},i("slot",{name:"value-dec"})),i("div",{class:"unit"},i("slot",{name:"unit"})));break;case"3":t=i("div",null,i("div",{class:"value"},i("slot",{name:"value"})),i("div",{class:"descr"},i("slot",{name:"descr"})));break;case"4":t=i("div",null,i("div",{class:"icon"},i("slot",{name:"icon"})),i("div",{class:"value-and-unit"},i("div",{class:"value-int"},i("slot",{name:"value-int"})),i("div",{class:"value-dec"},i("slot",{name:"value-dec"})),i("div",{class:"unit"},i("slot",{name:"unit"}))),i("div",null),i("div",{class:"descr"},i("slot",{name:"descr"})));break;case"5":t=i("div",null,i("div",null,i("div",{class:"descr"},i("slot",{name:"descr"})),i("div",{class:"value"},i("slot",{name:"value"}))),i("div",{class:"icon"},i("slot",{name:"icon"})));break;case"6":t=i("div",null,i("div",{class:"icon"},i("slot",{name:"icon"})),i("div",null,i("div",{class:"value"},i("slot",{name:"value"})),i("div",{class:"descr"},i("slot",{name:"descr"}))));break;case"7":t=i("div",null,i("div",null,i("div",{class:"value"},i("slot",{name:"value"})),i("div",{class:"descr"},i("slot",{name:"descr"}))),i("div",{class:"icon"},i("slot",{name:"icon"})));break;case"8":t=i("div",null,i("div",{class:"icon"},i("slot",{name:"icon"})),i("div",{class:"value"},i("slot",{name:"value"})),i("div",{class:"descr"},i("slot",{name:"descr"})));break;default:t=i("div",null,i("div",{class:"descr"},i("slot",{name:"descr"})),i("div",{class:"value"},i("slot",{name:"value"})))}return i("div",{id:"dash",class:this.active?"with-dyn":"",style:{fontSize:this.fontsize},onClick:()=>this.onDshClickHandler()},i("div",{id:"content",class:`layout-${this.layout} `},t))}get rootElement(){return a(this)}};var g;u.style="#dash{color:var(--kup-text-color);font-size:2vw;display:flex;align-items:center;justify-content:center;position:relative;text-align:center;position:relative;word-break:normal}#dash.with-dyn{cursor:pointer}#dash #content .icon{margin:auto;font-size:90%}#dash #content.layout-1,#dash #content.layout-3{text-align:center}#dash #content.layout-1 .descr,#dash #content.layout-3 .descr{font-size:70%;width:100%}#dash #content.layout-1 .value,#dash #content.layout-3 .value{font-size:220%}#dash #content.layout-2>div{display:flex}#dash #content.layout-2>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-2>div .value-int{font-size:250%}#dash #content.layout-2>div .value-dec,#dash #content.layout-2>div .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-2>div .value-dec{margin-left:2%}#dash #content.layout-2>div .unit{margin-left:4%}#dash #content.layout-4>div{display:grid;grid-template-columns:2fr 5fr}#dash #content.layout-4>div .icon{margin:auto;font-size:150%;margin-right:5%}#dash #content.layout-4>div .value-and-unit{display:flex}#dash #content.layout-4>div .value-and-unit .value-int{font-size:250%}#dash #content.layout-4>div .value-and-unit .value-dec,#dash #content.layout-4>div .value-and-unit .unit{font-size:130%;margin-top:auto;margin-bottom:7%}#dash #content.layout-4>div .value-and-unit .value-dec{margin-left:2%}#dash #content.layout-4>div .value-and-unit .unit{margin-left:4%}#dash #content.layout-4>div .descr{margin-left:4%;text-align:left;font-size:80%;width:100%;min-width:max-content}#dash #content.layout-5>div,#dash #content.layout-7>div{display:flex}#dash #content.layout-5>div .icon,#dash #content.layout-7>div .icon{font-size:150%;margin:auto;margin-left:10%}#dash #content.layout-5>div .value,#dash #content.layout-7>div .value{font-size:200%}#dash #content.layout-5>div .descr,#dash #content.layout-7>div .descr{text-align:right;font-size:65%;width:100%;min-width:max-content}#dash #content.layout-6>div{display:flex;justify-content:space-between}#dash #content.layout-6>div .icon{font-size:150%;margin-right:10%}#dash #content.layout-6>div .value{font-size:220%;text-align:right}#dash #content.layout-6>div .descr{font-size:80%;text-align:right;width:100%;min-width:max-content}#dash #content.layout-8>div{display:flex;align-items:center}#dash #content.layout-8>div .icon{margin-right:4%;font-size:75%}#dash #content.layout-8>div .value{margin:0 10%;font-size:250%}#dash #content.layout-8>div .descr{font-size:60%;text-align:left}",function(t){t.columns="The number of columns displayed by the grid, the default behavior is 12.",t.customStyle="Custom style of the component. For more information: https://ketchup.smeup.com/ketchup-showcase/#/customization",t.singleLine="When set to true, forces the content on a single line."}(g||(g={}));const p=class{constructor(n){t(this,n),this.kupManager=s(),this.columns=12,this.customStyle="",this.singleLine=!1}async getProps(t){return o(this,g,t)}async refresh(){e(this)}async setProps(t){d(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=this.rootElement.children;if(!t||0===t.length)return void this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",r.WARNING);const n=[];for(let a=0;a<t.length;a++){let e=null;if(this.singleLine)e=i("slot",{name:`${a}`});else{const n=t[a].span||t[a].getAttribute("span")||1;e=i("div",{class:`layout-grid__cell layout-grid__cell--span-${n}`},i("slot",{name:`${a}`}))}n.push(e)}const a={};return this.columns&&12!==this.columns&&(a["--kup_grid_columns"]=this.columns),i(l,{style:a},i("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{id:c},i("div",{class:this.singleLine?"flex-layout":"layout-grid"},i("div",{class:this.singleLine?"flex-layout__inner":"layout-grid__inner"},n))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};p.style=":host{--kup_grid_font_size:var(--kup-grid-font-size, var(--kup-font-size));--kup_grid_gap:var(--kup-grid-gap, 24px);--kup_grid_gap_mobile:var(--kup-grid-gap-mobile, 16px);--kup_grid_padding:var(--kup-grid-padding, 24px);font-size:var(--kup_grid_font_size);height:100%;width:100%}#kup-component{height:100%;width:100%}.layout-grid{box-sizing:border-box;margin:0px auto;padding:var(--kup_grid_padding)}.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap);grid-template-columns:repeat(var(--kup_grid_columns, 12), minmax(0px, 1fr))}.layout-grid .layout-grid__inner .layout-grid__cell{box-sizing:border-box;display:flex;justify-content:center;margin:0px;width:auto}.layout-grid__cell--span-1{grid-column-end:span 1}.layout-grid__cell--span-2{grid-column-end:span 2}.layout-grid__cell--span-3{grid-column-end:span 3}.layout-grid__cell--span-4{grid-column-end:span 4}.layout-grid__cell--span-5{grid-column-end:span 5}.layout-grid__cell--span-6{grid-column-end:span 6}.layout-grid__cell--span-7{grid-column-end:span 7}.layout-grid__cell--span-8{grid-column-end:span 8}.layout-grid__cell--span-9{grid-column-end:span 9}.layout-grid__cell--span-10{grid-column-end:span 10}.layout-grid__cell--span-11{grid-column-end:span 11}.layout-grid__cell--span-12{grid-column-end:span 12}.layout-grid__cell--span-13{grid-column-end:span 13}.layout-grid__cell--span-14{grid-column-end:span 14}.layout-grid__cell--span-15{grid-column-end:span 15}.layout-grid__cell--span-16{grid-column-end:span 16}.layout-grid__cell--span-17{grid-column-end:span 17}.layout-grid__cell--span-18{grid-column-end:span 18}.layout-grid__cell--span-19{grid-column-end:span 19}.layout-grid__cell--span-20{grid-column-end:span 20}.layout-grid__cell--span-21{grid-column-end:span 21}.layout-grid__cell--span-22{grid-column-end:span 22}.layout-grid__cell--span-23{grid-column-end:span 23}.layout-grid__cell--span-24{grid-column-end:span 24}.flex-layout,.flex-layout__inner{height:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.flex-layout__inner{width:auto}.flex-layout__inner *{display:block;margin:0 1.5em}.flex-layout__inner .flex-layout__cell{display:flex}.flex-layout__inner .flex-layout__cell *{justify-content:center;margin:auto}@media (min-width: 600px) and (max-width: 839px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 8), minmax(0px, 1fr))}}@media (max-width: 599px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 4), minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}";export{u as kup_dash,p as kup_grid}