@sme.up/ketchup 11.0.0-SNAPSHOT-20241125085638 → 11.0.0-SNAPSHOT-20241125095251

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 (155) hide show
  1. package/dist/cjs/ketchup.cjs.js +1 -1
  2. package/dist/cjs/kup-autocomplete_28.cjs.entry.js +38 -38
  3. package/dist/cjs/kup-custom-task-list-header_4.cjs.entry.js +7 -7
  4. package/dist/cjs/kup-gantt_10.cjs.entry.js +23 -23
  5. package/dist/cjs/kup-input-panel.cjs.entry.js +18 -6
  6. package/dist/cjs/kup-input-panel.cjs.entry.js.map +1 -1
  7. package/dist/cjs/kup-lazy.cjs.entry.js +11 -11
  8. package/dist/cjs/kup-magic-box.cjs.entry.js +3 -3
  9. package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
  10. package/dist/cjs/kup-numeric-picker.cjs.entry.js +1 -1
  11. package/dist/cjs/kup-pdf.cjs.entry.js +1 -1
  12. package/dist/cjs/kup-photo-frame.cjs.entry.js +2 -2
  13. package/dist/cjs/kup-planner-renderer.cjs.entry.js +2 -2
  14. package/dist/cjs/kup-planner.cjs.entry.js +1 -1
  15. package/dist/cjs/kup-probe.cjs.entry.js +1 -1
  16. package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
  17. package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
  18. package/dist/cjs/kup-txt.cjs.entry.js +1 -1
  19. package/dist/cjs/kup-typography-list.cjs.entry.js +1 -1
  20. package/dist/cjs/kup-typography.cjs.entry.js +1 -1
  21. package/dist/cjs/loader.cjs.js +1 -1
  22. package/dist/collection/collection-manifest.json +2 -2
  23. package/dist/collection/components/kup-input-panel/kup-input-panel-declarations.js +1 -0
  24. package/dist/collection/components/kup-input-panel/kup-input-panel-declarations.js.map +1 -1
  25. package/dist/collection/components/kup-input-panel/kup-input-panel.css +19 -0
  26. package/dist/collection/components/kup-input-panel/kup-input-panel.js +36 -5
  27. package/dist/collection/components/kup-input-panel/kup-input-panel.js.map +1 -1
  28. package/dist/collection/components/kup-lazy/kup-lazy.js +11 -11
  29. package/dist/collection/components/kup-magic-box/kup-magic-box.js +3 -3
  30. package/dist/collection/components/kup-nav-bar/kup-nav-bar.js +1 -1
  31. package/dist/collection/components/kup-numeric-picker/kup-numeric-picker.js +1 -1
  32. package/dist/collection/components/kup-pdf/kup-pdf.js +1 -1
  33. package/dist/collection/components/kup-photo-frame/kup-photo-frame.js +2 -2
  34. package/dist/collection/components/kup-planner/kup-planner.js +1 -1
  35. package/dist/collection/components/kup-planner/utils/custom-task-list-header.js +2 -2
  36. package/dist/collection/components/kup-planner/utils/kup-gantt/kup-gantt.js +2 -2
  37. package/dist/collection/components/kup-planner/utils/kup-gantt-calendar/kup-gantt-calendar.js +2 -2
  38. package/dist/collection/components/kup-planner/utils/kup-grid-renderer/kup-grid-renderer.js +3 -3
  39. package/dist/collection/components/kup-planner/utils/kup-horizontal-scroll/kup-horizontal-scroll.js +5 -5
  40. package/dist/collection/components/kup-planner/utils/kup-planner-renderer.js +2 -2
  41. package/dist/collection/components/kup-planner/utils/kup-switcher/kup-switcher.js +1 -1
  42. package/dist/collection/components/kup-planner/utils/kup-task-gantt/kup-task-gantt.js +2 -2
  43. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-header.js +7 -7
  44. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list-table.js +1 -1
  45. package/dist/collection/components/kup-planner/utils/kup-task-list/kup-task-list.js +1 -1
  46. package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-standard-tooltip.js +1 -1
  47. package/dist/collection/components/kup-planner/utils/kup-tooltip/kup-tooltip.js +1 -1
  48. package/dist/collection/components/kup-planner/utils/kup-vertical-scroll/kup-vertical-scroll.js +2 -2
  49. package/dist/collection/components/kup-probe/kup-probe.js +1 -1
  50. package/dist/collection/components/kup-progress-bar/kup-progress-bar.js +1 -1
  51. package/dist/collection/components/kup-qlik/kup-qlik.js +1 -1
  52. package/dist/collection/components/kup-rating/kup-rating.js +1 -1
  53. package/dist/collection/components/kup-snackbar/kup-snackbar.js +1 -1
  54. package/dist/collection/components/kup-spinner/kup-spinner.js +34 -34
  55. package/dist/collection/components/kup-switch/kup-switch.js +1 -1
  56. package/dist/collection/components/kup-time-picker/kup-time-picker.js +1 -1
  57. package/dist/collection/components/kup-txt/kup-txt.js +1 -1
  58. package/dist/collection/components/kup-typography/kup-typography.js +1 -1
  59. package/dist/collection/components/kup-typography-list/kup-typography-list.js +1 -1
  60. package/dist/components/custom-task-list-header.js +2 -2
  61. package/dist/components/kup-autocomplete2.js +38 -38
  62. package/dist/components/kup-gantt-calendar2.js +2 -2
  63. package/dist/components/kup-gantt2.js +2 -2
  64. package/dist/components/kup-grid-renderer2.js +3 -3
  65. package/dist/components/kup-horizontal-scroll2.js +5 -5
  66. package/dist/components/kup-input-panel.js +19 -6
  67. package/dist/components/kup-input-panel.js.map +1 -1
  68. package/dist/components/kup-lazy.js +11 -11
  69. package/dist/components/kup-magic-box.js +3 -3
  70. package/dist/components/kup-nav-bar.js +1 -1
  71. package/dist/components/kup-numeric-picker.js +1 -1
  72. package/dist/components/kup-pdf.js +1 -1
  73. package/dist/components/kup-photo-frame.js +2 -2
  74. package/dist/components/kup-planner-renderer2.js +2 -2
  75. package/dist/components/kup-planner.js +1 -1
  76. package/dist/components/kup-probe.js +1 -1
  77. package/dist/components/kup-qlik.js +1 -1
  78. package/dist/components/kup-snackbar.js +1 -1
  79. package/dist/components/kup-standard-tooltip2.js +1 -1
  80. package/dist/components/kup-switcher2.js +1 -1
  81. package/dist/components/kup-task-gantt2.js +2 -2
  82. package/dist/components/kup-task-list-header2.js +7 -7
  83. package/dist/components/kup-task-list-table2.js +1 -1
  84. package/dist/components/kup-task-list2.js +1 -1
  85. package/dist/components/kup-tooltip2.js +1 -1
  86. package/dist/components/kup-txt.js +1 -1
  87. package/dist/components/kup-typography-list.js +1 -1
  88. package/dist/components/kup-typography.js +1 -1
  89. package/dist/components/kup-vertical-scroll2.js +2 -2
  90. package/dist/esm/ketchup.js +1 -1
  91. package/dist/esm/kup-autocomplete_28.entry.js +38 -38
  92. package/dist/esm/kup-custom-task-list-header_4.entry.js +7 -7
  93. package/dist/esm/kup-gantt_10.entry.js +23 -23
  94. package/dist/esm/kup-input-panel.entry.js +18 -6
  95. package/dist/esm/kup-input-panel.entry.js.map +1 -1
  96. package/dist/esm/kup-lazy.entry.js +11 -11
  97. package/dist/esm/kup-magic-box.entry.js +3 -3
  98. package/dist/esm/kup-nav-bar.entry.js +1 -1
  99. package/dist/esm/kup-numeric-picker.entry.js +1 -1
  100. package/dist/esm/kup-pdf.entry.js +1 -1
  101. package/dist/esm/kup-photo-frame.entry.js +2 -2
  102. package/dist/esm/kup-planner-renderer.entry.js +2 -2
  103. package/dist/esm/kup-planner.entry.js +1 -1
  104. package/dist/esm/kup-probe.entry.js +1 -1
  105. package/dist/esm/kup-qlik.entry.js +1 -1
  106. package/dist/esm/kup-snackbar.entry.js +1 -1
  107. package/dist/esm/kup-txt.entry.js +1 -1
  108. package/dist/esm/kup-typography-list.entry.js +1 -1
  109. package/dist/esm/kup-typography.entry.js +1 -1
  110. package/dist/esm/loader.js +1 -1
  111. package/dist/ketchup/ketchup.esm.js +1 -1
  112. package/dist/ketchup/ketchup.esm.js.map +1 -1
  113. package/dist/ketchup/{p-fc4885fa.entry.js → p-035fe1f8.entry.js} +2 -2
  114. package/dist/ketchup/{p-41144398.entry.js → p-0589de19.entry.js} +2 -2
  115. package/dist/ketchup/{p-ba9e8615.entry.js → p-061f9095.entry.js} +2 -2
  116. package/dist/ketchup/{p-8f7b7f5a.entry.js → p-119de8fb.entry.js} +2 -2
  117. package/dist/ketchup/{p-a2790755.entry.js → p-17cf83c5.entry.js} +2 -2
  118. package/dist/ketchup/{p-5e80c5b1.entry.js → p-26efe39b.entry.js} +2 -2
  119. package/dist/ketchup/{p-a6d83c83.entry.js → p-94099e24.entry.js} +3 -3
  120. package/dist/ketchup/{p-707babd4.entry.js → p-9d894c7c.entry.js} +2 -2
  121. package/dist/ketchup/{p-71034261.entry.js → p-9fa6808d.entry.js} +2 -2
  122. package/dist/ketchup/{p-1b0a93c3.entry.js → p-ae257375.entry.js} +2 -2
  123. package/dist/ketchup/p-b3d9beb7.entry.js +2 -0
  124. package/dist/ketchup/p-b3d9beb7.entry.js.map +1 -0
  125. package/dist/ketchup/{p-28a543b4.entry.js → p-b5fa88c3.entry.js} +2 -2
  126. package/dist/ketchup/{p-cd882c02.entry.js → p-bc5d76c8.entry.js} +2 -2
  127. package/dist/ketchup/{p-6dcf746d.entry.js → p-be1bda43.entry.js} +2 -2
  128. package/dist/ketchup/p-c505f058.entry.js +2 -0
  129. package/dist/ketchup/{p-878030b5.entry.js.map → p-c505f058.entry.js.map} +1 -1
  130. package/dist/ketchup/{p-4e9910f8.entry.js → p-e2b6e9f0.entry.js} +2 -2
  131. package/dist/ketchup/{p-f975d467.entry.js → p-edaf0cb8.entry.js} +2 -2
  132. package/dist/ketchup/{p-d837fe90.entry.js → p-f60a8564.entry.js} +2 -2
  133. package/dist/types/components/kup-input-panel/kup-input-panel-declarations.d.ts +2 -1
  134. package/dist/types/components/kup-input-panel/kup-input-panel.d.ts +5 -0
  135. package/dist/types/components.d.ts +10 -0
  136. package/package.json +1 -1
  137. package/dist/ketchup/p-02f7124b.entry.js +0 -2
  138. package/dist/ketchup/p-02f7124b.entry.js.map +0 -1
  139. package/dist/ketchup/p-878030b5.entry.js +0 -2
  140. /package/dist/ketchup/{p-fc4885fa.entry.js.map → p-035fe1f8.entry.js.map} +0 -0
  141. /package/dist/ketchup/{p-41144398.entry.js.map → p-0589de19.entry.js.map} +0 -0
  142. /package/dist/ketchup/{p-ba9e8615.entry.js.map → p-061f9095.entry.js.map} +0 -0
  143. /package/dist/ketchup/{p-8f7b7f5a.entry.js.map → p-119de8fb.entry.js.map} +0 -0
  144. /package/dist/ketchup/{p-a2790755.entry.js.map → p-17cf83c5.entry.js.map} +0 -0
  145. /package/dist/ketchup/{p-5e80c5b1.entry.js.map → p-26efe39b.entry.js.map} +0 -0
  146. /package/dist/ketchup/{p-a6d83c83.entry.js.map → p-94099e24.entry.js.map} +0 -0
  147. /package/dist/ketchup/{p-707babd4.entry.js.map → p-9d894c7c.entry.js.map} +0 -0
  148. /package/dist/ketchup/{p-71034261.entry.js.map → p-9fa6808d.entry.js.map} +0 -0
  149. /package/dist/ketchup/{p-1b0a93c3.entry.js.map → p-ae257375.entry.js.map} +0 -0
  150. /package/dist/ketchup/{p-28a543b4.entry.js.map → p-b5fa88c3.entry.js.map} +0 -0
  151. /package/dist/ketchup/{p-cd882c02.entry.js.map → p-bc5d76c8.entry.js.map} +0 -0
  152. /package/dist/ketchup/{p-6dcf746d.entry.js.map → p-be1bda43.entry.js.map} +0 -0
  153. /package/dist/ketchup/{p-4e9910f8.entry.js.map → p-e2b6e9f0.entry.js.map} +0 -0
  154. /package/dist/ketchup/{p-f975d467.entry.js.map → p-edaf0cb8.entry.js.map} +0 -0
  155. /package/dist/ketchup/{p-d837fe90.entry.js.map → p-f60a8564.entry.js.map} +0 -0
@@ -0,0 +1,2 @@
1
+ import{r as s,f as t,h as i,H as e,d as h}from"./p-d7c15b0e.js";import{k as l}from"./p-35eb2e1c.js";import{c}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const o=class{constructor(t){s(this,t);this.kupManager=l();this.startTime=performance.now();this.featuresStartTime=null;this.endTime=null;this.content=null;this.customStyle="";this.features={debug:false,language:false,longCycleProp:false,longCycleVar:false,objects:false,objectsFunction:false,theme:false}}async printLifecycleTime(){const s=this.endTime-this.featuresStartTime;const t=this.endTime-this.startTime;this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+t+"ms, while features took "+s+"ms.";return{id:this.rootElement.id,fullTime:t,featuresTime:s}}async refresh(){t(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let s=0;s<1e6;s++){this.kupManager.objects.isNumber({t:"NR",p:"",k:""})}}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now();if(this.features.debug){this.kupManager.debug.logLoad(this,false)}if(this.features.language){this.kupManager.language.register(this)}if(this.features.longCycleProp){this.longCycleProp()}if(this.features.longCycleVar){this.longCycleVar()}if(this.features.objects){this.longCycleObjects()}if(this.features.objectsFunction){this.longCycleObjectsFunction()}if(this.features.theme){this.kupManager.theme.register(this)}}componentDidLoad(){if(this.features.debug){this.kupManager.debug.logLoad(this,true)}this.endTime=performance.now()}componentWillRender(){if(this.features.debug){this.kupManager.debug.logRender(this,false)}}componentDidRender(){if(this.features.debug){this.kupManager.debug.logRender(this,true)}}render(){let s=null;if(this.features.theme){s=this.kupManager.theme.setKupStyle(this.rootElement)}return i(e,{key:"8d7afacda7cc4439039c941af5d9150ed668d03f"},s?i("style",null,s):null,i("div",{key:"4a15796d3c5cc632b326bddef692c640edc1c366",id:c},this.content))}disconnectedCallback(){if(this.features.language){this.kupManager.language.unregister(this)}if(this.features.theme){this.kupManager.theme.unregister(this)}}get rootElement(){return h(this)}};export{o as kup_probe};
2
+ //# sourceMappingURL=p-c505f058.entry.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["KupProbe","this","kupManager","kupManagerInstance","startTime","performance","now","featuresStartTime","endTime","debug","language","longCycleProp","longCycleVar","objects","objectsFunction","theme","printLifecycleTime","featuresTime","fullTime","content","rootElement","tagName","id","refresh","forceUpdate","longCycleObjects","index","isNumber","t","p","k","longCycleObjectsFunction","componentWillLoad","features","logLoad","register","componentDidLoad","componentWillRender","logRender","componentDidRender","render","customStyle","setKupStyle","h","Host","key","componentWrapperId","disconnectedCallback","unregister"],"sources":["src/components/kup-probe/kup-probe.tsx"],"sourcesContent":["import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport { KupComponent } from '../../types/GenericTypes';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { KupObj } from '../../managers/kup-objects/kup-objects-declarations';\nimport { componentWrapperId } from '../../variables/GenericVariables';\n\n@Component({\n tag: 'kup-probe',\n shadow: true,\n})\nexport class KupProbe {\n /**\n * References the root HTML element of the component (<kup-probe>).\n */\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* S t a t e s */\n /*-------------------------------------------------*/\n\n /**\n * Lifecycle time.\n * @default null\n */\n @State() content: string = null;\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * Specify features to test.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() features: {\n debug: boolean;\n language: boolean;\n longCycleProp: boolean;\n longCycleVar: boolean;\n objects: boolean;\n objectsFunction: boolean;\n theme: boolean;\n } = {\n debug: false,\n language: false,\n longCycleProp: false,\n longCycleVar: false,\n objects: false,\n objectsFunction: false,\n theme: false,\n };\n /**\n * Uncomment the code below to test render times with many props (100).\n */\n /*\n @Prop({ reflect: true }) test001 = 'null';\n @Prop({ reflect: true }) test002 = 'null';\n @Prop({ reflect: true }) test003 = 'null';\n @Prop({ reflect: true }) test004 = 'null';\n @Prop({ reflect: true }) test005 = 'null';\n @Prop({ reflect: true }) test006 = 'null';\n @Prop({ reflect: true }) test007 = 'null';\n @Prop({ reflect: true }) test008 = 'null';\n @Prop({ reflect: true }) test009 = 'null';\n @Prop({ reflect: true }) test010 = 'null';\n @Prop({ reflect: true }) test011 = 'null';\n @Prop({ reflect: true }) test012 = 'null';\n @Prop({ reflect: true }) test013 = 'null';\n @Prop({ reflect: true }) test014 = 'null';\n @Prop({ reflect: true }) test015 = 'null';\n @Prop({ reflect: true }) test016 = 'null';\n @Prop({ reflect: true }) test017 = 'null';\n @Prop({ reflect: true }) test018 = 'null';\n @Prop({ reflect: true }) test019 = 'null';\n @Prop({ reflect: true }) test020 = 'null';\n @Prop({ reflect: true }) test021 = 'null';\n @Prop({ reflect: true }) test022 = 'null';\n @Prop({ reflect: true }) test023 = 'null';\n @Prop({ reflect: true }) test024 = 'null';\n @Prop({ reflect: true }) test025 = 'null';\n @Prop({ reflect: true }) test026 = 'null';\n @Prop({ reflect: true }) test027 = 'null';\n @Prop({ reflect: true }) test028 = 'null';\n @Prop({ reflect: true }) test029 = 'null';\n @Prop({ reflect: true }) test030 = 'null';\n @Prop({ reflect: true }) test031 = 'null';\n @Prop({ reflect: true }) test032 = 'null';\n @Prop({ reflect: true }) test033 = 'null';\n @Prop({ reflect: true }) test034 = 'null';\n @Prop({ reflect: true }) test035 = 'null';\n @Prop({ reflect: true }) test036 = 'null';\n @Prop({ reflect: true }) test037 = 'null';\n @Prop({ reflect: true }) test038 = 'null';\n @Prop({ reflect: true }) test039 = 'null';\n @Prop({ reflect: true }) test040 = 'null';\n @Prop({ reflect: true }) test041 = 'null';\n @Prop({ reflect: true }) test042 = 'null';\n @Prop({ reflect: true }) test043 = 'null';\n @Prop({ reflect: true }) test044 = 'null';\n @Prop({ reflect: true }) test045 = 'null';\n @Prop({ reflect: true }) test046 = 'null';\n @Prop({ reflect: true }) test047 = 'null';\n @Prop({ reflect: true }) test048 = 'null';\n @Prop({ reflect: true }) test049 = 'null';\n @Prop({ reflect: true }) test050 = 'null';\n @Prop({ reflect: true }) test051 = 'null';\n @Prop({ reflect: true }) test052 = 'null';\n @Prop({ reflect: true }) test053 = 'null';\n @Prop({ reflect: true }) test054 = 'null';\n @Prop({ reflect: true }) test055 = 'null';\n @Prop({ reflect: true }) test056 = 'null';\n @Prop({ reflect: true }) test057 = 'null';\n @Prop({ reflect: true }) test058 = 'null';\n @Prop({ reflect: true }) test059 = 'null';\n @Prop({ reflect: true }) test060 = 'null';\n @Prop({ reflect: true }) test061 = 'null';\n @Prop({ reflect: true }) test062 = 'null';\n @Prop({ reflect: true }) test063 = 'null';\n @Prop({ reflect: true }) test064 = 'null';\n @Prop({ reflect: true }) test065 = 'null';\n @Prop({ reflect: true }) test066 = 'null';\n @Prop({ reflect: true }) test067 = 'null';\n @Prop({ reflect: true }) test068 = 'null';\n @Prop({ reflect: true }) test069 = 'null';\n @Prop({ reflect: true }) test070 = 'null';\n @Prop({ reflect: true }) test071 = 'null';\n @Prop({ reflect: true }) test072 = 'null';\n @Prop({ reflect: true }) test073 = 'null';\n @Prop({ reflect: true }) test074 = 'null';\n @Prop({ reflect: true }) test075 = 'null';\n @Prop({ reflect: true }) test076 = 'null';\n @Prop({ reflect: true }) test077 = 'null';\n @Prop({ reflect: true }) test078 = 'null';\n @Prop({ reflect: true }) test079 = 'null';\n @Prop({ reflect: true }) test080 = 'null';\n @Prop({ reflect: true }) test081 = 'null';\n @Prop({ reflect: true }) test082 = 'null';\n @Prop({ reflect: true }) test083 = 'null';\n @Prop({ reflect: true }) test084 = 'null';\n @Prop({ reflect: true }) test085 = 'null';\n @Prop({ reflect: true }) test086 = 'null';\n @Prop({ reflect: true }) test087 = 'null';\n @Prop({ reflect: true }) test088 = 'null';\n @Prop({ reflect: true }) test089 = 'null';\n @Prop({ reflect: true }) test090 = 'null';\n @Prop({ reflect: true }) test091 = 'null';\n @Prop({ reflect: true }) test092 = 'null';\n @Prop({ reflect: true }) test093 = 'null';\n @Prop({ reflect: true }) test094 = 'null';\n @Prop({ reflect: true }) test095 = 'null';\n @Prop({ reflect: true }) test096 = 'null';\n @Prop({ reflect: true }) test097 = 'null';\n @Prop({ reflect: true }) test098 = 'null';\n @Prop({ reflect: true }) test099 = 'null';\n @Prop({ reflect: true }) test100 = 'null';\n */\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n /**\n * Instance of the KupManager class.\n */\n private kupManager: KupManager = kupManagerInstance();\n /**\n * Start performance.now()\n */\n private startTime: number = performance.now();\n /**\n * Start performance.now() inside componentWillLoad() lifecycle hook - to measure actual features\n */\n private featuresStartTime: number = null;\n /**\n * End performance.now()\n */\n private endTime: number = null;\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async printLifecycleTime(): Promise<{\n id: string;\n featuresTime: number;\n fullTime: number;\n }> {\n const featuresTime: number = this.endTime - this.featuresStartTime;\n const fullTime: number = this.endTime - this.startTime;\n this.content =\n 'Full lifecycle of this probe (' +\n this.rootElement.tagName +\n '#' +\n this.rootElement.id +\n ') took ' +\n fullTime +\n 'ms, while features took ' +\n featuresTime +\n 'ms.';\n return {\n id: this.rootElement.id,\n fullTime: fullTime,\n featuresTime: featuresTime,\n };\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n private longCycleProp() {\n let b: string = null;\n for (let index = 0; index < 1000000; index++) {\n b = this.customStyle;\n }\n }\n\n private longCycleVar() {\n const a: string = this.customStyle;\n let b: string = null;\n for (let index = 0; index < 1000000; index++) {\n b = a;\n }\n }\n\n private longCycleObjects() {\n let b: boolean = null;\n for (let index = 0; index < 1000000; index++) {\n b = this.kupManager.objects.isNumber({ t: 'NR', p: '', k: '' });\n }\n }\n\n private longCycleObjectsFunction() {\n let b: boolean = null;\n for (let index = 0; index < 1000000; index++) {\n b = isNumber({ t: 'NR', p: '', k: '' });\n }\n function isNumber(obj: KupObj): boolean {\n if (obj == null) return false;\n return 'NR' === obj.t;\n }\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.featuresStartTime = performance.now();\n if (this.features.debug) {\n this.kupManager.debug.logLoad(this, false);\n }\n if (this.features.language) {\n this.kupManager.language.register(this);\n }\n if (this.features.longCycleProp) {\n this.longCycleProp();\n }\n if (this.features.longCycleVar) {\n this.longCycleVar();\n }\n if (this.features.objects) {\n this.longCycleObjects();\n }\n if (this.features.objectsFunction) {\n this.longCycleObjectsFunction();\n }\n if (this.features.theme) {\n this.kupManager.theme.register(this);\n }\n }\n\n componentDidLoad() {\n if (this.features.debug) {\n this.kupManager.debug.logLoad(this, true);\n }\n this.endTime = performance.now();\n }\n\n componentWillRender() {\n if (this.features.debug) {\n this.kupManager.debug.logRender(this, false);\n }\n }\n\n componentDidRender() {\n if (this.features.debug) {\n this.kupManager.debug.logRender(this, true);\n }\n }\n\n render() {\n let customStyle: string = null;\n\n if (this.features.theme) {\n customStyle = this.kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n );\n }\n\n return (\n <Host>\n {customStyle ? <style>{customStyle}</style> : null}\n <div id={componentWrapperId}>{this.content}</div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n if (this.features.language) {\n this.kupManager.language.unregister(this);\n }\n if (this.features.theme) {\n this.kupManager.theme.unregister(this);\n }\n }\n}\n"],"mappings":"sKAsBaA,EAAQ,M,yBAgKTC,KAAAC,WAAyBC,IAIzBF,KAAAG,UAAoBC,YAAYC,MAIhCL,KAAAM,kBAA4B,KAI5BN,KAAAO,QAAkB,K,aA9JC,K,iBAWG,G,cAc1B,CACAC,MAAO,MACPC,SAAU,MACVC,cAAe,MACfC,aAAc,MACdC,QAAS,MACTC,gBAAiB,MACjBC,MAAO,M,CAwIX,wBAAMC,GAKF,MAAMC,EAAuBhB,KAAKO,QAAUP,KAAKM,kBACjD,MAAMW,EAAmBjB,KAAKO,QAAUP,KAAKG,UAC7CH,KAAKkB,QACD,iCACAlB,KAAKmB,YAAYC,QACjB,IACApB,KAAKmB,YAAYE,GACjB,UACAJ,EACA,2BACAD,EACA,MACJ,MAAO,CACHK,GAAIrB,KAAKmB,YAAYE,GACrBJ,SAAUA,EACVD,aAAcA,E,CAOtB,aAAMM,GACFC,EAAYvB,K,CAOR,aAAAU,G,CAOA,YAAAC,G,CAQA,gBAAAa,GAEJ,IAAK,IAAIC,EAAQ,EAAGA,EAAQ,IAASA,IAAS,CACtCzB,KAAKC,WAAWW,QAAQc,SAAS,CAAEC,EAAG,KAAMC,EAAG,GAAIC,EAAG,I,EAI1D,wBAAAC,G,CAeR,iBAAAC,GACI/B,KAAKM,kBAAoBF,YAAYC,MACrC,GAAIL,KAAKgC,SAASxB,MAAO,CACrBR,KAAKC,WAAWO,MAAMyB,QAAQjC,KAAM,M,CAExC,GAAIA,KAAKgC,SAASvB,SAAU,CACxBT,KAAKC,WAAWQ,SAASyB,SAASlC,K,CAEtC,GAAIA,KAAKgC,SAAStB,cAAe,CAC7BV,KAAKU,e,CAET,GAAIV,KAAKgC,SAASrB,aAAc,CAC5BX,KAAKW,c,CAET,GAAIX,KAAKgC,SAASpB,QAAS,CACvBZ,KAAKwB,kB,CAET,GAAIxB,KAAKgC,SAASnB,gBAAiB,CAC/Bb,KAAK8B,0B,CAET,GAAI9B,KAAKgC,SAASlB,MAAO,CACrBd,KAAKC,WAAWa,MAAMoB,SAASlC,K,EAIvC,gBAAAmC,GACI,GAAInC,KAAKgC,SAASxB,MAAO,CACrBR,KAAKC,WAAWO,MAAMyB,QAAQjC,KAAM,K,CAExCA,KAAKO,QAAUH,YAAYC,K,CAG/B,mBAAA+B,GACI,GAAIpC,KAAKgC,SAASxB,MAAO,CACrBR,KAAKC,WAAWO,MAAM6B,UAAUrC,KAAM,M,EAI9C,kBAAAsC,GACI,GAAItC,KAAKgC,SAASxB,MAAO,CACrBR,KAAKC,WAAWO,MAAM6B,UAAUrC,KAAM,K,EAI9C,MAAAuC,GACI,IAAIC,EAAsB,KAE1B,GAAIxC,KAAKgC,SAASlB,MAAO,CACrB0B,EAAcxC,KAAKC,WAAWa,MAAM2B,YAChCzC,KAAKmB,Y,CAIb,OACIuB,EAACC,EAAI,CAAAC,IAAA,4CACAJ,EAAcE,EAAA,aAAQF,GAAuB,KAC9CE,EAAA,OAAAE,IAAA,2CAAKvB,GAAIwB,GAAqB7C,KAAKkB,S,CAK/C,oBAAA4B,GACI,GAAI9C,KAAKgC,SAASvB,SAAU,CACxBT,KAAKC,WAAWQ,SAASsC,WAAW/C,K,CAExC,GAAIA,KAAKgC,SAASlB,MAAO,CACrBd,KAAKC,WAAWa,MAAMiC,WAAW/C,K","ignoreList":[]}
1
+ {"version":3,"names":["KupProbe","this","kupManager","kupManagerInstance","startTime","performance","now","featuresStartTime","endTime","debug","language","longCycleProp","longCycleVar","objects","objectsFunction","theme","printLifecycleTime","featuresTime","fullTime","content","rootElement","tagName","id","refresh","forceUpdate","longCycleObjects","index","isNumber","t","p","k","longCycleObjectsFunction","componentWillLoad","features","logLoad","register","componentDidLoad","componentWillRender","logRender","componentDidRender","render","customStyle","setKupStyle","h","Host","key","componentWrapperId","disconnectedCallback","unregister"],"sources":["src/components/kup-probe/kup-probe.tsx"],"sourcesContent":["import {\n Component,\n Element,\n forceUpdate,\n h,\n Host,\n Method,\n Prop,\n State,\n} from '@stencil/core';\nimport { KupComponent } from '../../types/GenericTypes';\nimport {\n KupManager,\n kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { KupObj } from '../../managers/kup-objects/kup-objects-declarations';\nimport { componentWrapperId } from '../../variables/GenericVariables';\n\n@Component({\n tag: 'kup-probe',\n shadow: true,\n})\nexport class KupProbe {\n /**\n * References the root HTML element of the component (<kup-probe>).\n */\n @Element() rootElement: HTMLElement;\n\n /*-------------------------------------------------*/\n /* S t a t e s */\n /*-------------------------------------------------*/\n\n /**\n * Lifecycle time.\n * @default null\n */\n @State() content: string = null;\n\n /*-------------------------------------------------*/\n /* P r o p s */\n /*-------------------------------------------------*/\n\n /**\n * Custom style of the component.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() customStyle: string = '';\n /**\n * Specify features to test.\n * @default \"\"\n * @see https://smeup.github.io/ketchup/#/customization\n */\n @Prop() features: {\n debug: boolean;\n language: boolean;\n longCycleProp: boolean;\n longCycleVar: boolean;\n objects: boolean;\n objectsFunction: boolean;\n theme: boolean;\n } = {\n debug: false,\n language: false,\n longCycleProp: false,\n longCycleVar: false,\n objects: false,\n objectsFunction: false,\n theme: false,\n };\n /**\n * Uncomment the code below to test render times with many props (100).\n */\n /*\n @Prop({ reflect: true }) test001 = 'null';\n @Prop({ reflect: true }) test002 = 'null';\n @Prop({ reflect: true }) test003 = 'null';\n @Prop({ reflect: true }) test004 = 'null';\n @Prop({ reflect: true }) test005 = 'null';\n @Prop({ reflect: true }) test006 = 'null';\n @Prop({ reflect: true }) test007 = 'null';\n @Prop({ reflect: true }) test008 = 'null';\n @Prop({ reflect: true }) test009 = 'null';\n @Prop({ reflect: true }) test010 = 'null';\n @Prop({ reflect: true }) test011 = 'null';\n @Prop({ reflect: true }) test012 = 'null';\n @Prop({ reflect: true }) test013 = 'null';\n @Prop({ reflect: true }) test014 = 'null';\n @Prop({ reflect: true }) test015 = 'null';\n @Prop({ reflect: true }) test016 = 'null';\n @Prop({ reflect: true }) test017 = 'null';\n @Prop({ reflect: true }) test018 = 'null';\n @Prop({ reflect: true }) test019 = 'null';\n @Prop({ reflect: true }) test020 = 'null';\n @Prop({ reflect: true }) test021 = 'null';\n @Prop({ reflect: true }) test022 = 'null';\n @Prop({ reflect: true }) test023 = 'null';\n @Prop({ reflect: true }) test024 = 'null';\n @Prop({ reflect: true }) test025 = 'null';\n @Prop({ reflect: true }) test026 = 'null';\n @Prop({ reflect: true }) test027 = 'null';\n @Prop({ reflect: true }) test028 = 'null';\n @Prop({ reflect: true }) test029 = 'null';\n @Prop({ reflect: true }) test030 = 'null';\n @Prop({ reflect: true }) test031 = 'null';\n @Prop({ reflect: true }) test032 = 'null';\n @Prop({ reflect: true }) test033 = 'null';\n @Prop({ reflect: true }) test034 = 'null';\n @Prop({ reflect: true }) test035 = 'null';\n @Prop({ reflect: true }) test036 = 'null';\n @Prop({ reflect: true }) test037 = 'null';\n @Prop({ reflect: true }) test038 = 'null';\n @Prop({ reflect: true }) test039 = 'null';\n @Prop({ reflect: true }) test040 = 'null';\n @Prop({ reflect: true }) test041 = 'null';\n @Prop({ reflect: true }) test042 = 'null';\n @Prop({ reflect: true }) test043 = 'null';\n @Prop({ reflect: true }) test044 = 'null';\n @Prop({ reflect: true }) test045 = 'null';\n @Prop({ reflect: true }) test046 = 'null';\n @Prop({ reflect: true }) test047 = 'null';\n @Prop({ reflect: true }) test048 = 'null';\n @Prop({ reflect: true }) test049 = 'null';\n @Prop({ reflect: true }) test050 = 'null';\n @Prop({ reflect: true }) test051 = 'null';\n @Prop({ reflect: true }) test052 = 'null';\n @Prop({ reflect: true }) test053 = 'null';\n @Prop({ reflect: true }) test054 = 'null';\n @Prop({ reflect: true }) test055 = 'null';\n @Prop({ reflect: true }) test056 = 'null';\n @Prop({ reflect: true }) test057 = 'null';\n @Prop({ reflect: true }) test058 = 'null';\n @Prop({ reflect: true }) test059 = 'null';\n @Prop({ reflect: true }) test060 = 'null';\n @Prop({ reflect: true }) test061 = 'null';\n @Prop({ reflect: true }) test062 = 'null';\n @Prop({ reflect: true }) test063 = 'null';\n @Prop({ reflect: true }) test064 = 'null';\n @Prop({ reflect: true }) test065 = 'null';\n @Prop({ reflect: true }) test066 = 'null';\n @Prop({ reflect: true }) test067 = 'null';\n @Prop({ reflect: true }) test068 = 'null';\n @Prop({ reflect: true }) test069 = 'null';\n @Prop({ reflect: true }) test070 = 'null';\n @Prop({ reflect: true }) test071 = 'null';\n @Prop({ reflect: true }) test072 = 'null';\n @Prop({ reflect: true }) test073 = 'null';\n @Prop({ reflect: true }) test074 = 'null';\n @Prop({ reflect: true }) test075 = 'null';\n @Prop({ reflect: true }) test076 = 'null';\n @Prop({ reflect: true }) test077 = 'null';\n @Prop({ reflect: true }) test078 = 'null';\n @Prop({ reflect: true }) test079 = 'null';\n @Prop({ reflect: true }) test080 = 'null';\n @Prop({ reflect: true }) test081 = 'null';\n @Prop({ reflect: true }) test082 = 'null';\n @Prop({ reflect: true }) test083 = 'null';\n @Prop({ reflect: true }) test084 = 'null';\n @Prop({ reflect: true }) test085 = 'null';\n @Prop({ reflect: true }) test086 = 'null';\n @Prop({ reflect: true }) test087 = 'null';\n @Prop({ reflect: true }) test088 = 'null';\n @Prop({ reflect: true }) test089 = 'null';\n @Prop({ reflect: true }) test090 = 'null';\n @Prop({ reflect: true }) test091 = 'null';\n @Prop({ reflect: true }) test092 = 'null';\n @Prop({ reflect: true }) test093 = 'null';\n @Prop({ reflect: true }) test094 = 'null';\n @Prop({ reflect: true }) test095 = 'null';\n @Prop({ reflect: true }) test096 = 'null';\n @Prop({ reflect: true }) test097 = 'null';\n @Prop({ reflect: true }) test098 = 'null';\n @Prop({ reflect: true }) test099 = 'null';\n @Prop({ reflect: true }) test100 = 'null';\n */\n /*-------------------------------------------------*/\n /* I n t e r n a l V a r i a b l e s */\n /*-------------------------------------------------*/\n\n /**\n * Instance of the KupManager class.\n */\n private kupManager: KupManager = kupManagerInstance();\n /**\n * Start performance.now()\n */\n private startTime: number = performance.now();\n /**\n * Start performance.now() inside componentWillLoad() lifecycle hook - to measure actual features\n */\n private featuresStartTime: number = null;\n /**\n * End performance.now()\n */\n private endTime: number = null;\n\n /*-------------------------------------------------*/\n /* P u b l i c M e t h o d s */\n /*-------------------------------------------------*/\n\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async printLifecycleTime(): Promise<{\n id: string;\n featuresTime: number;\n fullTime: number;\n }> {\n const featuresTime: number = this.endTime - this.featuresStartTime;\n const fullTime: number = this.endTime - this.startTime;\n this.content =\n 'Full lifecycle of this probe (' +\n this.rootElement.tagName +\n '#' +\n this.rootElement.id +\n ') took ' +\n fullTime +\n 'ms, while features took ' +\n featuresTime +\n 'ms.';\n return {\n id: this.rootElement.id,\n fullTime: fullTime,\n featuresTime: featuresTime,\n };\n }\n /**\n * This method is used to trigger a new render of the component.\n */\n @Method()\n async refresh(): Promise<void> {\n forceUpdate(this);\n }\n\n /*-------------------------------------------------*/\n /* P r i v a t e M e t h o d s */\n /*-------------------------------------------------*/\n\n private longCycleProp() {\n let b: string = null;\n for (let index = 0; index < 1000000; index++) {\n b = this.customStyle;\n }\n }\n\n private longCycleVar() {\n const a: string = this.customStyle;\n let b: string = null;\n for (let index = 0; index < 1000000; index++) {\n b = a;\n }\n }\n\n private longCycleObjects() {\n let b: boolean = null;\n for (let index = 0; index < 1000000; index++) {\n b = this.kupManager.objects.isNumber({ t: 'NR', p: '', k: '' });\n }\n }\n\n private longCycleObjectsFunction() {\n let b: boolean = null;\n for (let index = 0; index < 1000000; index++) {\n b = isNumber({ t: 'NR', p: '', k: '' });\n }\n function isNumber(obj: KupObj): boolean {\n if (obj == null) return false;\n return 'NR' === obj.t;\n }\n }\n\n /*-------------------------------------------------*/\n /* L i f e c y c l e H o o k s */\n /*-------------------------------------------------*/\n\n componentWillLoad() {\n this.featuresStartTime = performance.now();\n if (this.features.debug) {\n this.kupManager.debug.logLoad(this, false);\n }\n if (this.features.language) {\n this.kupManager.language.register(this);\n }\n if (this.features.longCycleProp) {\n this.longCycleProp();\n }\n if (this.features.longCycleVar) {\n this.longCycleVar();\n }\n if (this.features.objects) {\n this.longCycleObjects();\n }\n if (this.features.objectsFunction) {\n this.longCycleObjectsFunction();\n }\n if (this.features.theme) {\n this.kupManager.theme.register(this);\n }\n }\n\n componentDidLoad() {\n if (this.features.debug) {\n this.kupManager.debug.logLoad(this, true);\n }\n this.endTime = performance.now();\n }\n\n componentWillRender() {\n if (this.features.debug) {\n this.kupManager.debug.logRender(this, false);\n }\n }\n\n componentDidRender() {\n if (this.features.debug) {\n this.kupManager.debug.logRender(this, true);\n }\n }\n\n render() {\n let customStyle: string = null;\n\n if (this.features.theme) {\n customStyle = this.kupManager.theme.setKupStyle(\n this.rootElement as KupComponent\n );\n }\n\n return (\n <Host>\n {customStyle ? <style>{customStyle}</style> : null}\n <div id={componentWrapperId}>{this.content}</div>\n </Host>\n );\n }\n\n disconnectedCallback() {\n if (this.features.language) {\n this.kupManager.language.unregister(this);\n }\n if (this.features.theme) {\n this.kupManager.theme.unregister(this);\n }\n }\n}\n"],"mappings":"iKAsBaA,EAAQ,M,yBAgKTC,KAAAC,WAAyBC,IAIzBF,KAAAG,UAAoBC,YAAYC,MAIhCL,KAAAM,kBAA4B,KAI5BN,KAAAO,QAAkB,K,aA9JC,K,iBAWG,G,cAc1B,CACAC,MAAO,MACPC,SAAU,MACVC,cAAe,MACfC,aAAc,MACdC,QAAS,MACTC,gBAAiB,MACjBC,MAAO,M,CAwIX,wBAAMC,GAKF,MAAMC,EAAuBhB,KAAKO,QAAUP,KAAKM,kBACjD,MAAMW,EAAmBjB,KAAKO,QAAUP,KAAKG,UAC7CH,KAAKkB,QACD,iCACAlB,KAAKmB,YAAYC,QACjB,IACApB,KAAKmB,YAAYE,GACjB,UACAJ,EACA,2BACAD,EACA,MACJ,MAAO,CACHK,GAAIrB,KAAKmB,YAAYE,GACrBJ,SAAUA,EACVD,aAAcA,E,CAOtB,aAAMM,GACFC,EAAYvB,K,CAOR,aAAAU,G,CAOA,YAAAC,G,CAQA,gBAAAa,GAEJ,IAAK,IAAIC,EAAQ,EAAGA,EAAQ,IAASA,IAAS,CACtCzB,KAAKC,WAAWW,QAAQc,SAAS,CAAEC,EAAG,KAAMC,EAAG,GAAIC,EAAG,I,EAI1D,wBAAAC,G,CAeR,iBAAAC,GACI/B,KAAKM,kBAAoBF,YAAYC,MACrC,GAAIL,KAAKgC,SAASxB,MAAO,CACrBR,KAAKC,WAAWO,MAAMyB,QAAQjC,KAAM,M,CAExC,GAAIA,KAAKgC,SAASvB,SAAU,CACxBT,KAAKC,WAAWQ,SAASyB,SAASlC,K,CAEtC,GAAIA,KAAKgC,SAAStB,cAAe,CAC7BV,KAAKU,e,CAET,GAAIV,KAAKgC,SAASrB,aAAc,CAC5BX,KAAKW,c,CAET,GAAIX,KAAKgC,SAASpB,QAAS,CACvBZ,KAAKwB,kB,CAET,GAAIxB,KAAKgC,SAASnB,gBAAiB,CAC/Bb,KAAK8B,0B,CAET,GAAI9B,KAAKgC,SAASlB,MAAO,CACrBd,KAAKC,WAAWa,MAAMoB,SAASlC,K,EAIvC,gBAAAmC,GACI,GAAInC,KAAKgC,SAASxB,MAAO,CACrBR,KAAKC,WAAWO,MAAMyB,QAAQjC,KAAM,K,CAExCA,KAAKO,QAAUH,YAAYC,K,CAG/B,mBAAA+B,GACI,GAAIpC,KAAKgC,SAASxB,MAAO,CACrBR,KAAKC,WAAWO,MAAM6B,UAAUrC,KAAM,M,EAI9C,kBAAAsC,GACI,GAAItC,KAAKgC,SAASxB,MAAO,CACrBR,KAAKC,WAAWO,MAAM6B,UAAUrC,KAAM,K,EAI9C,MAAAuC,GACI,IAAIC,EAAsB,KAE1B,GAAIxC,KAAKgC,SAASlB,MAAO,CACrB0B,EAAcxC,KAAKC,WAAWa,MAAM2B,YAChCzC,KAAKmB,Y,CAIb,OACIuB,EAACC,EAAI,CAAAC,IAAA,4CACAJ,EAAcE,EAAA,aAAQF,GAAuB,KAC9CE,EAAA,OAAAE,IAAA,2CAAKvB,GAAIwB,GAAqB7C,KAAKkB,S,CAK/C,oBAAA4B,GACI,GAAI9C,KAAKgC,SAASvB,SAAU,CACxBT,KAAKC,WAAWQ,SAASsC,WAAW/C,K,CAExC,GAAIA,KAAKgC,SAASlB,MAAO,CACrBd,KAAKC,WAAWa,MAAMiC,WAAW/C,K","ignoreList":[]}
@@ -1,2 +1,2 @@
1
- import{r as i,h as t,d as e}from"./p-d7c15b0e.js";import{k as o}from"./p-35eb2e1c.js";import"./p-029c7cbe.js";const n=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-subtle, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";const p=n;const h=class{constructor(t){i(this,t);this.kupManager=o();this.config=undefined;this.qlik=undefined;this.appid="";this.app=false;this.grid=[];this.debug=false;this.fluid=false;this.bordered=false;this.defobjsize="400px";this.divlist=[]}getObjects(i){let t;return new Promise((e=>{i.rows.forEach((i=>{i.columns.forEach((i=>{t=false;if(i.noSelections)t=i.noSelections;this.app.getObject(i.obj,i.obj,{noInteraction:false,noSelections:t})}))}));e(true)}))}doSelection(i){return new Promise((t=>{if(i.selections){i.selections.forEach((i=>{this.app.field(i.field).selectValues(i.values,false,true)}))}t(true)}))}setRender(i){return new Promise((e=>{this.divlist=[];i.rows.forEach((i=>{let e=[];i.columns.forEach((i=>{let o="qvobject ";if(this.bordered){o=o+"bordered "}o=o+"width-"+i.colDim+" size-"+i.size;if(i.obj!="")e.push(t("div",{id:i.obj,class:o}));else e.push(t("div",{class:o}))}));this.divlist.push(t("div",{class:"kup-qlik-row"},e))}));e(true)}))}componentWillLoad(){this.kupManager.debug.logLoad(this,false)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);this.setRender(this.grid)}render(){let i=null;let e=null;if(this.fluid){i={["kup-qlik-container-fluid"]:true}}else{i={["kup-qlik-container"]:true}}e={["--lyo_obj-height"]:this.defobjsize};return t("div",{key:"990a2317cd30c5a3ca78c987ebbed601b4a6a8b4",class:i,style:e},this.divlist)}componentDidRender(){if(this.debug){console.log("Grid",this.grid)}if(this.qlik){if(this.appid!=""&&!this.app){this.app=this.qlik.openApp(this.appid,this.config)}else{if(this.debug){console.log("App already open:",this.app)}}if(this.app){this.getObjects(this.grid).then((()=>{this.doSelection(this.grid)}))}}this.kupManager.debug.logRender(this,true)}get rootElement(){return e(this)}};h.style=p;export{h as kup_qlik};
2
- //# sourceMappingURL=p-4e9910f8.entry.js.map
1
+ import{r as i,h as t,d as e}from"./p-d7c15b0e.js";import{k as o}from"./p-35eb2e1c.js";import"./p-029c7cbe.js";const n=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-subtle, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";const p=n;const h=class{constructor(t){i(this,t);this.kupManager=o();this.config=undefined;this.qlik=undefined;this.appid="";this.app=false;this.grid=[];this.debug=false;this.fluid=false;this.bordered=false;this.defobjsize="400px";this.divlist=[]}getObjects(i){let t;return new Promise((e=>{i.rows.forEach((i=>{i.columns.forEach((i=>{t=false;if(i.noSelections)t=i.noSelections;this.app.getObject(i.obj,i.obj,{noInteraction:false,noSelections:t})}))}));e(true)}))}doSelection(i){return new Promise((t=>{if(i.selections){i.selections.forEach((i=>{this.app.field(i.field).selectValues(i.values,false,true)}))}t(true)}))}setRender(i){return new Promise((e=>{this.divlist=[];i.rows.forEach((i=>{let e=[];i.columns.forEach((i=>{let o="qvobject ";if(this.bordered){o=o+"bordered "}o=o+"width-"+i.colDim+" size-"+i.size;if(i.obj!="")e.push(t("div",{id:i.obj,class:o}));else e.push(t("div",{class:o}))}));this.divlist.push(t("div",{class:"kup-qlik-row"},e))}));e(true)}))}componentWillLoad(){this.kupManager.debug.logLoad(this,false)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false);this.setRender(this.grid)}render(){let i=null;let e=null;if(this.fluid){i={["kup-qlik-container-fluid"]:true}}else{i={["kup-qlik-container"]:true}}e={["--lyo_obj-height"]:this.defobjsize};return t("div",{key:"3014bd82bd94053748127d5913f9ff4bda8ef3e1",class:i,style:e},this.divlist)}componentDidRender(){if(this.debug){console.log("Grid",this.grid)}if(this.qlik){if(this.appid!=""&&!this.app){this.app=this.qlik.openApp(this.appid,this.config)}else{if(this.debug){console.log("App already open:",this.app)}}if(this.app){this.getObjects(this.grid).then((()=>{this.doSelection(this.grid)}))}}this.kupManager.debug.logRender(this,true)}get rootElement(){return e(this)}};h.style=p;export{h as kup_qlik};
2
+ //# sourceMappingURL=p-e2b6e9f0.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,f as i,h as a,H as n,d as o}from"./p-d7c15b0e.js";import{k as s,g as p,s as r}from"./p-35eb2e1c.js";import{c as l}from"./p-635bb4b3.js";import{F as c}from"./p-10dfd311.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";const f="snackbar";var h;(function(t){t["actionButton"]="Set of FButton props to set the action button.";t["closeButton"]="When true, the hide button will be displayed.";t["customStyle"]="Custom style of the component.";t["text"]="Sets the textual content of the snackbar.";t["timeout"]="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."})(h||(h={}));const k=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_snackbar_border_left_color:var(\n --kup-snackbar-border-left-color,\n var(--kup-border-interactive)\n );--kup_snackbar_background_color:var(\n --kup-snackbar-background-color,\n var(--kup-layer-0-inverted)\n );--kup_snackbar_text_color:var(\n --kup-snackbar-text-color,\n var(--kup-text-primary-inverted)\n );--kup_snackbar_text_color:var(--kup-snackbar-text-color, var(--kup-layer-1));animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background-color:var(--kup_snackbar_background_color);color:var(--kup_snackbar_text_color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px;border-left:4px solid var(--kup_snackbar_border_left_color);padding:0 var(--kup-space-05)}.snackbar .snackbar__text__block{padding:var(--kup-space-05) 0;color:var(--kup_snackbar_text_color)}.snackbar__header{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.snackbar__text{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.snackbar__buttons{align-items:center;display:flex;justify-content:flex-end;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@media (min-width: 768px){.snackbar__text__block{padding:var(--kup-space-05) 0;min-width:350px}}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";const d=k;const u=class{constructor(i){t(this,i);this.kupActionClick=e(this,"kup-snackbar-actionclick",6);this.kupTimeoutComplete=e(this,"kup-snackbar-timeoutcomplete",6);this.kupManager=s();this.visible=false;this.actionButton=null;this.closeButton=true;this.customStyle="";this.text="";this.header="";this.timeout=null}onKupActionClick(){this.hide();this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,h,t)}async hide(){this.visible=false}async refresh(){i(this)}async setProps(t){r(this,h,t)}async show(){this.visible=true}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){if(this.timeout&&this.visible){setTimeout((()=>{this.hide();this.onKupTimeoutComplete()}),this.timeout)}this.kupManager.debug.logRender(this,true)}render(){return a(n,{key:"425ff290429f0ac399306ad7737d5df519a9518a","kup-visible":this.visible},a("style",{key:"0e1bc10e2884f4943c0bc4fe96bed9805f7358e6"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"a66cdfc2a2fb2098a8959949b2b117c24e99cef3",id:l},a("div",{key:"d3bf872e84369ef05dbd1343e8264e3b3f03a0f2",class:f},a("div",{key:"a2ad63fe4b3146826a77312edeac063dd4e31f08",class:"snackbar__text__block"},a("div",{key:"a45f6f870c6ca3e2dbc825a820bd6a1f2c1a210f",class:`${f}__header`},this.header),a("div",{key:"f866bd88c6f4aa1b0c25debd96dd7ac46c47e4f6",class:`${f}__text`},this.text)),this.actionButton||this.closeButton?a("div",{class:`${f}__buttons`},this.actionButton?a("div",{class:`${f}__action`},a(c,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?a("div",{class:`${f}__close`},a(c,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};u.style=d;export{u as kup_snackbar};
2
- //# sourceMappingURL=p-f975d467.entry.js.map
1
+ import{r as t,c as e,f as i,h as a,H as n,d as o}from"./p-d7c15b0e.js";import{k as s,g as p,s as r}from"./p-35eb2e1c.js";import{c as l}from"./p-635bb4b3.js";import{F as c}from"./p-10dfd311.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";const f="snackbar";var h;(function(t){t["actionButton"]="Set of FButton props to set the action button.";t["closeButton"]="When true, the hide button will be displayed.";t["customStyle"]="Custom style of the component.";t["text"]="Sets the textual content of the snackbar.";t["timeout"]="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."})(h||(h={}));const k=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_snackbar_border_left_color:var(\n --kup-snackbar-border-left-color,\n var(--kup-border-interactive)\n );--kup_snackbar_background_color:var(\n --kup-snackbar-background-color,\n var(--kup-layer-0-inverted)\n );--kup_snackbar_text_color:var(\n --kup-snackbar-text-color,\n var(--kup-text-primary-inverted)\n );--kup_snackbar_text_color:var(--kup-snackbar-text-color, var(--kup-layer-1));animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background-color:var(--kup_snackbar_background_color);color:var(--kup_snackbar_text_color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px;border-left:4px solid var(--kup_snackbar_border_left_color);padding:0 var(--kup-space-05)}.snackbar .snackbar__text__block{padding:var(--kup-space-05) 0;color:var(--kup_snackbar_text_color)}.snackbar__header{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.snackbar__text{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.snackbar__buttons{align-items:center;display:flex;justify-content:flex-end;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@media (min-width: 768px){.snackbar__text__block{padding:var(--kup-space-05) 0;min-width:350px}}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";const u=k;const d=class{constructor(i){t(this,i);this.kupActionClick=e(this,"kup-snackbar-actionclick",6);this.kupTimeoutComplete=e(this,"kup-snackbar-timeoutcomplete",6);this.kupManager=s();this.visible=false;this.actionButton=null;this.closeButton=true;this.customStyle="";this.text="";this.header="";this.timeout=null}onKupActionClick(){this.hide();this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,h,t)}async hide(){this.visible=false}async refresh(){i(this)}async setProps(t){r(this,h,t)}async show(){this.visible=true}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){if(this.timeout&&this.visible){setTimeout((()=>{this.hide();this.onKupTimeoutComplete()}),this.timeout)}this.kupManager.debug.logRender(this,true)}render(){return a(n,{key:"1543a186a11316b84a53b02453c9d06ad644b188","kup-visible":this.visible},a("style",{key:"b406ad7fa2d68f02975d7faa9f5e72a269cf2359"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"cf4204659b6a91faff19efb406e29e1c11461950",id:l},a("div",{key:"88dfe566adda8dabdbe0536c314e0fbdd032a267",class:f},a("div",{key:"4930076e8ef0cc034e39a701731ee0c55f06b93d",class:"snackbar__text__block"},a("div",{key:"58b3fccae5b1b2d29850ed41e4a3a489af8f123f",class:`${f}__header`},this.header),a("div",{key:"a034ec14453dd9ae2cfb880465c2c459eb8eefa0",class:`${f}__text`},this.text)),this.actionButton||this.closeButton?a("div",{class:`${f}__buttons`},this.actionButton?a("div",{class:`${f}__action`},a(c,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?a("div",{class:`${f}__close`},a(c,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};d.style=u;export{d as kup_snackbar};
2
+ //# sourceMappingURL=p-edaf0cb8.entry.js.map
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,f as i,h as o,H as a,d as n}from"./p-d7c15b0e.js";import{k as s,c as p,g as h,s as r}from"./p-35eb2e1c.js";import{a as f,F as l}from"./p-68e220e8.js";import{c}from"./p-635bb4b3.js";import{F as u}from"./p-2b519589.js";import"./p-029c7cbe.js";var g;(function(t){t["data"]="the text of the text";t["Style"]="it is the style of the text";t["Border"]="when true it will appear a border";t["BorderWidth"]="it is the width of the border";t["Align"]="text alignment";t["FontBold"]="when true it will display the bold font";t["FontItalic"]="when true it will display the italic ( cursive )";t["FontName"]="it is the name of the font";t["FontSize"]="it is the size of the font of the text";t["FontULine"]="when true it will show the underline";t["FontColor"]="it is the color of the font of the text";t["BackColor"]="it is the background color of the text";t["Type"]="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"})(g||(g={}));const d=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.kup-typography--wrap{display:flex;align-items:center;gap:var(--kup-space-03)}.kup-typography--wrap:hover .image__iconToolbar{opacity:0.3}.kup-typography--wrap:hover .image__iconToolbar:hover{cursor:pointer;opacity:1;background-color:var(--kup-gray-color-20-hover)}.kup-typography--wrap .image__iconToolbar{opacity:0.3;margin:0}:host{display:block}";const y=d;var m=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,o,a){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?a.call(t,i):a?a.value=i:e.set(t,i),i};var k=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,o){if(i==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?o:i==="a"?o.call(t):o?o.value:e.get(t)};var w,x;const b=class{constructor(i){t(this,i);this.kupIconClick=e(this,"kup-typography-iconclick",6);this.kupClick=e(this,"kup-typography-click",6);this.kupItemClick=e(this,"kup-typography-itemclick",6);this.kupManager=s();w.set(this,null);x.set(this,null);this.customStyle="";this.toolbar=true;this.toolbarData=undefined;this.type=f.BODY_COMPACT;this.value=null}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupIconClick(t){m(this,x,t,"f");this.kupIconClick.emit({comp:this,id:this.rootElement.id});this.createDropDownToolbarList()}onKupToolbarItemClick(t){this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected})}closeRowToolbarList(){if(this.toolbarList){this.kupManager.dynamicPosition.stop(this.toolbarList);this.kupManager.removeClickCallback(k(this,w,"f"));this.toolbarList.remove();this.toolbarList=null}}createDropDownToolbarList(){if(this.toolbarList){this.closeRowToolbarList()}const t=document.createElement("kup-toolbar");t.data=this.toolbarData;t.addEventListener("kup-toolbar-click",(t=>{this.onKupToolbarItemClick(t);setTimeout((()=>{this.closeRowToolbarList()}),0)}));this.toolbarList=t;m(this,w,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f");this.kupManager.addClickCallback(k(this,w,"f"),true);this.rootElement.shadowRoot.appendChild(this.toolbarList);requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.toolbarList,k(this,x,"f"),0,p.AUTO,true);this.kupManager.dynamicPosition.start(this.toolbarList)}))}async getProps(t){return h(this,g,t)}async refresh(){i(this)}async setProps(t){r(this,g,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t={toolbar:this.toolbar,value:this.value,type:this.type};const e={color:"var(--kup-gray-color-70)",resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"image__iconToolbar"};const i={"kup-typography--wrap":t.toolbar?true:false};return o(a,{key:"f41b7de8caf9540365e4766e27304f08c3e7a5d0"},o("style",{key:"1e4895e3f58fd65d8aa380897c7d4e707f19850f"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"29256876f9d446a3eb24961e8f36c9db6ca74824",id:c,class:i,onClick:()=>this.onKupClick},o(l,Object.assign({key:"40334bdae6b0df4d9ecb9b7b4cb7ecd46a5bb002"},t)),o(u,Object.assign({key:"09061ecacc7bfeaaff3d72ed84afd4586fef7933"},e,{onClick:t=>{t.stopPropagation();this.onKupIconClick(t.currentTarget)}}))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}static get assetsDirs(){return["assets/fonts"]}get rootElement(){return n(this)}};w=new WeakMap,x=new WeakMap;b.style=y;export{b as kup_typography};
2
- //# sourceMappingURL=p-d837fe90.entry.js.map
1
+ import{r as t,c as i,f as e,h as o,H as n,d as a}from"./p-d7c15b0e.js";import{k as s,c as p,g as h,s as r}from"./p-35eb2e1c.js";import{a as f,F as l}from"./p-68e220e8.js";import{c}from"./p-635bb4b3.js";import{F as u}from"./p-2b519589.js";import"./p-029c7cbe.js";var g;(function(t){t["data"]="the text of the text";t["Style"]="it is the style of the text";t["Border"]="when true it will appear a border";t["BorderWidth"]="it is the width of the border";t["Align"]="text alignment";t["FontBold"]="when true it will display the bold font";t["FontItalic"]="when true it will display the italic ( cursive )";t["FontName"]="it is the name of the font";t["FontSize"]="it is the size of the font of the text";t["FontULine"]="when true it will show the underline";t["FontColor"]="it is the color of the font of the text";t["BackColor"]="it is the background color of the text";t["Type"]="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"})(g||(g={}));const y=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.kup-typography--wrap{display:flex;align-items:center;gap:var(--kup-space-03)}.kup-typography--wrap:hover .image__iconToolbar{opacity:0.3}.kup-typography--wrap:hover .image__iconToolbar:hover{cursor:pointer;opacity:1;background-color:var(--kup-gray-color-20-hover)}.kup-typography--wrap .image__iconToolbar{opacity:0.3;margin:0}:host{display:block}";const m=y;var d=undefined&&undefined.__classPrivateFieldSet||function(t,i,e,o,n){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!n:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?n.call(t,e):n?n.value=e:i.set(t,e),e};var k=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(t):o?o.value:i.get(t)};var b,w;const x=class{constructor(e){t(this,e);this.kupIconClick=i(this,"kup-typography-iconclick",6);this.kupClick=i(this,"kup-typography-click",6);this.kupItemClick=i(this,"kup-typography-itemclick",6);this.kupManager=s();b.set(this,null);w.set(this,null);this.customStyle="";this.toolbar=true;this.toolbarData=undefined;this.type=f.BODY_COMPACT;this.value=null}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupIconClick(t){d(this,w,t,"f");this.kupIconClick.emit({comp:this,id:this.rootElement.id});this.createDropDownToolbarList()}onKupToolbarItemClick(t){this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected})}closeRowToolbarList(){if(this.toolbarList){this.kupManager.dynamicPosition.stop(this.toolbarList);this.kupManager.removeClickCallback(k(this,b,"f"));this.toolbarList.remove();this.toolbarList=null}}createDropDownToolbarList(){if(this.toolbarList){this.closeRowToolbarList()}const t=document.createElement("kup-toolbar");t.data=this.toolbarData;t.addEventListener("kup-toolbar-click",(t=>{this.onKupToolbarItemClick(t);setTimeout((()=>{this.closeRowToolbarList()}),0)}));this.toolbarList=t;d(this,b,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f");this.kupManager.addClickCallback(k(this,b,"f"),true);this.rootElement.shadowRoot.appendChild(this.toolbarList);requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.toolbarList,k(this,w,"f"),0,p.AUTO,true);this.kupManager.dynamicPosition.start(this.toolbarList)}))}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async setProps(t){r(this,g,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t={toolbar:this.toolbar,value:this.value,type:this.type};const i={color:"var(--kup-gray-color-70)",resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"image__iconToolbar"};const e={"kup-typography--wrap":t.toolbar?true:false};return o(n,{key:"f2ccc3ddf69b9437396b2cf490ddf9b8e4f8bdee"},o("style",{key:"317ab3cfb143944a4bcb571d6a8293aab4df4651"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"0e7fdb7e3c04f6cac4af1ce9a745288e1762901c",id:c,class:e,onClick:()=>this.onKupClick},o(l,Object.assign({key:"4c73eb780cf5cf0002ffc581c409925c2055bd17"},t)),o(u,Object.assign({key:"1bb15e447e28e95e633607b96897fd6c2fb8a5bf"},i,{onClick:t=>{t.stopPropagation();this.onKupIconClick(t.currentTarget)}}))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}static get assetsDirs(){return["assets/fonts"]}get rootElement(){return a(this)}};b=new WeakMap,w=new WeakMap;x.style=m;export{x as kup_typography};
2
+ //# sourceMappingURL=p-f60a8564.entry.js.map
@@ -120,7 +120,8 @@ export declare enum KupInputPanelProps {
120
120
  data = "Actual data of the input panel.",
121
121
  hiddenSubmitButton = "Creates a hidden submit button in order to submit the form with enter.",
122
122
  submitCb = "Sets the callback function on submit form",
123
- optionsHandler = "Sets the callback function to recieve options"
123
+ optionsHandler = "Sets the callback function to recieve options",
124
+ buttonPosition = "Manage the position of the buttons related to the input panel content. It is an enumeration"
124
125
  }
125
126
  export interface KupInputPanelEventHandlerDetails {
126
127
  anchor: HTMLElement;
@@ -23,6 +23,11 @@ export declare class KupInputPanel {
23
23
  * @default false
24
24
  */
25
25
  hiddenSubmitButton: boolean;
26
+ /**
27
+ * Select the position of the buttons related to the input panel
28
+ * @default "BOTTOM"
29
+ */
30
+ buttonPosition: 'CENTER' | 'LEFT' | 'BOTTOM' | 'RIGHT' | 'TOP';
26
31
  /**
27
32
  * Sets the callback function on submit form
28
33
  * @default null
@@ -2797,6 +2797,11 @@ export namespace Components {
2797
2797
  "store": KupStore;
2798
2798
  }
2799
2799
  interface KupInputPanel {
2800
+ /**
2801
+ * Select the position of the buttons related to the input panel
2802
+ * @default "BOTTOM"
2803
+ */
2804
+ "buttonPosition": 'CENTER' | 'LEFT' | 'BOTTOM' | 'RIGHT' | 'TOP';
2800
2805
  /**
2801
2806
  * Sets the callback for valid the object when cell checkObject is true
2802
2807
  * @default null
@@ -8246,6 +8251,11 @@ declare namespace LocalJSX {
8246
8251
  "store"?: KupStore;
8247
8252
  }
8248
8253
  interface KupInputPanel {
8254
+ /**
8255
+ * Select the position of the buttons related to the input panel
8256
+ * @default "BOTTOM"
8257
+ */
8258
+ "buttonPosition"?: 'CENTER' | 'LEFT' | 'BOTTOM' | 'RIGHT' | 'TOP';
8249
8259
  /**
8250
8260
  * Sets the callback for valid the object when cell checkObject is true
8251
8261
  * @default null
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sme.up/ketchup",
3
- "version": "11.0.0-SNAPSHOT-20241125085638",
3
+ "version": "11.0.0-SNAPSHOT-20241125095251",
4
4
  "keywords": [
5
5
  "smeup",
6
6
  "KetchUP",
@@ -1,2 +0,0 @@
1
- import{r as t,c as i,f as n,h as e,H as s,d as o}from"./p-d7c15b0e.js";import{F as l}from"./p-10dfd311.js";import{F as r}from"./p-67d6fa75.js";import{k as a,a5 as u,F as c,g as h,s as f,h as p,al as d,ab as m,aa as v,am as b,e as k,N as g,ak as y}from"./p-35eb2e1c.js";import{F as _}from"./p-c4054aba.js";import{F as j,a as w}from"./p-68e220e8.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-22f4d21b.js";import"./p-c7b61135.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var O;(function(t){t["TAB"]="tab"})(O||(O={}));var $;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Actual data of the input panel.";t["hiddenSubmitButton"]="Creates a hidden submit button in order to submit the form with enter.";t["submitCb"]="Sets the callback function on submit form";t["optionsHandler"]="Sets the callback function to recieve options"})($||($={}));const z=12;const M=22;const S=t=>{if(t==0){return z/2}if(!t){return null}if(t===1){return 1.5*z}return t*z};const T=t=>{if(!t){return null}return t*M};const W=t=>{if(!t){return null}return(t-1)*M};const D=t=>{if(!t){return null}return t*z};const C=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup-fcell-width:fit-content;--kup_input_panel_background_color:var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );--kup_input_panel_color:var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );--kup_input_panel_font_family:var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );--kup_input_panel_font_size:var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:1rem}:host .input-panel__commands{display:flex;gap:2rem}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel--absolute{justify-content:flex-end}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}";const E=C;var F=undefined&&undefined.__classPrivateFieldGet||function(t,i,n,e){if(n==="a"&&!e)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?e:n==="a"?e.call(t):e?e.value:i.get(t)};var B=undefined&&undefined.__classPrivateFieldSet||function(t,i,n,e,s){if(e==="m")throw new TypeError("Private method is not writable");if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return e==="a"?s.call(t,n):s?s.value=n:i.set(t,n),n};var I=undefined&&undefined.__rest||function(t,i){var n={};for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)&&i.indexOf(e)<0)n[e]=t[e];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,e=Object.getOwnPropertySymbols(t);s<e.length;s++){if(i.indexOf(e[s])<0&&Object.prototype.propertyIsEnumerable.call(t,e[s]))n[e[s]]=t[e[s]]}return n};var N,P,R,V,G,J,A,L,H,K,X,Y,q,Q,U,Z,tt,it,nt,et,st,ot,lt,rt,at,ut,ct,ht,ft,pt,dt,mt,vt,bt,kt,gt,yt,_t,jt,wt,xt,Ot,$t,zt,Mt,St,Tt,Wt,Dt,Ct,Et,Ft,Bt,It,Nt,Pt,Rt,Vt,Gt,Jt,At,Lt,Ht,Kt,Xt,Yt;const qt=document.documentElement;const Qt=class{constructor(n){t(this,n);this.kupReady=i(this,"kup-input-panel-ready",6);this.kupDataTableContextMenu=i(this,"kup-inputpanel-contextmenu",6);N.add(this);P.set(this,a());R.set(this,void 0);V.set(this,new Map([["SmeupTreeNode",F(this,N,"m",It).bind(this)],["SmeupDataTree",F(this,N,"m",Nt).bind(this)],["SmeupTable",F(this,N,"m",Pt).bind(this)],["SmeupDataTable",F(this,N,"m",Pt).bind(this)]]));G.set(this,null);J.set(this,new Map([[u.AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.MULTI_AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.COMBOBOX,["kup-combobox-iconclick","kup-combobox-blur"]],[u.MULTI_COMBOBOX,["kup-combobox-iconclick"]]]));A.set(this,new Map([[c.AUTOCOMPLETE,"kup-autocomplete-blur"],[c.CHIP,"kup-textfield-blur"],[c.COMBOBOX,"kup-combobox-blur"],[c.DATE,"kup-datepicker-blur"],[c.MULTI_AUTOCOMPLETE,"kup-autocomplete-blur"],[c.MULTI_COMBOBOX,"kup-combobox-blur"],[c.TIME,"kup-timepicker-blur"]]));L.set(this,[]);H.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));K.set(this,new Map([[c.BUTTON_LIST,F(this,N,"m",Z).bind(this)],[c.EDITOR,F(this,N,"m",it).bind(this)],[c.LABEL,F(this,N,"m",et).bind(this)],[c.TABLE,F(this,N,"m",nt).bind(this)]]));X.set(this,new Map([[O.TAB,F(this,N,"m",ct).bind(this)]]));Y.set(this,[]);this.customStyle="";this.data=null;this.hiddenSubmitButton=false;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.checkValidObjCallback=null;this.checkValidValueCallback=null;this.dashboardMode=false;this.inputPanelCells=[];this.inputPanelCommands=[];this.tabSelected=null}onDataChanged(){B(this,G,structuredClone(this.data),"f");if(F(this,L,"f").length){F(this,L,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)}));B(this,L,[],"f")}if(F(this,Y,"f").length){F(this,Y,"f").map((t=>{F(this,P,"f").keysBinding.unregister(t)}));B(this,Y,[],"f")}if(this.data){F(this,N,"m",dt).call(this,this.data)}}async getProps(t){return h(this,$,t)}async refresh(){n(this)}async setProps(t){f(this,$,t)}componentWillLoad(){F(this,P,"f").debug.logLoad(this,false);F(this,P,"f").language.register(this);F(this,P,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){F(this,N,"m",Yt).call(this);this.kupReady.emit({comp:this,id:this.rootElement.id});F(this,P,"f").debug.logLoad(this,true)}componentWillRender(){F(this,P,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++){_(i[t])}}F(this,P,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const i=t?[e("p",null,F(this,P,"f").language.translate(p.EMPTY_DATA))]:this.inputPanelCells.map((t=>F(this,N,"m",Q).call(this,t)));return e(s,{key:"0b29c3e2c24a83ef82f3d2c15a468e386a4b911a"},e("style",{key:"11db937588ef8530336807aebe8d83046df0ba41"},F(this,P,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"fbfd8854ee9e85f57676e46bd7abbb40f1aef21c",id:x},i))}disconnectedCallback(){F(this,P,"f").language.unregister(this);F(this,P,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{data:["onDataChanged"]}}};P=new WeakMap,R=new WeakMap,V=new WeakMap,G=new WeakMap,J=new WeakMap,A=new WeakMap,L=new WeakMap,H=new WeakMap,K=new WeakMap,X=new WeakMap,Y=new WeakMap,N=new WeakSet,q=function t(i){return this.inputPanelCells.reduce(((t,{cells:n})=>{if(!t){return n.find((({column:t})=>t.name===i)).cell}return t}),null)},Q=function t(i){var n;const s=i.row.layout;const o=(s===null||s===void 0?void 0:s.horizontal)||false;const r={};let a;if(!((n=s===null||s===void 0?void 0:s.sections)===null||n===void 0?void 0:n.length)){a=i.cells.map((t=>F(this,N,"m",U).call(this,t.cell,i.row,t.column)))}else{if(s.absolute){a=F(this,N,"m",lt).call(this,i,s);const t=Math.max(...s.sections.flatMap((t=>t.content.map((t=>t.absoluteRow||0)))));r.height=`${t*M}px`}else{if(!s.sectionsType){const t=s.sections.some((t=>t.dim));r.display="grid";if(s.horizontal){r.gridTemplateColumns=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}else{if(this.dashboardMode){r.gridTemplateRows=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}}}a=F(this,N,"m",ot).call(this,i,s)}}const u={"input-panel":true,"input-panel--column":!o,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute};return e("form",{name:this.rootElement.id,id:this.rootElement.id,class:{"input-panel-form":true},ref:t=>B(this,R,t,"f"),onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},F(this,G,"f")),after:F(this,N,"m",bt).call(this)}})},onContextMenu:t=>{t.preventDefault()}},e("div",{class:u,style:r},a),e("div",{class:"input-panel__commands"},e(l,{buttonType:"submit",label:F(this,P,"f").language.translate(p.CONFIRM),wrapperClass:"form__submit",invisible:this.hiddenSubmitButton}),this.inputPanelCommands))},U=function t(i,n,s){if(!i){return}const o=F(this,K,"f").get(i.shape);if(o!==undefined){return o(i,s.name)}const l={cell:i,column:s,row:n,component:this,editable:true,renderKup:true,setSizes:true};const a=F(this,N,"m",st).call(this,i,s.title);if(a){return e("div",{class:{"input-panel__label_container":true}},a,e(r,Object.assign({},l)))}return e(r,Object.assign({},l))},Z=function t(i,n){return e(l,Object.assign({icon:i.icon,id:n},i.data,{wrapperClass:"form__submit"}))},tt=function t(i,n){return e("kup-dropdown-button",Object.assign({},i.data,{label:i.value,data:n,"onkup-dropdownbutton-itemclick":t=>{F(this,N,"m",Ht).call(this,t.detail.node,t.detail.node.id)}}))},it=function t(i,n){const s="kup-editor-save";const o=t=>{const i=this.inputPanelCells.reduce(((t,{cells:i})=>{if(!t){return i.find((({column:t})=>t.name===n)).cell}return t}),null);i.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,o);F(this,L,"f").push({event:s,handler:o});return e("kup-editor",Object.assign({},i.data,{id:n,isReadOnly:!i.isEditable,showToolbar:true}))},nt=function t(i,n){return e("kup-data-table",Object.assign({id:n,editableData:true,showGroups:true,showFilters:true,showFooter:true},i.data))},et=function t(i,n){return e("span",{class:"input-panel-label",id:n},i.value)},st=function t(i,n){if(!n){return null}const s=qt.ketchup.data.cell.getType(i,i.shape);if(s===u.RADIO){return e("span",null,n)}return null},ot=function t(i,n){const e=F(this,X,"f").get(n.sectionsType);return e?e(i,n.sections):n.sections.map((t=>F(this,N,"m",rt).call(this,i,t)))},lt=function t(i,n){return n.sections.map((t=>F(this,N,"m",at).call(this,i,t)))},rt=function t(i,n,s=false,o={}){var l,r;const a={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal};o.gap=+n.gap>0?`${n.gap}rem`:"1rem";let u=[];if((l=n.sections)===null||l===void 0?void 0:l.length){u=n.sections.map((n=>F(this,N,"m",t).call(this,i,n)));const e=n.sections.some((t=>t.dim));if(!n.gridCols&&n.horizontal){o.gridTemplateColumns=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}if(!n.gridRows&&!n.horizontal&&this.dashboardMode){o.gridTemplateRows=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}}else if((r=n.content)===null||r===void 0?void 0:r.length){u=n.content.map((t=>F(this,N,"m",ht).call(this,i,t)));o.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"";if(this.dashboardMode){o.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""}}const c=e("div",{class:a,style:o},u);return n.title&&!s?e("div",{class:{"input-panel__section_label_container":true}},e(j,{type:w.HEADING1,value:n.title}),c):c},at=function t(i,n){var s,o;let l=[];if((s=n.sections)===null||s===void 0?void 0:s.length){l=n.sections.map((n=>F(this,N,"m",t).call(this,i,n)))}else if((o=n.content)===null||o===void 0?void 0:o.length){l=n.content.map((t=>F(this,N,"m",ft).call(this,i,t)))}if(S(n.absoluteWidth)==null){return l}const r=`${S(n.absoluteWidth)!=null?`${S(n.absoluteWidth)}px`:"100%"}`;const a=`${T(n.absoluteHeight)!=null?`${T(n.absoluteHeight)}px`:"100%"}`;const u=`${W(n.absoluteRow)}px`;const c=`${D(n.absoluteColumn)}px`;const h={position:"relative",width:r,"min-width":r,"max-width":r,height:a,"min-height":a,"max-height":a,top:u,left:c,overflow:"auto"};return e("div",{style:h},l)},ut=function t(i){var n,e;let s=[];if((n=i.content)===null||n===void 0?void 0:n.length){i.content.forEach((t=>{if(t.id){s.push(t.id)}}))}if((e=i.sections)===null||e===void 0?void 0:e.length){i.sections.forEach((i=>{s=s.concat(F(this,N,"m",t).call(this,i))}))}return s},ct=function t(i,n){if(!this.tabSelected){this.tabSelected=n[0].id||"0"}const s=n.map(((t,n)=>{const e=F(this,N,"m",ut).call(this,t);const s=i.cells.some((t=>{var i;const n=t.cell;const s=t.column;return e.includes(s.name)&&!!((i=n.data)===null||i===void 0?void 0:i.error)}));return{active:(t.id||`${n}`)===this.tabSelected,value:t.title,icon:s?"error":t.icon,id:t.id||`${n}`,danger:s}}));const o=n.map(((t,n)=>{const e=t.id||`${n}`;return F(this,N,"m",rt).call(this,i,t,true,{display:this.tabSelected!==e?"none":"grid"})}));const l=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!F(this,L,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click";const i=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,i);F(this,L,"f").push({event:t,handler:i})}return e("div",{class:{"input-panel__tabs_container":true}},e("kup-tab-bar",{data:s,customStyle:l}),o)},ht=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));const o=+n.colSpan>0?n.colSpan:!(+n.colSpan>0)&&!(+n.colStart>0)?1:null;const l=o?`span ${o}`:`${n.colStart}`;const r=+n.colEnd>0?`${n.colEnd}`:"";const a=+n.rowSpan>0?n.rowSpan:!(+n.rowSpan>0)&&!(+n.rowStart>0)?1:null;const u=a?`span ${a}`:`${n.rowStart}`;const c=+n.rowEnd>0?`${n.rowEnd}`:"";const h={"min-width":"0","grid-column-start":l,"grid-column-end":r,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return e("div",{style:h},F(this,N,"m",U).call(this,s.cell,i.row,s.column))},ft=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));if(!s||!s.cell){return}let o;if(s.cell.shape==c.DATE){o=n.absoluteLength>8?n.absoluteLength:8}else{o=n.absoluteLength}const l=`${S(o)}px`;const r=`${T(1)}px`;const a=`${W(n.absoluteRow)}px`;const u=`${D(n.absoluteColumn)}px`;const h={position:"absolute",width:l,"min-width":l,"max-width":l,height:r,"min-height":r,"max-height":r,top:a,left:u,overflow:"auto"};s.cell.data=Object.assign(Object.assign({},s.cell.data),{sizing:"extra-small",customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"});return e("div",{style:h},F(this,N,"m",U).call(this,s.cell,i.row,s.column))},pt=function t(){this.inputPanelCommands=this.data.setup.commands.map((t=>{if((t===null||t===void 0?void 0:t.children)&&(t===null||t===void 0?void 0:t.children.length)>0){const i={"kup-list":{showIcons:true,data:t.children.map((t=>F(this,N,"m",Rt).call(this,t)))}};return F(this,N,"m",tt).call(this,t,i)}else{const i=F(this,N,"m",Rt).call(this,t);return F(this,N,"m",Z).call(this,i,t.value)}})).flat()},dt=function t(i){var n,e,s,o;if((e=(n=i.setup)===null||n===void 0?void 0:n.commands)===null||e===void 0?void 0:e.length){F(this,N,"m",pt).call(this)}const l=(s=i===null||i===void 0?void 0:i.rows[0])===null||s===void 0?void 0:s.layout;const r=((o=i===null||i===void 0?void 0:i.rows)===null||o===void 0?void 0:o.length)?i.rows.reduce(((t,n)=>{const e=i.columns.filter((t=>t.visible)).map((t=>{const i=structuredClone(n.cells[t.name]);const e=i?Object.assign(Object.assign({},i),{data:F(this,N,"m",mt).call(this,i,t,l),slotData:F(this,N,"m",gt).call(this,i,t),isEditable:true}):null;return{column:t,cell:e}}));return[...t,{cells:e,row:n}]}),[]):[];r.map((({cells:t})=>t.map((({cell:t,column:i})=>{const n=qt.ketchup.data.cell.getType(t,t.shape);const e=F(this,H,"f").get(n);if(!e){return}const s=this.rootElement.shadowRoot.querySelector(`${e}[id=${i.name.replace(/\//g,"\\$1")}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=r},mt=function t(i,n,e){const s=Object.assign(Object.assign({},F(this,N,"m",kt).call(this,i,n,e)),{disabled:!i.editable,id:n.name});const o=qt.ketchup.data.cell.getType(i,i.shape);const l=i.data||{},r=I(l,["data"]);return o!==u.MULTI_AUTOCOMPLETE&&o!==u.MULTI_COMBOBOX?F(this,N,"m",vt).call(this,s,Object.assign({},i.data)):Object.assign(Object.assign({},s),r)},vt=function t(i,n){for(const e in n){if(n[e]instanceof Object&&!Array.isArray(n[e])&&e in i){i[e]=F(this,N,"m",t).call(this,i[e],n[e])}else{i[e]=n[e]}}return i},bt=function t(){return this.inputPanelCells.reduce(((t,i)=>{const n=Object.keys(i.row.cells).reduce(((t,n)=>{var e;const s=(e=i.cells.find((t=>t.column.name===n)))===null||e===void 0?void 0:e.cell;let o=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===c.TABLE){o=JSON.stringify(F(this,N,"m",Ft).call(this,s.data.data,n))}return Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},i.row.cells[n]),{value:o,obj:s===null||s===void 0?void 0:s.obj})})}),{});return{columns:[...t.columns,...i.cells.map((t=>t.column))],rows:[...t.rows,{cells:n,layout:i.row.layout}]}}),{columns:[],rows:[]})},kt=function t(i,n,e){if(!i){return null}const s=i.options;let o;if(e===null||e===void 0?void 0:e.absolute){o=null}else{o=n.title}const l=i.value;const r=qt.ketchup.data.cell.getType(i,i.shape);const a=new Map([[u.AUTOCOMPLETE,F(this,N,"m",wt).bind(this)],[u.BUTTON_LIST,F(this,N,"m",jt).bind(this)],[u.CHART,F(this,N,"m",_t).bind(this)],[u.CHIP,F(this,N,"m",yt).bind(this)],[u.CHECKBOX,F(this,N,"m",xt).bind(this)],[u.COLOR_PICKER,F(this,N,"m",Ot).bind(this)],[u.COMBOBOX,F(this,N,"m",wt).bind(this)],[u.EDITOR,F(this,N,"m",$t).bind(this)],[u.MULTI_AUTOCOMPLETE,F(this,N,"m",yt).bind(this)],[u.MULTI_COMBOBOX,F(this,N,"m",yt).bind(this)],[u.NUMBER,F(this,N,"m",Ct).bind(this)],[u.DATE,F(this,N,"m",Tt).bind(this)],[u.OBJECT,F(this,N,"m",Wt).bind(this)],[u.RADIO,F(this,N,"m",Mt).bind(this)],[u.STRING,F(this,N,"m",zt).bind(this)],[u.SWITCH,F(this,N,"m",St).bind(this)],[u.TABLE,F(this,N,"m",Et).bind(this)],[u.TIME,F(this,N,"m",Dt).bind(this)]]);const c=a.get(r);return c?c(s,o,l,i,n.name):null},gt=function t(i,n){const e=qt.ketchup.data.cell.getType(i,i.shape);if(!i.editable){return null}if(e===u.CHIP){return{trailingIcon:true,label:n.title,disabled:!i.editable,id:n.name,fullWidth:false}}if(e===u.MULTI_AUTOCOMPLETE||e===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},F(this,N,"m",wt).call(this,i.options,n.title,null,i,n.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!i.editable,id:n.name})}return null},yt=function t(i,n,e,s,o){var l,r;if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,N,"m",Jt).call(this,s,o)}return d(e)},_t=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},jt=function t(i,n,e,s,o){var l,r,a,u;s.data=s.data||{};s.data.onClick=()=>{F(this,N,"m",Ht).call(this,s,o)};if(((l=s.data)===null||l===void 0?void 0:l.keyShortcut)&&!((r=s.data)===null||r===void 0?void 0:r.disabled)){F(this,Y,"f").push((a=s.data)===null||a===void 0?void 0:a.keyShortcut);F(this,P,"f").keysBinding.register((u=s.data)===null||u===void 0?void 0:u.keyShortcut,s.data.onClick.bind(this))}return Object.assign({label:s.value,fun:s.fun},s.data)},wt=function t(i,n,e,s,o){var l,r;const a=m(e,n,[]);if(s.fun){const t=qt.ketchup.data.cell.getType(s,s.shape);const i=F(this,J,"f").get(t);if(!i){return}i.map((t=>{const i=t=>{F(this,N,"m",Vt).call(this,t.detail,s.fun,a,o,e)};this.rootElement.addEventListener(t,i);F(this,L,"f").push({event:t,handler:i})}))}else if(i){a.data["kup-list"].data=F(this,N,"m",Bt).call(this,i,e)}if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,N,"m",Jt).call(this,s,o)}return a},xt=function t(i,n,e,s,o){var l,r;let a=y(e,n);if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},a),{onBlur:()=>{F(this,N,"m",Gt).call(this,s,o)}})}return a},Ot=function t(i,n,e){return{data:{"kup-text-field":{label:n}}}},$t=function t(i,n,e){return{initialValue:e}},zt=function t(i,n,e,s,o){var l,r;if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,N,"m",Gt).call(this,s,o)}}}return{label:n}},Mt=function t(i,n,e,s,o){var l,r;let a=v(e,i);if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},a),{onBlur:()=>{F(this,N,"m",Gt).call(this,s,o)}})}return a},St=function t(i,n,e){return b(e,n)},Tt=function t(i,n,e,s,o){var l,r;if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,N,"m",Jt).call(this,s,o)}return{data:{"kup-text-field":{label:n}},initialValue:e}},Wt=function t(i,n,e,s,o){var l,r;if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{initialValue:e||"",label:n||" ",value:e||"",onBlur:()=>{F(this,N,"m",Gt).call(this,s,o)}}}return{initialValue:e||"",label:n||" ",value:e||""}},Dt=function t(i,n,e,s,o){var l,r;if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,N,"m",Jt).call(this,s,o)}return{data:{"kup-text-field":{label:n}}}},Ct=function t(i,n,e,s,o){var l,r;if(((l=s.inputSettings)===null||l===void 0?void 0:l.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,N,"m",Gt).call(this,s,o)}}}return{label:n}},Et=function t(i,n,e,s,o){try{let t=JSON.parse(s.value);if(!t){F(this,P,"f").debug.logMessage(this,`Empty value for ${o} cell.`,k.WARNING);return null}if(t.type!=="SmeupDataTable"){F(this,P,"f").debug.logMessage(this,`Wrong data table type for ${o} cell. Type \`SmeupDataTable\` in value expected`,k.ERROR);return null}return{data:{columns:t.columns.map((i=>Object.assign(Object.assign({},i),{obj:t.rows[0].cells[i.name].obj}))),rows:t.rows.map((i=>Object.assign(Object.assign({},i),{cells:Object.keys(i.cells).reduce(((n,e)=>{const s=t.columns.find((t=>t.name===e));return Object.assign(Object.assign({},n),{[e]:Object.assign(Object.assign({},i.cells[e]),{data:Object.assign(Object.assign({},F(this,N,"m",kt).call(this,i.cells[e],s)),{disabled:i.cells[e].editable===false,id:s.id})})})}),{})})))}}}catch(t){F(this,P,"f").debug.logMessage(this,`Invalid value for ${o} cell. Type \`SmeupDataTable\` expected`,k.ERROR);return null}},Ft=function t(i,n){const e=Object.assign(Object.assign({},i),{rows:i.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))});const s=i.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!s.length){return e}try{const t=JSON.parse(F(this,G,"f").rows[0].cells[n].value);e.rows=i.rows.map(((i,n)=>s.reduce(((e,s)=>{const o=t.rows[n].cells[s]&&i.cells[s].value!==t.rows[n].cells[s].value;if(o){return Object.assign(Object.assign({},t.rows[n]),{cells:Object.assign(Object.assign({},e.cells),{[s]:Object.assign(Object.assign({},t.rows[n].cells[s]),{value:i.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[n]),{cells:e.cells})}),Object.assign(Object.assign({},t.rows[n]),{cells:{}}))));return e}catch(t){return e}},Bt=function t(i,n){const e=F(this,V,"f").get(i.type);if(e){return e(i,n)}else{return i.map((t=>({value:t.label,id:t.id,selected:n===t.id})))}},It=function t(i,n){return i.children.map((i=>{var e;return{id:i.content.codice,value:i.content.testo,selected:n===i.content.codice,children:((e=i.children)===null||e===void 0?void 0:e.length)?F(this,N,"m",t).call(this,i,n):[]}}))},Nt=function t(i,n){return i.children.map((i=>{var e;return{id:i.obj.k,value:i.value,selected:n===i.obj.k,children:((e=i.children)===null||e===void 0?void 0:e.length)?F(this,N,"m",t).call(this,i,n):[]}}))},Pt=function t(i,n){return i.rows.map((t=>{var i;const e=t.fields||t.cells;const[s,o]=Object.keys(e);return{id:e[s].value,value:((i=e[o])===null||i===void 0?void 0:i.value)||e[s].value,selected:n===e[s].value}}))},Rt=function t(i){const n=Object.assign(Object.assign({},i),{data:F(this,N,"m",jt).call(this,null,null,i.value,i,i.obj.k),id:i.obj.k});return n},Vt=function t(i,n,e,s,o){if(i.id!==s||i.open===false){return}this.optionsHandler(n,i.inputValue,F(this,N,"m",bt).call(this),i.id).then((t=>{var n;e.data["kup-list"].data=(n=F(this,N,"m",Bt).call(this,t,o))!==null&&n!==void 0?n:[];i.comp.refresh()}))},Gt=async function t(i,n){var e,s;const o=F(this,N,"m",q).call(this,n);if(i.mandatory){F(this,N,"m",At).call(this,n,o.value?null:F(this,P,"f").language.translate(p.REQUIRED_VALUE));if(!o.value){return}}else{F(this,N,"m",At).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&o.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:F(this,N,"m",bt).call(this),fun:i.fun});if(t){F(this,N,"m",At).call(this,n,null)}else{F(this,N,"m",At).call(this,n,F(this,P,"f").language.translate(p.INVALID_VALUE));return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,N,"m",Lt).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,G,"f")),after:F(this,N,"m",bt).call(this)},n)}},Jt=function t(i,n){const e=F(this,A,"f").get(i.shape);if(!e){return}const s=async t=>{var e,s;const o=F(this,N,"m",q).call(this,n);if(t.detail.id!==n){return}if(i.mandatory){F(this,N,"m",At).call(this,n,o.value?null:F(this,P,"f").language.translate(p.REQUIRED_VALUE));if(!t.detail.value){return}}else{F(this,N,"m",At).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&t.detail.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:F(this,N,"m",bt).call(this),fun:i.fun});F(this,N,"m",At).call(this,n,t?null:F(this,P,"f").language.translate(p.INVALID_VALUE));if(!t){return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,N,"m",Lt).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,G,"f")),after:F(this,N,"m",bt).call(this)},n)}};this.rootElement.addEventListener(e,s);F(this,L,"f").push({event:e,handler:s})},At=function t(i,n){this.inputPanelCells=this.inputPanelCells.map((t=>Object.assign(Object.assign({},t),{cells:t.cells.map((({cell:t,column:e})=>{const s=e.name===i?Object.assign(Object.assign({},t.data),{error:n}):t.data;return{column:e,cell:Object.assign(Object.assign({},t),{data:s})}}))})))},Lt=function t(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},Ht=function t(i,n){i.fun?this.customButtonClickHandler({fun:i.fun,cellId:n,currentState:F(this,N,"m",bt).call(this)}):this.submitCb({value:{before:Object.assign({},F(this,G,"f")),after:F(this,N,"m",bt).call(this)},cell:n})},Kt=function t(i,n){const e=i.find((t=>{var i;return(i=t.classList)===null||i===void 0?void 0:i.contains("f-cell")}));if(e==null){return}const s=e["kup-get-cell-props"]();const o=s.column.name;let l=e;let r=this.data.rows[0].cells[o];let a=this.data.columns.find((t=>t.name==o));return{anchor:l,cell:r,column:a,originalEvent:n}},Xt=function t(i){const n=F(this,P,"f").getEventPath(i.target,this.rootElement);return F(this,N,"m",Kt).call(this,n,i)},Yt=function t(){F(this,P,"f").interact.managedElements.add(F(this,R,"f"));const i=t=>{if(t.button==2){const i=F(this,N,"m",Xt).call(this,t);if(i){this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}}};F(this,P,"f").interact.on(F(this,R,"f"),g.TAP,i)};Qt.style=E;export{Qt as kup_input_panel};
2
- //# sourceMappingURL=p-02f7124b.entry.js.map